如何創建均勻間隔的按鈕？

Question

請原諒photoshop工作。但這個形象應該很簡潔地顯示我想要做的事：

buttons http://www.efalk.org/buttons3.png

概括地說，我想我沿着屏幕的高度均勻間隔的按鈕，我想他們是所有相同的尺寸。有沒有合理的方法來做到這一點？

Answer 1

感謝您的想法;他們幫助我專注於這個問題。

然而，有時候，你只需要咬緊牙關，用代碼來完成。這是一個快速和骯髒的實現作爲自定義ViewGroup。在設置佈局之後，可能會更容易在onCreate（）中執行此操作，但這對我有用。

/** 
* $Id$ 
* 
* SideLayout.java - Quick-and-dirty button layout 
* 
* Author: Edward A. Falk 
*   efalk@users.sourceforge.net 
* 
* Date: Aug 2010 
* 
* Overview: this container widget takes its children and lays 
* them out in two columns, on the left and right edges of the 
* parent. Children are evenly spaced and forced to be all the 
* same size. 
*/ 

import java.lang.Math; 
import android.view.View; 
import android.view.ViewGroup; 
import android.content.Context; 
import android.util.AttributeSet; 

public class SideLayout extends ViewGroup { 

    private int max_wid, max_hgt; 

    public SideLayout(Context ctx) { 
     super(ctx); 
    } 

    public SideLayout(Context ctx, AttributeSet attrs) { 
     super(ctx, attrs); 
    } 

    public SideLayout(Context ctx, AttributeSet attrs, int defStyle) { 
     super(ctx, attrs, defStyle); 
    } 

    @Override 
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) 
    { 
     final int num_children = getChildCount(); 

     // Since this is a special-purpose widget, this is brute simple. All 
     // of our children will have sizes of wrap_content, so we query them 
     // all, then make a second pass assigning their final sizes. 

     max_wid = 0; 
     max_hgt = 0; 
     for(int i = 0; i < num_children; ++i) 
     { 
      final View child = getChildAt(i); 
      if(child != null && child.getVisibility() != View.GONE) 
      { 
       measureChild(child, widthMeasureSpec, heightMeasureSpec); 
       max_wid = Math.max(max_wid, child.getMeasuredWidth()); 
       max_hgt = Math.max(max_hgt, child.getMeasuredHeight()); 
      } 
     } 

     // Make a second pass, tell children the actual size they got. 
     for(int i = 0; i < num_children; ++i) 
     { 
      final View child = getChildAt(i); 
      if(child != null && child.getVisibility() != View.GONE) 
      { 
       child.measure(
        MeasureSpec.makeMeasureSpec(max_wid, MeasureSpec.EXACTLY), 
        MeasureSpec.makeMeasureSpec(max_hgt, MeasureSpec.EXACTLY)); 
      } 
     } 

     super.onMeasure(widthMeasureSpec, heightMeasureSpec); 
    } 

    @Override 
    protected void onLayout(boolean changed, int l, int t, int r, int b) 
    { 
     final int num_children = getChildCount(); 
     int x,y; 

     if(num_children <= 0) 
      return; 

     // Split the children into two groups, left and right. Each 
     // column is evenly-spaced. 

     int wid = r - l; 
     int hgt = b - t; 
     int nrow = (num_children + 1)/2; 
     int margin = (hgt - max_hgt * nrow)/(nrow + 1); 

     int i = 0; 
     for(int col = 0; col < 2; ++col) { 
      x = col == 0 ? 0 : wid - max_wid; 
      y = margin; 
      for(int row = 0; row < nrow; ++row, ++i) { 
       if(i < num_children) { 
        final View child = getChildAt(i); 
        if(child != null && child.getVisibility() != View.GONE) 
         child.layout(x, y, x+max_wid, y+max_hgt); 
       } 
       y += margin + max_hgt; 
      } 
     } 
    } 
} 

Answer 2

你可以嘗試這樣的事情：

<?xml version="1.0" encoding="utf-8"?> 
<FrameLayout android:id="@+id/FrameLayout01" android:layout_width="fill_parent" 
    android:layout_height="fill_parent" 
    xmlns:android="http://schemas.android.com/apk/res/android" android:layout_weight="1"> 

<Button android:text="@+id/Button01" android:id="@+id/Button01" 
android:layout_width="wrap_content" android:layout_height="wrap_content" 
android:layout_gravity="top|left"> 
</Button> 
<Button android:text="@+id/Button02" android:id="@+id/Button02" 
android:layout_width="wrap_content" android:layout_height="wrap_content" 
android:layout_gravity="top|right"></Button> 
<Button android:text="@+id/Button03" android:id="@+id/Button03" 
android:layout_width="wrap_content" android:layout_height="wrap_content" 
android:layout_gravity="left|center_vertical"></Button> 
<Button android:text="@+id/Button04" android:id="@+id/Button04" 
android:layout_width="wrap_content" android:layout_height="wrap_content" 
android:layout_gravity="right|center_vertical"></Button> 
<Button android:text="@+id/Button05" android:id="@+id/Button05" 
android:layout_width="wrap_content" android:layout_height="wrap_content" 
android:layout_gravity="bottom|left"></Button> 
<Button android:text="@+id/Button06" android:id="@+id/Button06" 
android:layout_width="wrap_content" android:layout_height="wrap_content" 
android:layout_gravity="bottom|right"></Button> 

</FrameLayout> 

如果您需要超過三人行，你可以定義一個的LinearLayout並在每幀包含兩個按鈕與FrameLayout裏填充它。