说一下做这个界面的原因吧,16年的我还在天津工作那是我的第一份工作,这家公司是做电商的,电商APP免不了有物流信息页,我去的那会,那个物流信息页就是一条条的ListView展示的数据,贼丑,后来要改版要改成像淘宝京东那样的,虽说的做成了,但现在回过头来在看看以前的那个实现方式还真的有待进步,好了废话不多说了,进入正题吧。
这里尽量不粘代码,一会下载源码看吧
实现这个界面的思路还是用ListView来做(原来我也是这样做的,不过现在要做的就是要对布局做点优化):
第一步: 去掉ListView的Item之间的分割线为ListView添加以下属性:
android:divider="@null"
android:dividerHeight="0dp"
第二步:为ListView的Item项写布局
这个布局要写三个,一个是头部的布局,一个是底部的布局,一个就是ListView item项的布局啦
第三步:
初始化ListView,为ListView添加头部和尾部和添加适配器,如下:
listView.addHeaderView(view_top);
listView.addFooterView(view_bottom);
listView.setAdapter(adapter);
好啦,这就完成啦,ListView中的数据我写的是假数据,实际应用中不是这样的,这个你们应该知道,下面是效果图:
其中最主要的还是对ListView Item布局的编写,你看见的下滑线、小圆点、竖直的线都是在布局中写的,一会看代码就知道啦。