2012-03-21 54 views
1

我已經爲我的應用程序創建了儀表板。在那我也添加了搜索按鈕。我希望將此按鈕對齊到右側,但爲此我不想使用邊距。我添加了我的佈局+代碼的圖像。在Android中的儀表板需要幫助

修訂

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:id="@+id/root" 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" 
    android:background="#FFFFFF" 
    android:orientation="vertical" > 
    <RelativeLayout style="@style/TitleBar" > 

    <ImageView 
     android:id="@+id/logo" 
     style="@style/TitleBarLogo" 
     android:layout_toRightOf="@id/titlebar" 
     android:contentDescription="Logo" 
     android:src="@drawable/logo" /> 

    <ImageView 
     style="@style/TitleBarSeparator" 
     android:layout_toRightOf="@id/logo" 
     android:visibility="visible" /> 

    <ImageButton 
     style="@style/TitleBarAction" 
     android:layout_alignParentRight="true" 
     android:contentDescription="Searching..." 
     android:onClick="onClickSearch" 
     android:src="@drawable/title_search" /> 
</RelativeLayout> 
<LinearLayout 
     android:layout_width="fill_parent" 
     android:layout_height="wrap_content" 
     android:layout_below="@id/titlebar" 
     android:layout_weight="1" 
     android:orientation="vertical" > 

     <LinearLayout 
      android:layout_width="fill_parent" 
      android:layout_height="wrap_content" 
      android:layout_marginTop="15dip" 
      android:orientation="horizontal" > 

      <Button 
       android:id="@+id/home_btn_feature1" 
       style="@style/HomeButton" 
       android:drawableTop="@drawable/home_button1"/> 

      <Button 
       android:id="@+id/home_btn_feature2" 
       style="@style/HomeButton" 
       android:drawableTop="@drawable/home_button2"      
       /> 
     </LinearLayout> 

     <LinearLayout 
      android:layout_width="fill_parent" 
      android:layout_height="wrap_content" 
      android:layout_marginTop="50dip" 
      android:orientation="horizontal" > 

      <Button 
       android:id="@+id/home_btn_feature3" 
       style="@style/HomeButton" 
       android:drawableTop="@drawable/home_button3"/> 

      <Button 
       android:id="@+id/home_btn_feature4" 
       style="@style/HomeButton" 
       android:drawableTop="@drawable/home_button4"/> 
     </LinearLayout> 
    </LinearLayout> 
</RelativeLayout> 

修訂

styles.xml

<style name="TitleBar"> 
     <item name="android:id">@id/titlebar</item> 
     <item name="android:layout_width">fill_parent</item> 
     <item name="android:layout_height">wrap_content</item> 
     <item name="android:orientation">horizontal</item> 
     <item name="android:background">@color/title_background</item> 
    </style> 

    <style name="TitleBarLogo"> 
     <item name="android:id">@id/title_logo</item> 
     <item name="android:layout_width">wrap_content</item> 
     <item name="android:layout_height">wrap_content</item> 
     <item name="android:clickable">true</item> 
    </style> 

    <style name="TitleBarAction"> 
     <item name="android:layout_width">wrap_content</item> 
     <item name="android:layout_height">wrap_content</item> 
     <item name="android:background">@drawable/title_button</item> 
    </style> 
<style name="TitleBarSeparator"> 
     <item name="android:layout_width">1px</item> 
     <item name="android:layout_height">wrap_content</item> 
     <item name="android:background">@color/title_separator</item> 
    </style> 

OLD

NEW UPDATED

更新我的代碼,只需一步即可完成。分離器是一些不可見的。

如果有人有任何想法,請幫助我。

謝謝

回答

2

嘗試

<ImageButton 
     style="@style/TitleBarAction" 
     android:contentDescription="Searching..." 
     android:onClick="onClickSearch" 
     android:layout_alignParentRight="true" 
     android:src="@drawable/title_search" /> 
+0

感謝您的回覆。我試過這個,但結果仍然一樣。而且layout_alignParentRight也沒有建議.... – Prem 2012-03-21 16:40:45

+1

使用RelativeLayout來代替LinearLayout – 2012-03-21 16:51:24

+0

實際上我也嘗試過使用相對佈局。但是當我使用它時,所有的事情都在這裏和那裏。我正在研究相對佈局。如果您有任何建議,請讓我知道。我在這裏發佈了整個儀表板佈局。 – Prem 2012-03-21 17:17:43

1

雖然我會建議考慮使用Action Bar如果可能的話,

android:layout_alignParentRight="true" 

應該工作,你也可以acheive你想要什麼使您的TitleBarLogo和放大鏡圖形a 9-patch image離開中間空白,並自動調整大小,無di放置圖形。

+1

我已經添加了我的styles.xml代碼。而我嘗試layout_alignParentRight =「true」但不工作。 – Prem 2012-03-21 16:42:54

+0

除了'ImageView'中的'alignParentRight'你看過http://stackoverflow.com/questions/655994/android-layout-alignment-issue-with-imageview? 'android:scaleType =「fitStart」' – TryTryAgain 2012-03-21 16:51:19

+0

我在我的ImagaButton中添加了alignParentRight .. – Prem 2012-03-21 16:52:42