cách đặt 9 nút trong 3 hàng trong bố cục xml android?

Question

Tôi đang cố gắng tạo trò chơi tic-tac-toe (phiên bản Android). Tôi muốn làm cho tất cả 9 nút tự động định cỡ liên quan đến chiều rộng và chiều cao của thiết bị và đặt chúng đồng đều trong lưới 3 * 3. Nhưng tôi chỉ có thể đặt số cho kích thước của chúng ngay bây giờ. Bất cứ ai có thể cho tôi biết cách để họ sử dụng chiều cao và chiều rộng của phụ huynh và tính toán kích thước của họ?

Ngoài ra, hiện tại, tôi đang sử dụng bố cục lưới. Đây có phải là bố cục tốt nhất tôi nên sử dụng cho trò chơi tic-tac-toe không?

Cảm ơn.

Answer 1

Sử dụng LinearLayouts với android:weightSum và android:layout_weight

Sửa

Ví dụ:

<?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:weightSum="3" > 

    <LinearLayout 
     android:layout_width="match_parent" 
     android:layout_height="0dp" 
     android:layout_weight="1" 
     android:orientation="horizontal" 
     android:weightSum="3" > 

     <ImageButton 
      android:layout_width="0dp" 
      android:layout_height="fill_parent" 
      android:layout_weight="1" 
      android:src="@drawable/ic_launcher" /> 

     <ImageButton 
      android:layout_width="0dp" 
      android:layout_height="fill_parent" 
      android:layout_weight="1" 
      android:src="@drawable/ic_launcher" /> 

     <ImageButton 
      android:layout_width="0dp" 
      android:layout_height="fill_parent" 
      android:layout_weight="1" 
      android:src="@drawable/ic_launcher" /> 
    </LinearLayout> 

    <LinearLayout 
     android:layout_width="match_parent" 
     android:layout_height="0dp" 
     android:layout_weight="1" 
     android:orientation="horizontal" 
     android:weightSum="3" > 

     <ImageButton 
      android:layout_width="0dp" 
      android:layout_height="fill_parent" 
      android:layout_weight="1" 
      android:src="@drawable/ic_launcher" /> 

     <ImageButton 
      android:layout_width="0dp" 
      android:layout_height="fill_parent" 
      android:layout_weight="1" 
      android:src="@drawable/ic_launcher" /> 

     <ImageButton 
      android:layout_width="0dp" 
      android:layout_height="fill_parent" 
      android:layout_weight="1" 
      android:src="@drawable/ic_launcher" /> 
    </LinearLayout> 

    <LinearLayout 
     android:layout_width="match_parent" 
     android:layout_height="0dp" 
     android:layout_weight="1" 
     android:orientation="horizontal" 
     android:weightSum="3" > 

     <ImageButton 
      android:layout_width="0dp" 
      android:layout_height="fill_parent" 
      android:layout_weight="1" 
      android:src="@drawable/ic_launcher" /> 

     <ImageButton 
      android:layout_width="0dp" 
      android:layout_height="fill_parent" 
      android:layout_weight="1" 
      android:src="@drawable/ic_launcher" /> 

     <ImageButton 
      android:layout_width="0dp" 
      android:layout_height="fill_parent" 
      android:layout_weight="1" 
      android:src="@drawable/ic_launcher" /> 
    </LinearLayout> 

</LinearLayout> 

Answer 2

Hãy thử điều này:

<GridView 
    android:id="@+id/grid_view" 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" 
    android:horizontalSpacing="10dp" 
    android:numColumns="3" 
    android:stretchMode="columnWidth" 
    android:verticalSpacing="10dp" /> 

Answer 3

Bạn có thể sử dụng GridView. Nó sẽ phân phối các nút đồng đều.

<GridView 
    android:id="@+id/gridview" 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" 
    android:horizontalSpacing="5dp" 
    android:numColumns="3" 
    android:stretchMode="columnWidth" 
    android:verticalSpacing="5dp" />` 

trong việc bạn sử dụng hoạt động mã này

GridView GridView;

static final String[] numbers = new String[] { 
"A", "B", "C", 
    "D", "E", "F", 
    "G", "H", "I"}; 

@Override 
public void onCreate(Bundle savedInstanceState) { 

super.onCreate(savedInstanceState); 

setContentView(R.layout.main); 

gridView = (GridView) findViewById(R.id.gridview); 

ArrayAdapter<String> adapter = new ArrayAdapter<String>(this, 
     android.R.layout.simple_list_item_1, numbers); 

gridView.setAdapter(adapter); 

gridView.setOnItemClickListener(new OnItemClickListener() { 
    public void onItemClick(AdapterView<?> parent, View v, 
     int position, long id) { 
     Toast.makeText(getApplicationContext(), 
     ((TextView) v).getText(), Toast.LENGTH_SHORT).show(); 
    } 
}); 


} 

Answer 4

<LinearLayout 
android:weightSum = 1.0 
> 
    <LinearLayout 
    android:weightSum=1.0 
    android:layout_weight = 0.33 
    android:orientation = horizontal 
    > 
    <Button 
     android:layout_weight=0.33 
    /> 
    <Button 
     android:layout_weight=0.33 
    /> 
    <Button 
    android:layout_weight=0.33 
    /> 
</LinearLayout> 
    //Similar to above LinearLayout of Buttons add 2 more LinearLayouts 

Answer 5

tôi đang làm việc trên cùng một vấn đề chính xác và nhận được điều này để làm việc với bố trí bảng. Hi vọng điêu nay co ich.

<TableLayout 
    android:id="@+id/tableLayout1" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:layout_above="@id/editText1" 
    android:layout_below="@+id/textView1" 
    android:layout_centerHorizontal="true" 
    android:gravity="center" 
    android:padding="40dp" > 

    <TableRow 
     android:id="@+id/tableRow1" 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     android:layout_weight="1" 
     android:gravity="center" > 

     <Button 
      android:layout_width="match_parent" 
      android:layout_height="match_parent" 
      android:layout_weight="1" 
      style="@style/button_style" /> 

     <Button 
      android:layout_width="match_parent" 
      android:layout_height="match_parent" 
      android:layout_weight="1" 
      style="@style/button_style" /> 

     <Button 
      style="@style/button_style" 
      android:layout_width="match_parent" 
      android:layout_height="match_parent" 
      android:layout_weight="1" 
      /> 
    </TableRow> 

    <TableRow 
     android:id="@+id/tableRow2" 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     android:layout_weight="1" 
     android:gravity="center" > 

     <Button 
      android:layout_width="match_parent" 
      android:layout_height="match_parent" 
      android:layout_weight="1" 
      style="@style/button_style" /> 

     <Button 
      android:layout_width="match_parent" 
      android:layout_height="match_parent" 
      android:layout_weight="1" 
      style="@style/button_style" /> 

     <Button 
      android:layout_width="match_parent" 
      android:layout_height="match_parent" 
      android:layout_weight="1" 
      style="@style/button_style" /> 
    </TableRow> 

    <TableRow 
     android:id="@+id/tableRow3" 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     android:layout_weight="1" 
     android:gravity="center" > 

     <Button 
      android:layout_width="match_parent" 
      android:layout_height="match_parent" 
      android:layout_weight="1" 
      style="@style/button_style" /> 

     <Button 
      android:layout_width="match_parent" 
      android:layout_height="match_parent" 
      android:layout_weight="1" 
      style="@style/button_style" /> 

     <Button 
      android:layout_width="match_parent" 
      android:layout_height="match_parent" 
      android:layout_weight="1" 
      style="@style/button_style" /> 
    </TableRow> 
</TableLayout> 

'