最近由于项目加急，手里有好多看了差不多的开源项目，其中好多是大家经常用到的。图片的缓存BitmapFun(Android的文档中)，AfinalMap,下拉刷新PullToRefresh等等吧，不过由于项目需要，我要就简要说下今天我要讲的这个组件，这个组件的项目地址.

看着左边的猪脚是不是觉得这个很像IOS中的UITableView，不过我告诉这是Android的ListView。

没看代码前，我看到作者说这个是a customized ListView，这是不敢相信，ListView是每一项都基本上一样，看看我们猪脚，怎么看都不像，不过后来一看代码，这不用ListView还用什么呢。

在开始前，先扯远点，在Android中感觉组件中最常用且最有个性且最复杂的就是ListView了，你想想PullToRefreshListView,SwipToDismiss 以及后来的点击展开的那个叫ExpandableList，无一不是ListView的杰出代表。貌似GoogleMail客户端的ListView挺有意思，有兴趣看看他是怎么实现的。

对了，我的3DListView翻译也是ListView开始的，尽管没写完剩下的文章，不过我会补上的。

为什么要用到UITableView

因为要做一个定位选择机构的页面，和美团、糯米的客户端定位很相似，上面是个定位的Item，下面显示的各位城市的Item，这个在IOS那肯定是用UITableView，且我的IOS同时也在做这个页面，的确就是用UITableView。

一个分组下，是几个Item。如热门城市：北京武汉信阳全部城市：A 鞍山市安庆市……信阳市……资阳市

实现原理

看看这个UITableView样式,其实就两种Item，每个分组（Group）的顶部标题（Header）和每个分组的列表选项（Cell）。

为了使ListVIew的positiom和UITableView中对应的分组（Group）和分组中的位置（Row），我们需要一个对应二者的一个数据结构，我们把它定为IndexPath。

我们需要根据数据分组，每个分组里都要一个Header和多个Cell，而在Listview中无论Cell亦或是Header我们统一认为它是一个Item，只是这个Item的IndexPath的属性不一样，他可能是一个Header，那个对应他的View就是一个HeaderView，同理Cell对应的是CellView，这个是不是可以理解呢。

用法

先去Github上现在UITableViewUI库：下载地址

建立一个自己的项目。

