Android中使用HorizontalScrollView和TableLayout遇到的问题

 今天在做一个控件，想实现的效果是，在一行内显示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>