首页 > 代码库 > Android下一行平均分布图片的布局

Android下一行平均分布图片的布局

Android下一行平均分布图片的布局

这是一个很常见的需求,比如有三个图片按钮,需要在底部三个平均,比如下个例子:


以下是布局文件

    <LinearLayout
      android:layout_width="match_parent"
     android:layout_height="wrap_content"
     android:layout_alignParentBottom="true"
     android:layout_marginBottom="10dp"
            >
    <ImageButton
     android:id="@+id/button_start"
     android:layout_width="match_parent"
     android:layout_height="wrap_content"
     android:layout_weight="1"
     android:src="@drawable/button_start"
     android:background="@android:color/transparent"
     />
     <ImageButton
        android:id="@+id/imageView2"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@android:color/transparent"
         android:layout_weight="1"
         android:src="@drawable/button_heat" />

     <ImageButton
        android:id="@+id/imageView2"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:src="@drawable/button_close"
        android:background="@android:color/transparent" />    

 </LinearLayout>

相应解释:

  1. 必须采用ImageButton 并且将图片设为前景(即android:src),用button背景或ImaageView的src 均不行,后者会造成图片拉伸填满整行。
  2. android:background="@android:color/transparent" 是防止ImageButton 出现缺省的按钮背景从而破坏效果。
  3. android:layout_width="match_parent" 和 android:layout_weight="1" 是配合达成平均分布效果,前者保存每个button拉伸成一样长,后面表示拉伸后各个控件比例是1:1:1

Android下一行平均分布图片的布局