Android 真正的九宫格布局 横屏竖屏上下均自动居中

今天想写个九宫格的布局,baidu了一下,网上的代码大同小异,但是都不能实现竖直方向上的居中,于是就自己研究了一下,分享于此.先看看效果图:





分别是横屏和竖屏的,其他扩张大家可以自行添加了.

布局代码如下:

<?xml version="1.0" encoding="utf-8"?>
<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:stretchColumns="*" >

<View
android:layout_width="match_parent"
android:layout_height="1dip"
android:background="#B7B7B7" />

<TableRow
android:id="@+id/tableRow1"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_weight="1" >

<ImageView
android:id="@+id/imageView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:padding="15dip"
android:src="@drawable/ic_launcher" />

<ImageView
android:id="@+id/imageView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:padding="15dip"
android:src="@drawable/ic_launcher" />

<ImageView
android:id="@+id/imageView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:padding="15dip"
android:src="@drawable/ic_launcher" />
</TableRow>

<View
android:layout_height="1dip"
android:background="#B7B7B7" />

<TableRow
android:id="@+id/tableRow2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="1" >

<ImageView
android:id="@+id/imageView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:padding="15dip"
android:src="@drawable/ic_launcher" />

<ImageView
android:id="@+id/imageView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:padding="15dip"
android:src="@drawable/ic_launcher" />

<ImageView
android:id="@+id/imageView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:padding="15dip"
android:src="@drawable/ic_launcher" />
</TableRow>

<View
android:layout_width="match_parent"
android:layout_height="1dip"
android:background="#B7B7B7" />

<TableRow
android:id="@+id/tableRow3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:layout_weight="1" >

<ImageView
android:id="@+id/imageView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:padding="15dip"
android:src="@drawable/ic_launcher" />

<ImageView
android:id="@+id/imageView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:padding="15dip"
android:src="@drawable/ic_launcher" />

<ImageView
android:id="@+id/imageView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:padding="15dip"
android:src="@drawable/ic_launcher" />
</TableRow>

<View
android:layout_width="match_parent"
android:layout_height="1dip"
android:background="#B7B7B7" />

</TableLayout>

xml代码很简单,相信大家都能看懂了,就不多解释了.