與多個按鈕

創建佈局我想設計一個佈局，如下所示：與多個按鈕

enter image description here

但林沒有得到完全相同的佈局。我想要相同的佈局和相同的按鈕，但只是遇到麻煩，以正確對齊。該代碼也應該多維度device.My代碼工作是：

<?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:gravity="center" 
    android:orientation="vertical" > 

<LinearLayout 
    android:id="@+id/LinearLayout05" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_alignBottom="@+id/LinearLayout02" 
    android:layout_alignRight="@+id/LinearLayout04" 
    android:layout_margin="25dip" 
    android:layout_weight="0.53" 
    android:alignRight="@id/LinearLayout04" 
    android:background="#0000ff" > 

    <LinearLayout 
     android:id="@+id/LinearLayout06" 
     android:layout_width="116dp" 
     android:layout_height="137dp" 
     android:layout_marginTop="14dip" 
     android:background="@drawable/active_user" 
     android:gravity="bottom" 
     android:orientation="horizontal" > 

     <TextView 
      android:id="@+id/TextView03" 
      android:layout_width="0dp" 
      android:layout_height="wrap_content" 
      android:layout_weight="0.53" 
      android:gravity="center" 
      android:text="Button" /> 
    </LinearLayout> 
</LinearLayout> 

<LinearLayout 
    android:id="@+id/LinearLayout02" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_below="@+id/rl2" 
    android:layout_margin="25dip" 
    android:layout_toLeftOf="@+id/LinearLayout05" 
    android:layout_weight="0.53" 
    android:background="#0000ff" > 

    <LinearLayout 
     android:id="@+id/LinearLayout01" 
     android:layout_width="match_parent" 
     android:layout_height="112dp" 
     android:layout_marginTop="14dip" 
     android:layout_weight="0.42" 
     android:background="@drawable/active_user" 
     android:gravity="bottom" 
     android:orientation="horizontal" > 

     <TextView 
      android:id="@+id/TextView01" 
      android:layout_width="0dp" 
      android:layout_height="wrap_content" 
      android:layout_weight="0.53" 
      android:gravity="center" 
      android:text="Button" /> 
    </LinearLayout> 
</LinearLayout> 

<LinearLayout 
    android:id="@+id/LinearLayout04" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_alignParentRight="true" 
    android:layout_alignParentTop="true" 
    android:layout_margin="25dip" 
    android:layout_marginRight="92dp" 
    android:layout_marginTop="56dp" 
    android:background="#0000ff" > 

    <LinearLayout 
     android:id="@+id/LinearLayout03" 
     android:layout_width="150dp" 
     android:layout_height="113dp" 
     android:layout_marginTop="14dip" 
     android:background="@drawable/active_user" 
     android:gravity="bottom" 
     android:orientation="horizontal" > 

     <TextView 
      android:id="@+id/TextView02" 
      android:layout_width="0dp" 
      android:layout_height="wrap_content" 
      android:layout_weight="0.53" 
      android:gravity="center" 
      android:text="Button" /> 
    </LinearLayout> 
</LinearLayout> 

<LinearLayout 
    android:id="@+id/rl2" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_alignLeft="@+id/LinearLayout02" 
    android:layout_alignTop="@+id/LinearLayout04" 
    android:layout_margin="25dip" 
    android:background="#0000ff" > 

    <LinearLayout 
     android:id="@+id/linearLayout4" 
     android:layout_width="143dp" 
     android:layout_height="116dp" 
     android:layout_marginTop="14dip" 
     android:background="@drawable/active_user" 
     android:gravity="bottom" 
     android:orientation="horizontal" > 

     <TextView 
      android:id="@+id/button2" 
      android:layout_width="0dp" 
      android:layout_height="wrap_content" 
      android:layout_weight="0.53" 
      android:gravity="center" 
      android:text="Button" /> 
    </LinearLayout> 
</LinearLayout> 

</RelativeLayout>

來源

2013-08-23 user2523388

您可能想看看GridLayout。 – Eugene

我試過但沒有成功。任何有用的鏈接..？ – user2523388

你可以使用自定義gridview來做這件事.. – Piyush

如何：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
android:layout_width="match_parent" 
android:layout_height="match_parent" 
android:orientation="vertical" 
android:gravity="center" > 

