2013-12-20 112 views
0

我只是想讓兩個按鈕相鄰。我閱讀了Stackoverflow中的其他文章,並建議使用LinearLayout。我想繼續使用相對佈局。任何方式我可以解決圖像中顯示的內容?在手機上沒有顯示彼此相鄰的按鈕

的Eclipse: enter image description here

的HTC One(移動):

enter image description here

這裏是XML:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:tools="http://schemas.android.com/tools" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    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" > 

    <TextView 
     android:id="@+id/textView1" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_alignParentTop="true" 
     android:layout_centerHorizontal="true" 
     android:layout_marginTop="31dp" 
     android:text="@string/welcomeMessageMain" 
     android:textAppearance="?android:attr/textAppearanceLarge" 
     android:textColor="@color/LightSlateGray" 
     android:textSize="12pt" /> 

    <Button 
     android:id="@+id/newDiscountButton" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_alignBaseline="@+id/latestDiscountsButton" 
     android:layout_alignBottom="@+id/latestDiscountsButton" 
     android:layout_alignParentLeft="true" 
     android:layout_marginLeft="18dp" 
     android:layout_marginRight="14dp" 
     android:background="@drawable/roundbuttonxml" 
     android:height="50dp" 
     android:paddingLeft="10dp" 
     android:paddingRight="10dp" 
     android:text="@string/newDiscountBUttonLabel" 
     android:textColor="@color/WhiteColor" 
     android:width="115dp" /> 

    <TextView 
     android:id="@+id/textView2" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_alignParentBottom="true" 
     android:layout_centerHorizontal="true" 
     android:layout_marginBottom="35dp" 
     android:text="@string/copyrightMessage" 
     android:textAppearance="?android:attr/textAppearanceSmall" /> 

    <Button 
     android:id="@+id/latestDiscountsButton" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_below="@+id/textView1" 
     android:layout_marginTop="30dp" 
     android:layout_toRightOf="@+id/newDiscountButton" 
     android:background="@drawable/roundbuttonxml" 
     android:height="50dp" 
     android:paddingLeft="10dp" 
     android:paddingRight="10dp" 
     android:text="@string/recentDiscountsButtonLabel" 
     android:textColor="@color/WhiteColor" 
     android:width="115dp" /> 

</RelativeLayout> 

感謝您的幫助! :)的TableRow後

新的代碼,仍然不能正常工作:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:tools="http://schemas.android.com/tools" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    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" > 

    <TextView 
     android:id="@+id/textView1" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_alignParentTop="true" 
     android:layout_centerHorizontal="true" 
     android:layout_marginTop="31dp" 
     android:text="@string/welcomeMessageMain" 
     android:textAppearance="?android:attr/textAppearanceLarge" 
     android:textColor="@color/LightSlateGray" 
     android:textSize="12pt" /> 

    <TextView 
     android:id="@+id/textView2" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_alignParentBottom="true" 
     android:layout_centerHorizontal="true" 
     android:layout_marginBottom="35dp" 
     android:text="@string/copyrightMessage" 
     android:textAppearance="?android:attr/textAppearanceSmall" /> 

    <TableRow 
     android:id="@+id/tableRow1" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_below="@+id/textView1" 
     android:layout_centerHorizontal="true" 
     android:layout_marginTop="20dp" > 

     <Button 
      android:id="@+id/newDiscountButton" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_marginLeft="17dp" 
      android:background="@drawable/roundbuttonxml" 
      android:height="50dp" 
      android:paddingLeft="10dp" 
      android:paddingRight="10dp" 
      android:text="@string/newDiscountBUttonLabel" 
      android:textColor="@color/WhiteColor" 
      android:width="115dp" /> 

     <Button 
      android:id="@+id/latestDiscountsButton" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_marginLeft="14dp" 
      android:background="@drawable/roundbuttonxml" 
      android:height="50dp" 
      android:paddingLeft="10dp" 
      android:paddingRight="10dp" 
      android:text="@string/recentDiscountsButtonLabel" 
      android:textColor="@color/WhiteColor" 
      android:width="115dp" /> 

    </TableRow> 

