2013-10-17 199 views
0

我希望有兩個按鈕可以跨越屏幕兩側(邊距較小)到應用程序的中心。如何將RelativeLayout中的按鈕設置爲與中心對齊

我曾希望

android:layout_alignParentLeft="true" 

會工作相同的,如果我輸入

android:layout_alignParentcenter="true" 

,但它不工作一樣。

這裏是我的XML

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:tools="http://schemas.android.com/tools" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:paddingBottom="@dimen/activity_vertical_margin" 
    android:paddingLeft="@dimen/activity_horizontal_margin" 
    android:paddingRight="@dimen/activity_horizontal_margin" 
    android:paddingTop="@dimen/activity_vertical_margin" 
    tools:context=".MainActivity" > 

    <Button 
     android:id="@+id/cath" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_alignBaseline="@+id/cmhs" 
     android:layout_alignBottom="@+id/cmhs" 
     android:layout_alignLeft="@+id/mhsdir" 
     android:layout_alignParentRight="true" 
     android:background="@drawable/button_custom" 
     android:text="@string/cath" 
     android:textColor="#000000" /> 

    <Button 
     android:id="@+id/cfeel" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_alignBottom="@+id/sclose" 
     android:layout_alignLeft="@+id/cath" 
     android:layout_alignRight="@+id/cath" 
     android:background="@drawable/button_custom" 
     android:text="@string/cfeel" 
     android:textColor="#000000" /> 

    <Button 
     android:id="@+id/mhshome" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:layout_below="@+id/textView1" 
     android:layout_toRightOf="@+id/textView2" 
     android:background="@drawable/button_custom" 
     android:onClick="onClick" 
     android:text="@string/mhsdir" 
     android:layout_marginTop="15dp" 
     android:textColor="#000000" /> 

    <Button 
     android:id="@+id/mhsdir" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_alignLeft="@+id/mhshome" 
     android:layout_alignParentRight="true" 
     android:layout_alignTop="@+id/pp" 
     android:background="@drawable/button_custom" 
     android:text="@string/webclo" 
     android:textColor="#000000" /> 

    <TextView 
     android:id="@+id/textView1" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_centerHorizontal="true" 
     android:text="@string/weblink" 
     android:textAppearance="?android:attr/textAppearanceLarge" /> 

    <Button 
     android:id="@+id/webclo" 
     style="@style/AppBaseTheme" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:layout_alignLeft="@+id/pp" 
     android:layout_alignRight="@+id/cmhs" 
     android:layout_below="@+id/textView1" 
     android:background="@drawable/button_custom" 
     android:text="@string/mhshome" 
     android:layout_marginTop="15dp" 
     android:textColor="#000000" /> 

    <Button 
     android:id="@+id/pp" 
     style="@style/AppBaseTheme" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:layout_alignLeft="@+id/cmhs" 
     android:layout_alignRight="@+id/cmhs" 
     android:layout_below="@+id/webclo" 
     android:layout_marginTop="20dp" 
     android:background="@drawable/button_custom" 
     android:text="@string/pp" 
     android:textColor="#000000" /> 

    <TextView 
     android:id="@+id/textView2" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_below="@+id/mhsdir" 
     android:layout_centerHorizontal="true" 
     android:layout_marginTop="10dp" 
     android:text="@string/phonenum" 
     android:textAppearance="?android:attr/textAppearanceLarge" /> 

    <Button 
     android:id="@+id/cmhs" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_alignLeft="@+id/sclose" 
     android:layout_alignRight="@+id/sclose" 
     android:layout_below="@+id/textView2" 
     android:background="@drawable/button_custom" 
     android:text="@string/callmhs" 
     android:textColor="#000000" /> 

    <Button 
     android:id="@+id/sclose" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_alignParentLeft="true" 
     android:layout_below="@+id/cmhs" 
     android:layout_marginTop="20dp" 
     android:background="@drawable/button_custom" 
     android:text="@string/sclose" 
     android:textColor="#000000" /> 

    <Button 
     android:id="@+id/school" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_alignBaseline="@+id/ath" 
     android:layout_alignBottom="@+id/ath" 
     android:layout_alignLeft="@+id/cfeel" 
     android:layout_alignRight="@+id/cfeel" 
     android:background="@drawable/button_custom" 
     android:text="@string/school" 
     android:textColor="#000000" /> 

    <Button 
     android:id="@+id/ath" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_alignLeft="@+id/sclose" 
     android:layout_alignParentBottom="true" 
     android:layout_alignRight="@+id/sclose" 
     android:layout_marginBottom="10dp" 
     android:background="@drawable/button_custom" 
     android:text="@string/ath" 
     android:textColor="#000000" /> 

    <TextView 
     android:id="@+id/textView3" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_above="@+id/school" 
     android:layout_centerHorizontal="true" 
     android:layout_marginBottom="15dp" 
     android:text="@string/cal" 
     android:textAppearance="?android:attr/textAppearanceLarge" /> 

</RelativeLayout> 

我將包括圖像,但我沒有足夠的代表...

回答

0

假設你想同時Button s至佔50%的屏幕,你可以把它們放在LinearLayout中,並給它們各自相同的weight。像

<LinearLayout 
    ... 
> 
    <Button 
     android:layout_width="0dp" 
     android:layout_height="wrap_content" 
     android:layout_weight="1"/> 
    <Button 
     android:layout_width="0dp" 
     android:layout_height="wrap_content" 
     android:layout_weight="1"/> 
</LinearLayout> 

如果這個東西是不是你想要的,那麼請澄清一下。

編輯

如果你想在這兩個Button S之間的空間,那麼你可以創建Button S之間的空View,並給它的,也許0.5則1 layout_weight每個Button S的。如果你想在Button的每一邊都有空間,你可以做同樣的事情。

+0

似乎更改爲LinearLayout是繼續此操作的最佳方式...應用程序完全減去按鈕大小,因此我只是在尋找不需要重新排列整個佈局的修復程序。從相對線性轉換很容易嗎? – Mac

+0

如果您需要進行放置,您可以使用'RelativeLayout'作爲您的根'ViewGroup',但將剩下的放在'LinearLayout'中。取決於什麼最適合你。還有其他的方法,但我認爲這是最有效的,如果我得到你想要的。 – codeMagic

+0

這就是我想要的,但是在中心幾乎相互碰撞的按鈕。這裏是我現在http://imgur.com/30AHZDi 沒關係,我明白你在說什麼我會嘗試。非常感謝! – Mac