Android的佈局：有並排

Question

兩個按鈕側我有我的應用程序的簡單設計：（其我的第一次...;））

所以，你可以看到它只是一個背景和兩個鈕釦。 （有2個更多的按鈕，目前它們並不重要）

所以，我不知道如何把它們放在另一個旁邊，他們所做的只是彼此重疊。我嘗試重量，但沒有奏效。

這是我axml文件：

<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:id="@+id/LinearLayout1" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:gravity="center" 
    android:orientation="vertical" 
    android:minWidth="25px" 
    android:minHeight="25px" 
    android:background="@drawable/background"> 
    <Button 
     android:background="@drawable/startthehatching_button" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_weight="1" 
     android:id="@+id/StartButton" /> 
    <Button 
     android:background="@drawable/stopthehatching_button" 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     android:layout_weight="1" 
     android:id="@+id/StopButton" /> 
    <CheckBox 
     android:text="Pro Mode On" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:id="@+id/CheckBoxProMode" /> 
    <Button 
     android:text="Help!" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:id="@+id/HelpButton" /> 
</LinearLayout> 

我能不能得到一些幫助？它可能超級容易，但我是新來的:)

謝謝！

Answer 1

創建RelativeLayout爲root佈局。由於您的設計包含bottom-center對齊的Checkbox和Button，所以最好使用RelativeLayout作爲container/root佈局。

2.添加一個直接的兒童水平LinearLayout和這個佈局包含2個子女RelativeLayout和兩者有相等的寬度。

3.地點START和STOP按鈕各自RelativeLayout。

添加attribute android:layout_centerVertical="true"到按鈕START和STOP對準vertically裏面的孩子RelativeLayout

4.添加two不同的背景color到two孩子RelativeLayout而不是使用背景image到root佈局。

FYI，當我用了兩個RelativeLayout's爲兩個部分，所以它能夠更好地使用背景color而不是使用image。

試試這個：

<?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:id="@+id/LinearLayout1" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent"> 

    <LinearLayout 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     android:orientation="horizontal" 
     android:weightSum="2"> 

     <RelativeLayout 
      android:layout_width="match_parent" 
      android:layout_height="match_parent" 
      android:background="#16A25B" 
      android:layout_weight="1" 
      android:padding="20dp"> 

      <Button 
       android:id="@+id/StartButton" 
       android:layout_width="180dp" 
       android:layout_height="180dp" 
       android:layout_centerVertical="true" 
       android:background="@drawable/startthehatching_button" /> 

     </RelativeLayout> 

     <RelativeLayout 
      android:layout_width="match_parent" 
      android:layout_height="match_parent" 
      android:background="#16909D" 
      android:layout_weight="1" 
      android:padding="20dp"> 

      <Button 
       android:id="@+id/StopButton" 
       android:layout_width="180dp" 
       android:layout_height="180dp" 
       android:layout_centerVertical="true" 
       android:background="@drawable/stopthehatching_button" /> 

     </RelativeLayout> 
    </LinearLayout> 

    <Button 
     android:id="@+id/HelpButton" 
     android:text="Help!" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_alignParentBottom="true" 
     android:layout_centerHorizontal="true" 
     android:layout_marginBottom="20dp" /> 

    <CheckBox 
     android:id="@+id/CheckBoxProMode" 
     android:text="Pro Mode On" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_centerHorizontal="true" 
     android:layout_above="@id/HelpButton" 
     android:layout_marginBottom="8dp" 
     android:textColor="@android:color/white" /> 
</RelativeLayout> 

僅供參考，您應該定義的Button的height-weight成不同dimens.xml所有resolutions針對所有不同的設備完全一樣。

OUTPUT：

希望這將有助於〜

Answer 2

方向更改爲水平和使用是0dp

<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:id="@+id/LinearLayout1" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:background="@drawable/background" 
    android:gravity="center" 
    android:minHeight="25px" 
    android:minWidth="25px" 
    android:orientation="vertical"> 

    <LinearLayout 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     android:orientation="horizontal" 
     android:weightSum="2"> 

     <FrameLayout 
      android:layout_width="0dp" 
      android:layout_height="wrap_content" 
      android:layout_weight="1"> 

      <Button 
       android:id="@+id/StartButton" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_gravity="center" 
       android:background="@drawable/startthehatching_button" /> 
     </FrameLayout> 

     <FrameLayout 
      android:layout_width="0dp" 
      android:layout_height="wrap_content" 
      android:layout_weight="1"> 

      <Button 
       android:id="@+id/StopButton" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_gravity="center" 

       android:background="@drawable/stopthehatching_button" /> 
     </FrameLayout> 
    </LinearLayout> 
</LinearLayout> 

Answer 3

this code help you!!! 

    <?xml version="1.0" encoding="utf-8"?> 
     <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
      android:id="@+id/LinearLayout1" 
      android:layout_width="match_parent" 
      android:layout_height="match_parent" 
      android:gravity="center" 
      android:orientation="vertical" 
      android:minWidth="25px" 
      android:minHeight="25px" 
      android:background="@drawable/background"> 
     <LinearLayout 
     android:layout_width="match_parent" 
      android:layout_height="match_parent" 
      android:weightSum="2" 
      android:orientation="horizontal"> 

      <Button 
       android:background="@drawable/startthehatching_button" 
       android:layout_width="0dp" 
       android:layout_height="wrap_content" 
       android:layout_weight="1" 
       android:id="@+id/StartButton" /> 
      <Button 
       android:background="@drawable/stopthehatching_button" 
       android:layout_width="0dp" 
       android:layout_height="wrap_content" 
       android:layout_weight="1" 
       android:id="@+id/StopButton" /> 
      </LinearLayout> 
      <LinearLayout 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:weightSum="2" 
      android:orientation="horizontal"> 
      <CheckBox 
      android:text="Pro Mode On" 
      android:layout_width="0dp" 
      android:layout_height="wrap_content" 
      android:layout_weight="1" 
      android:id="@+id/CheckBoxProMode" /> 
      <Button 
      android:text="Help!" 
      android:layout_width="0dp" 
      android:layout_height="wrap_content" 
      android:layout_weight="1" 
      android:id="@+id/HelpButton" /> 

      </LinearLayout> 
     </LinearLayout>