<TableLayout 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" > 

    <TableRow 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" > 

     <Button 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:background="@drawable/ic_launcher" > 
     </Button> 

     <Button 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:background="@drawable/ic_launcher" > 
     </Button> 
    </TableRow> 

    <TableRow 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" > 

     <Button 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:background="@drawable/ic_launcher" > 
     </Button> 

     <Button 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:background="@drawable/ic_launcher" > 
     </Button> 
    </TableRow> 
</TableLayout> 

</LinearLayout>

來源

2013-08-23 10:56:30

很好。（Y）。 – user2523388

歡迎您;-) –

你可以試試這個，只需複製並粘貼此XML，並與您的圖像

改變

 <?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:orientation="vertical" > 

    <TextView 
     android:id="@+id/textView1" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_gravity="center_horizontal" 
     android:text="YOUR TEXT" 
     android:textAppearance="?android:attr/textAppearanceLarge" /> 

    <LinearLayout 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     android:gravity="center" 
     android:orientation="vertical" > 

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

      <ImageView 
       android:id="@+id/imageView1" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_weight="1" 
       android:src="@drawable/ic_launcher" /> 

      <ImageView 
       android:id="@+id/imageView2" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_weight="1" 
       android:src="@drawable/ic_launcher" /> 
     </LinearLayout> 

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

      <ImageView 
       android:id="@+id/imageView1" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_weight="1" 
       android:src="@drawable/ic_launcher" /> 

      <ImageView 
       android:id="@+id/imageView2" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_weight="1" 
       android:src="@drawable/ic_launcher" /> 
     </LinearLayout> 
    </LinearLayout> 

</LinearLayout>

來源

2013-08-23 11:02:20

嘗試......

<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:orientation="vertical" 
    android:gravity="center" > 

<LinearLayout 
    android:id="@+id/LinearLayout05" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:orientation="horizontal" 
    android:gravity="center" 
    > 

    <LinearLayout 
     android:id="@+id/LinearLayout06" 
     android:layout_width="0dp" 
     android:layout_height="137dp" 
     android:layout_weight="0.5" 
     android:layout_margin="5dp" 
    android:gravity="center" 
     android:background="#629AA7" > 

     <TextView 
      android:id="@+id/TextView03" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:gravity="center" 
      android:text="Button" /> 
    </LinearLayout> 


    <LinearLayout 
     android:id="@+id/LinearLayout01" 
     android:layout_width="0dp" 
     android:layout_height="137dp" 
     android:layout_weight="0.5" 
     android:layout_margin="5dp" 
    android:gravity="center" 
     android:background="#629AA7"> 

     <TextView 
      android:id="@+id/TextView01" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:gravity="center" 
      android:text="Button" /> 
    </LinearLayout> 
</LinearLayout> 

<LinearLayout 
    android:id="@+id/LinearLayout04" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:orientation="horizontal" > 

    <LinearLayout 
     android:id="@+id/LinearLayout03" 
     android:layout_width="0dp" 
     android:layout_height="137dp" 
     android:layout_weight="0.5" 
    android:gravity="center" 
     android:layout_margin="5dp" 
    android:background="#629AA7"> 

     <TextView 
      android:id="@+id/TextView02" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:gravity="center" 
      android:text="Button" /> 
    </LinearLayout> 



    <LinearLayout 
     android:id="@+id/linearLayout4" 
     android:layout_width="0dp" 
     android:layout_height="137dp" 
     android:layout_weight="0.5" 
    android:gravity="center" 
     android:layout_margin="5dp" 
    android:background="#629AA7"> 

     <TextView 
      android:id="@+id/button2" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:gravity="center" 
      android:text="Button" /> 
    </LinearLayout> 
</LinearLayout> 

</LinearLayout>

來源

2013-08-23 11:04:38 Hariharan

巧合的是，我正在使用的應用程序使用相同的佈局 - 2x2平方中的四個按鈕。我們解決它的方式遵循以下結構：

<LinearLayout android:orientation="vertical" ...> 

    <LinearLayout android:orientation="horizontal"> 
     <Button ... /> 
     <Button ... /> 
    </LinearLayout> 

    <LinearLayout android:orientation="horizontal"> 
     <Button ... /> 
     <Button ... /> 
    </LinearLayout> 

</LinearLayout>

來源

2014-02-05 11:06:25 Andrejovich

回答

相關問題