</RelativeLayout> 
+0

可以使用的TableRow,並把兩個按鈕在裏面。 – Andrain

+1

爲什麼你在佈局中添加了'TextView'?有什麼目的嗎?正如你在屏幕截圖中顯示了兩個按鈕。 – GrIsHu

+0

你的問題是什麼?我猜你的佈局在你的設備上看起來很完美。 @spacemonkey – GrIsHu

回答

1

嘗試這樣的:

<TableRow 
    android:id="@+id/tableRow1" 
    android:layout_height="wrap_content" 
    android:layout_gravity="center_horizontal" 
    android:layout_width="wrap_content"> 
    <Button 
     android:id="@+id/button1" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_gravity="center_horizontal" 
     android:text="@string/stringtxt1"></Button> 
    <Button 
     android:id="@+id/button2" 
     android:layout_width="wrap_content" 
     android:text="@string/stringtxt2" 
     android:layout_height="wrap_content" 
     android:layout_gravity="center|center_horizontal"></Button> 
</TableRow> 
+0

謝謝。小調整,這工作得很好:) – spacemonkey

+0

歡迎..... :) –

+0

但爲什麼它仍然顯示不正常?同樣的問題!我發佈了新的代碼... – spacemonkey

0

使用此:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:tools="http://schemas.android.com/tools" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    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" > 

    <TextView 
     android:id="@+id/textView1" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_alignParentTop="true" 
     android:layout_centerHorizontal="true" 
     android:layout_marginTop="31dp" 
     android:text="welcomeMessageMain" 
     android:textAppearance="?android:attr/textAppearanceLarge" 
     android:textSize="12pt" /> 

    <Button 
     android:id="@+id/newDiscountButton" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_alignBaseline="@+id/latestDiscountsButton" 
     android:layout_alignBottom="@+id/latestDiscountsButton" 
     android:layout_alignParentLeft="true" 
     android:layout_marginLeft="18dp" 
     android:layout_marginRight="14dp" 
     android:background="@drawable/ic_launcher" 
     android:height="50dp" 
     android:layout_marginTop="30dp" 
     android:paddingLeft="10dp" 
     android:paddingRight="10dp" 
     android:text="newDiscountBUttonLabel" 
     android:width="115dp" /> 

    <TextView 
     android:id="@+id/textView2" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_alignParentBottom="true" 
     android:layout_centerHorizontal="true" 
     android:layout_marginBottom="35dp" 
     android:text="copyrightMessage" 
     android:textAppearance="?android:attr/textAppearanceSmall" /> 

    <Button 
     android:id="@+id/latestDiscountsButton" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_below="@+id/textView1" 
     android:layout_marginTop="30dp" 
     android:layout_toRightOf="@+id/newDiscountButton" 
     android:background="@drawable/ic_launcher" 
     android:height="50dp" 
     android:paddingLeft="10dp" 
     android:paddingRight="10dp" 
     android:text="recentDiscountsButtonLabel" 
     android:width="115dp" /> 

</RelativeLayout> 
+0

