实现效果:

安卓简单布局样例_采用LinearLayout实现多列多行展示_android

代码:
  1. 布局文件:
<?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>

  1. 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>