【Android开发日记】新浪微博每条微博底部的3个按钮布局

来源：互联网发布：java开发两年工作经验编辑：程序博客网时间：2024/05/18 03:35

效果图是这样的：

一个水平的layout中有3个ImageView 和3个 TextView，要使得三等分，每份里面ImageView和TextView居中。

主要用到 weight 属性，关于这个属性不了解的自行百度。

代码：

<LinearLayout            android:layout_width="match_parent"            android:layout_height="wrap_content"            android:layout_below="@+id/relativeLayout3"            android:layout_centerVertical="true"            android:layout_marginTop="10dp"            android:background="@drawable/iread_operatebtn_bg"            android:orientation="horizontal" >           <RelativeLayout               android:layout_width="match_parent"               android:layout_height="wrap_content"               android:layout_centerVertical="true"               android:layout_gravity="center"               android:layout_weight="1"               android:orientation="horizontal" >            <LinearLayout                    android:layout_width="wrap_content"                    android:layout_height="wrap_content"                    android:layout_centerVertical="true"                    android:orientation="horizontal"                     android:layout_centerInParent="true">                    <ImageView            android:id="@+id/iread_pin"            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:src="@drawable/iread_pin" />                <TextView            android:id="@+id/iread_pinnum"            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:layout_gravity="center_vertical"            android:singleLine="true"            android:text="12"            android:textColor="#000000"            android:textSize="8sp" />        </LinearLayout>       </RelativeLayout>       <RelativeLayout           android:layout_width="match_parent"           android:layout_height="wrap_content"           android:layout_centerVertical="true"           android:layout_gravity="center"           android:layout_weight="1"           android:orientation="horizontal" >        <LinearLayout                    android:layout_width="wrap_content"                    android:layout_height="wrap_content"                    android:layout_centerVertical="true"                    android:orientation="horizontal"                     android:layout_centerInParent="true">         <ImageView             android:id="@+id/iread_mark"             android:layout_width="wrap_content"             android:layout_height="wrap_content"             android:src="@drawable/iread_mark" />         <TextView             android:id="@+id/iread_marknum"             android:layout_width="wrap_content"             android:layout_height="wrap_content"             android:layout_gravity="center_vertical"             android:singleLine="true"             android:text="12"             android:textColor="#000000"             android:textSize="8sp" />         </LinearLayout>        </RelativeLayout>        <RelativeLayout            android:layout_width="match_parent"            android:layout_height="wrap_content"            android:layout_centerVertical="true"            android:layout_gravity="center"            android:layout_weight="1"            android:orientation="horizontal" >                <LinearLayout                    android:layout_width="wrap_content"                    android:layout_height="wrap_content"                    android:layout_centerVertical="true"                    android:orientation="horizontal"                     android:layout_centerInParent="true">         <ImageView             android:id="@+id/iread_comment"             android:layout_width="wrap_content"             android:layout_height="wrap_content"             android:src="@drawable/iread_comment" />         <TextView             android:id="@+id/iread_commentnum"             android:layout_width="wrap_content"             android:layout_height="wrap_content"             android:layout_gravity="center_vertical"             android:singleLine="true"             android:text="12"             android:textColor="#000000"             android:textSize="8sp" />         </LinearLayout>        </RelativeLayout>    </LinearLayout>

代码结构：

说明：

1：外层LinearLayout：

外层用到LinearLayout不用RelativeLayout，因为weight属性只在LinearLayout起作用。在中层的3个RelativeLayout中使用android:layout_weight="1"就可以使得三个RelativeLayout平分屏幕宽度。:

2：中层RelativeLayout：

容纳内层LinearLayout，内层LinearLayout在它中设置属性为 center

3：内层LinearLayout：

无间隔的放置一个ImageView和一个TextView

注：

注意代码中ImageView引用图片要使用src 不能用background，否则图片会被拉伸平铺。

0 0