android中圆角listview

[color=red]本文为原创,转载请注明链接地址,谢谢![/color]
在圆角listView中,如果只有一个数据的,则四个角均为圆角。如果数据超过多个的话,则第一个数据的左上角和右上角为为圆角,最后一个元素的左下角和右下角为圆角,其他数据的四个角均为直角。下文的实现方式是根据数据在数据集中的索引来确定数据显示时的背景来实现圆角listview。
1、设计数据背景的资源文件,下文中采用的是使用xml文件来创建背景。
a)单独一个元素的背景:
<?xml version="1.0" encoding="utf-8"?>
<selector
xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_pressed="true">
<shape android:shape="rectangle">
<gradient android:type="linear"
android:angle="90"
android:startColor="#069"
android:endColor="#09f" />
<padding
android:left="10dp"
android:right="10dp"
android:top="10dp"
android:bottom="10dp" />
<corners android:radius="5dp" />
<stroke android:width="1px" android:color="#999" />
</shape>
</item>
<item>
<shape android:shape="rectangle">
<solid android:color="#fff" />
<padding
android:left="5dp"
android:right="5dp"
android:top="5dp"
android:bottom="5dp" />
<corners android:radius="5dp" />
<stroke android:width="1px" android:color="#999" />
</shape>
</item>
</selector>

b)第一个元素:
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android" >
<item android:state_pressed="false" android:state_selected="false">
<shape android:shape="rectangle">
<solid android:color="#fff" />
<padding
android:left="10dp"
android:right="10dp"
android:top="5dp"
android:bottom="5dp" />
<corners
android:topLeftRadius="5dp"
android:topRightRadius="5dp"
android:bottomLeftRadius="0.01dp"
android:bottomRightRadius="0.01dp"/>
</shape>
</item>
<item>
<shape android:shape="rectangle">
<gradient android:type="linear"
android:angle="90"
android:startColor="#069"
android:endColor="#09f" />
<padding
android:left="10dp"
android:right="10dp"
android:top="5dp"
android:bottom="5dp" />
<corners
android:topLeftRadius="5dp"
android:topRightRadius="5dp"
android:bottomLeftRadius="0.01dp"
android:bottomRightRadius="0.01dp"/>
</shape>
</item>
</selector>

c)最后一个元素的背景:
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android" >
<item android:state_pressed="false" android:state_selected="false">
<shape android:shape="rectangle">
<solid android:color="#fff" />
<padding
android:left="10dp"
android:right="10dp"
android:top="5dp"
android:bottom="5dp" />
<corners
android:topLeftRadius="0.01dp"
android:topRightRadius="0.01dp"
android:bottomLeftRadius="5dp"
android:bottomRightRadius="5dp"/>
</shape>
</item>
<item>
<shape android:shape="rectangle">
<gradient android:type="linear"
android:angle="90"
android:startColor="#069"
android:endColor="#09f" />
<padding
android:left="10dp"
android:right="10dp"
android:top="5dp"
android:bottom="5dp" />
<corners
android:topLeftRadius="0.01dp"
android:topRightRadius="0.01dp"
android:bottomLeftRadius="5dp"
android:bottomRightRadius="5dp"/>
</shape>
</item>

</selector>

d)非第一个和最后一个数据的背景:
<?xml version="1.0" encoding="utf-8"?>
<selector
xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_pressed="false" android:state_selected="false">
<shape android:shape="rectangle">
<solid android:color="#fff" />
<padding
android:left="10dp"
android:right="10dp"
android:top="5dp"
android:bottom="5dp" />
</shape>
</item>
<item>
<shape android:shape="rectangle">
<gradient android:type="linear"
android:angle="90"
android:startColor="#069"
android:endColor="#09f" />
<padding
android:left="10dp"
android:right="10dp"
android:top="5dp"
android:bottom="5dp" />
</shape>
</item>
</selector>

e)当然以上背景可以使用9-patch图片来实现,在这里不再赘述。
2、自定义adapter,在这里我通继承BaseAdapter来自定义adapter,重载getView方法:
	@Override
public View getView(int position, View convertView, ViewGroup parent) {
View view;
MessageStatusReport status = getItem(position);
if (convertView == null) {
view = mInflater.inflate(R.layout.status_list_item, parent, false);
View item = view.findViewById(R.id.list_item);
item.setBackgroundResource(getBackground(position));
} else {
view = convertView;
}
ViewHolder holder = (ViewHolder) view.getTag();
if (holder == null) {
holder = new ViewHolder();
view.setTag(holder);
holder.status = (TextView) view.findViewById(R.id.status);
holder.number = (TextView) view.findViewById(R.id.statusNumber);
}
holder.number.setText(status.getNumber());
holder.status.setText(MessageStatusReport.Report.getStatus(status
.getType()));
return view;
}

@Override
public int getCount() {
return reports.size();
}

private int getBackground(int position) {
if (position == 0 && reports.size() == 1) {
//单个数据
return R.drawable.btn_more;
}
if (position == 0) {
//头
return R.drawable.list_item_head;
}
if (position == reports.size() - 1) {
//尾
return R.drawable.list_item_tail;
}
//中间
return R.drawable.list_item_blank;
}

其中MessageStatusReport是我定义的一个数据类,大家可以忽略。需要注意的是我的getBackground方法,在这里根据position来返回需要使用的背景资源id。在getView中使用此id来设置背景。
3)定义list item,并设置item根元素id为list_item,当然也可以不是list_item,只要和View item = view.findViewById(R.id.list_item);相匹配即可。

注:商业项目不能贴图,只介绍原理,看到文章的都是程序员吧,自己回去写就行了。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值