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>
相應解釋:
- 必須採用ImageButton 並且將圖片設為前景(即android:src),用button背景或ImaageView的src 均不行,後者會造成圖片展開填滿整行。
- android:background="@android:color/transparent" 是防止ImageButton 出現預設的按鈕背景從而破壞效果。
- android:layout_width="match_parent" 和 android:layout_weight="1" 是配合達成平均分布效果,前者儲存每個button展開成一樣長,後面表示展開後各個控制項比例是1:1:1