实现效果: 代码:
- 布局文件:
<?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:background="#F3F3F3"
android:orientation="vertical">
<LinearLayout
android:id="@+id/ll_top_split"
android:layout_width="match_parent"
android:layout_height="17dp"
android:layout_marginTop="10dp"
android:background="#FFFFFF"
android:orientation="horizontal"/>
<LinearLayout style="@style/row_style">
<LinearLayout
android:id="@+id/ll_test1"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_weight="0.33"
android:orientation="vertical">
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:src="@mipmap/ic_launcher"/>
<TextView
style="@style/item_text_style"
android:text="测试1"/>
</LinearLayout>
<LinearLayout
android:id="@+id/ll_test2"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_weight="0.33"
android:orientation="vertical">
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:src="@mipmap/ic_launcher"/>
<TextView
style="@style/item_text_style"
android:text="测试2"/>
</LinearLayout>
<LinearLayout
android:id="@+id/ll_test3"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_weight="0.33"
android:orientation="vertical">
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:src="@mipmap/ic_launcher"/>
<TextView
style="@style/item_text_style"
android:text="测试3"/>
</LinearLayout>
</LinearLayout>
<LinearLayout style="@style/row_style">
<LinearLayout
android:id="@+id/ll_test4"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_weight="0.33"
android:orientation="vertical">
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:src="@mipmap/ic_launcher"/>
<TextView
style="@style/item_text_style"
android:text="测试4"/>
</LinearLayout>
<LinearLayout
android:id="@+id/ll_test5"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_weight="0.33"
android:orientation="vertical">
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:src="@mipmap/ic_launcher"/>
<TextView
style="@style/item_text_style"
android:text="测试5"/>
</LinearLayout>
<!-- 下面是一个空的布局,用于占位,便于控件各占三分之一屏幕-->
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_weight="0.33"
android:orientation="vertical"/>
</LinearLayout>
<LinearLayout
android:id="@+id/ll_bottom_split"
android:layout_width="match_parent"
android:layout_height="15dp"
android:background="#FFFFFF"
android:orientation="horizontal"/>
</LinearLayout>
- styles.xml
<style name="item_text_style">
<item name="android:layout_width">wrap_content</item>
<item name="android:layout_height">wrap_content</item>
<item name="android:layout_gravity">center</item>
<item name="android:layout_marginTop">11dp</item>
<item name="android:background">#FFFFFF</item>
<item name="android:gravity">center</item>
<item name="android:textSize">13sp</item>
<item name="android:textColor">#333333</item>
</style>
<style name="row_style">
<item name="android:layout_width">match_parent</item>
<item name="android:layout_height">wrap_content</item>
<item name="android:background">#FFFFFF</item>
<item name="android:paddingTop">11dp</item>
<item name="android:paddingBottom">11dp</item>
</style>