這破壞了整個界面:( – spacemonkey

+0

你有沒有改變背景圖片? – Avijit

+0

你測試了這個代碼在你身邊嗎? – Andrain

0
<TableRow 
     android:id="@+id/tableRow1" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:layout_gravity="center_horizontal" 
     android:weightSum="10"> 

     <View 
      android:layout_width="0dp" 
      android:layout_height="match_parent" 
      android:layout_weight="1"/> 

     <Button 
      android:id="@+id/button1" 
      android:layout_width="0dp" 
      android:layout_height="wrap_content" 
      android:layout_gravity="center_horizontal" 
      android:layout_weight="3"/> 

     <View 
      android:layout_width="0dp" 
      android:layout_height="match_parent" 
      android:layout_weight="2"/> 

     <Button 
      android:id="@+id/button2" 
      android:layout_width="0dp" 
      android:layout_height="wrap_content" 
      android:layout_gravity="center|center_horizontal" 
      android:layout_weight="3" /> 

     <View 
      android:layout_width="0dp" 
      android:layout_height="match_parent" 
      android:layout_weight="1"/> 
    </TableRow> 

希望這將有助於你

0

試試這段代碼將會以所需的格式。

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
xmlns:tools="http://schemas.android.com/tools" 
android:layout_width="match_parent" 
android:layout_height="match_parent" 
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" > 

<TextView 
    android:id="@+id/textView1" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_alignParentTop="true" 
    android:layout_centerHorizontal="true" 
    android:layout_marginTop="31dp" 
    android:text="@string/welcomeMessageMain" 
    android:textAppearance="?android:attr/textAppearanceLarge" 
    android:textColor="@color/LightSlateGray" 
    android:textSize="12pt" /> 

<Button 
    android:id="@+id/newDiscountButton" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_alignBaseline="@+id/latestDiscountsButton" 
    android:layout_alignBottom="@+id/latestDiscountsButton" 
    android:layout_alignParentLeft="true" 
    android:layout_marginLeft="18dp" 
    android:layout_marginRight="14dp" 
    android:background="@drawable/roundbuttonxml" 
    android:height="50dp" 
    android:layout_gravity="center|center_horizontal"> 
    android:paddingLeft="10dp" 
    android:paddingRight="10dp" 
    android:text="@string/newDiscountBUttonLabel" 
    android:textColor="@color/WhiteColor" 
    android:width="115dp" /> 

<TextView 
    android:id="@+id/textView2" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_alignParentBottom="true" 
    android:layout_centerHorizontal="true" 
    android:layout_marginBottom="35dp" 
    android:text="@string/copyrightMessage" 
    android:textAppearance="?android:attr/textAppearanceSmall" /> 

<Button 
    android:id="@+id/latestDiscountsButton" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_gravity="center|center_horizontal"> 
    android:layout_below="@+id/textView1" 
    android:layout_marginTop="30dp" 
    android:layout_toRightOf="@+id/newDiscountButton" 
    android:background="@drawable/roundbuttonxml" 
    android:height="50dp" 
    android:paddingLeft="10dp" 
    android:paddingRight="10dp" 
    android:text="@string/recentDiscountsButtonLabel" 
    android:textColor="@color/WhiteColor" 
    android:width="115dp" /> 

0

爲什麼textview2療法之間..西隧是,如果它的目的是什麼?你可以把它放在屏幕下方顯示您copywright文字

<TextView 
    android:id="@+id/textView1" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_alignParentTop="true" 
    android:layout_centerHorizontal="true" 
    android:layout_marginTop="31dp" 
    android:text="@string/welcomeMessageMain" 
    android:textAppearance="?android:attr/textAppearanceLarge" 
    android:textColor="@color/LightSlateGray" 
    android:textSize="12pt" /> 

<Button 
    android:id="@+id/newDiscountButton" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_alignBaseline="@+id/latestDiscountsButton" 
    android:layout_alignBottom="@+id/latestDiscountsButton" 
    android:layout_alignParentLeft="true" 
    android:layout_marginLeft="18dp" 
    android:layout_marginRight="14dp" 
    android:background="@drawable/roundbuttonxml" 
    android:height="50dp" 
    android:paddingLeft="10dp" 
    android:paddingRight="10dp" 
    android:text="@string/newDiscountBUttonLabel" 
    android:textColor="@color/WhiteColor" 
    android:width="115dp" /> 


<Button 
    android:id="@+id/latestDiscountsButton" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_below="@+id/textView1" 
    android:layout_marginTop="30dp" 
    android:layout_toRightOf="@+id/newDiscountButton" 
    android:background="@drawable/roundbuttonxml" 
    android:height="50dp" 
    android:paddingLeft="10dp" 
    android:paddingRight="10dp" 
    android:text="@string/recentDiscountsButtonLabel" 
    android:textColor="@color/WhiteColor" 
    android:width="115dp" /> 

0

不要進入了Android IDE現在,但看的XML,我看到的按鈕有不同的利潤率。

關於第二個按鈕,除去保證金,我想你會得到你在找什麼 android:layout_marginTop="30dp"