android listview圆角

在圆角listView中,如果只有一个数据的,则四个角均为圆角。如果数据超过多个的话,则第一个数据的左上角和右上角为为圆角,最后一个元素的左下角和右下角为圆角,其他数据的四个角均为直角。下文的实现方式是根据数据在数据集中的索引来确定数据显示时的背景来实现圆角listview。
1、设计数据背景的资源文件,下文中采用的是使用xml文件来创建背景。
a)单独一个元素的背景:
[code="java"]<?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>[/code]
b)第一个元素:
[code="java"]<?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>[/code]
c)最后一个元素的背景:
[code="java"]<?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>[/code]
d)非第一个和最后一个数据的背景:
[code="java"]<?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>
[/code]
e)当然以上背景可以使用9-patch图片来实现,在这里不再赘述。
2、自定义adapter,在这里我通继承BaseAdapter来自定义adapter,重载getView方法:
[code="java"]    @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;
    }[/code]
其中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
    评论
要在Android ListView中添加圆角边框,可以使用以下步骤: 1. 创建一个drawable资源文件,例如“listview_border.xml”,并在其中定义一个shape元素,设置圆角和边框属性。 2. 在ListView的布局文件中,将背景属性设置为刚刚创建的drawable资源文件。 3. 在ListView的适配器中,为每个列表项设置背景颜色或背景图片,以便它们显示圆角边框。 以下是一个示例drawable资源文件的代码: ``` <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle"> <solid android:color="@android:color/white" /> <corners android:radius="10dp" /> <stroke android:width="2dp" android:color="@android:color/black" /> </shape> ``` 在ListView的布局文件中,可以这样设置背景属性: ``` <ListView android:id="@+id/listview" android:layout_width="match_parent" android:layout_height="match_parent" android:background="@drawable/listview_border" /> ``` 在适配器中,可以这样设置每个列表项的背景: ``` @Override public View getView(int position, View convertView, ViewGroup parent) { // inflate the layout for each list item View listItemView = convertView; if (listItemView == null) { listItemView = LayoutInflater.from(getContext()).inflate( R.layout.list_item, parent, false); } // set the background color or image for this list item listItemView.setBackgroundResource(R.drawable.list_item_background); // set the text and image for this list item TextView textView = (TextView) listItemView.findViewById(R.id.textview); ImageView imageView = (ImageView) listItemView.findViewById(R.id.imageview); textView.setText(getItem(position).getText()); imageView.setImageResource(getItem(position).getImageResource()); return listItemView; } ``` 在这个示例中,我们为每个列表项设置了一个名为“list_item_background”的drawable资源文件,它定义了一个圆角矩形的背景。您可以根据自己的需要更改此文件的属性。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值