Android 真正的九宫格布局 横屏竖屏上下均自动居中
Android 真正的九宫格布局 横屏竖屏上下均自动居中
今天想写个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代码很简单,相信大家都能看懂了,就不多解释了。
评论暂时关闭