今天在做一个控件，想实现的效果是，在一行内显示N个图片（或其他），要求每个图片的间隔是一样的。
之前用LinearLayout来做，里面包含多个ImageView，可是没有达到想要的效果，这个后面再研究下。
今天突然想到用TableLayout来做，之前没有用过这种布局。
最终效果如下：
现将制作过程中遇到的问题列出。
1. 各view不是均匀占着整行。xml如下：
<?xml version="1.0" encoding="utf-8"?> <TableLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="wrap_content" > <TableRow> <TextView android:text="文字" android:gravity="center" /> <ImageView android:src="@drawable/icon" android:gravity="center" /> <ImageView android:src="@drawable/icon" android:gravity="center" /> <ImageView android:src="@drawable/icon" android:gravity="center" /> <ImageView android:src="@drawable/icon" android:gravity="center" /> </TableRow> </TableLayout>
效果为：
很明显这不是我要的效果。
在TableLayout加入属性android:stretchColumns="*"即可。
2. 实现左右拖动
这个控件包含的view有多少个，我无法知道，所以当一行显示不完所有的view时，我需要左右拖动。
于是我用HorizontalScrollView来包含该TableLayout，可是当view个数很少，一行可以放下时，显示的效果如上图一样。
查了API，发现设置HorizontalScrollView的参数android:fillViewport="true" 即可。
最终效果对应的xml为：
<?xml version="1.0" encoding="utf-8"?> <HorizontalScrollView xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="wrap_content" android:fillViewport="true" > <!-- android:shrinkColumns="*" --> <TableLayout android:layout_width="fill_parent" android:layout_height="fill_parent" android:stretchColumns="*"> <TableRow> <TextView android:text="文字" android:gravity="center" /> <ImageView android:src="@drawable/icon" android:gravity="center" /> <ImageView android:src="@drawable/icon" android:gravity="center" /> <ImageView android:src="@drawable/icon" android:gravity="center" /> </TableRow> </TableLayout> </HorizontalScrollView>