public class MainActivity extends Activity implements OnClickListener {    UITableView tableView;    private Button btnChange = null;    SimpleUITableViewAdapter tableViewAdapter;    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_main);         tableViewAdapter = new SimpleUITableViewAdapter();        tableView = (UITableView) findViewById(R.id.listView);        tableView.setAdapter(tableViewAdapter);        tableView.setOnCellClickListener(tableViewAdapter);        tableView.setOnCellLongClickListener(tableViewAdapter);        tableView.setOnCellAccessoryClickListener(tableViewAdapter);        tableView.setOnHeaderClickListener(tableViewAdapter);        tableView.setOnHeaderLongClickListener(tableViewAdapter);                btnChange = (Button) findViewById(R.id.btnChange);        btnChange.setOnClickListener(this);            }    @Override    public void onClick(View v) {        int id = v.getId();        if(id == R.id.btnChange){            tableViewAdapter.setChange();        }            }        class SimpleUITableViewAdapter extends UITableViewAdapter implements OnCellClickListener, OnCellLongClickListener, OnCellAccessoryClickListener, OnHeaderClickListener, OnHeaderLongClickListener {        private int[] color_line1_default;        private int[] color_line2_default;        private int[] color_line1_pressed;        private int[] color_line2_pressed;        public SimpleUITableViewAdapter() {            // Prepare two sets of colors for odd and even lines            color_line1_default = new int[] { getResources().getColor(R.color.base_start_color_line1_default), getResources().getColor(R.color.base_start_color_line1_default) };            color_line2_default = new int[] { getResources().getColor(R.color.base_start_color_line2_default), getResources().getColor(R.color.base_start_color_line2_default) };            color_line1_pressed = new int[] { getResources().getColor(R.color.base_start_color_line1_pressed), getResources().getColor(R.color.base_start_color_line1_pressed) };            color_line2_pressed = new int[] { getResources().getColor(R.color.base_start_color_line2_pressed), getResources().getColor(R.color.base_start_color_line2_pressed) };        }        int number = 4;        int rad = 1;        public void setChange(){            number = 3;            rad = 2;        }        @Override        public int numberOfGroups() {            return number;        }        @Override        public int numberOfRows(int group) {            return (group + rad) * 2;        }        @Override        public UITableHeaderItem headerItemForGroup(Context context, IndexPath indexPath) {            return new UITableHeaderItem("Group " + indexPath.getGroup());        }        @Override        public UITableCellItem cellItemForRow(Context context, IndexPath indexPath) {            String title = "Cell number " + indexPath.getRow() + " in group " + indexPath.getGroup();            String subtitle = (indexPath.getRow() % 2 == 0) ? "Subtitle " + indexPath.getRow() : null;            return new UITableCellItem(title, subtitle);        }        @Override        public UITableHeaderView headerViewForGroup(Context context, IndexPath indexPath, UITableHeaderItem headerItem, UITableHeaderView convertView) {            UITableHeaderView headerView;            if (convertView == null) {                // If the recycled view is null, we just creating one                headerView = new UITableHeaderView(context, indexPath);            } else {                headerView = (UITableHeaderView) convertView;            }            headerView.setTitle(headerItem.title);            return headerView;        }        @Override        public UITableCellView cellViewForRow(Context context, IndexPath indexPath, UITableCellItem cellItem, UITableCellView convertView) {            UITableCellView cellView;            if (convertView == null) {                // If the recycled view is null, we just creating one with cell's commons parameters                cellView = new UITableCellView(context, indexPath);                cellView.setMinimumHeight(80);                cellView.setAccessory(AccessoryType.DISCLOSURE);            } else {                cellView = (UITableCellView) convertView;            }            cellView.setTitle(cellItem.title);            cellView.setSubtitle(cellItem.subtitle);            // Set alternated background color            if (indexPath.getRow() % 2 == 0) {                cellView.setBackgroundColor(color_line1_default, color_line1_pressed);            } else {                cellView.setBackgroundColor(color_line2_default, color_line2_pressed);            }            return cellView;        }        @Override        public void onCellClick(IndexPath indexPath) {            Toast.makeText(getApplicationContext(), "Cell clicked : " + indexPath, 1000).show();        }        @Override        public boolean onCellLongClick(IndexPath indexPath) {            Toast.makeText(getApplication(), "Cell long clicked : " + indexPath, 1000).show();            return indexPath.getRow() % 2 == 0; // Consume the long click one row out of two        }        @Override        public void onCellAccessoryClick(IndexPath indexPath) {            Toast.makeText(getApplication(), "Cell accessory clicked : " + indexPath, 1000).show();        }        @Override        public void onHeaderClick(IndexPath indexPath) {            Toast.makeText(getApplicationContext(), "Header clicked : " + indexPath, 1000).show();        }        @Override        public boolean onHeaderLongClick(IndexPath indexPath) {            Toast.makeText(getApplicationContext(), "Header long clicked : " + indexPath, 1000).show();            return indexPath.getGroup() % 2 == 0;   // Consume the long click one row out of two        }    }        }

看下这个SimpleUITableViewAdapter 的实现，headerItemForGroup （）和cellItemForRow （）这个是需要的item数据，headerViewForGroup（）和cellViewForRow是为分组的顶部标题和分组中的列表选项的试图展示。numberOfGroups（）numberOfRows(int group)则表示每个分组的个数和对应group分组下的选项个数。

这个例子看着你不是觉得这个很有意思啊。

下一篇我们就可以看一下他的项目设计详细设计吧。

[Android(安卓)开源项目学习]Android的UITableView(1)

为什么要用到UITableView

实现原理

用法

更多相关文章

随机推荐