码迷,mamicode.com
首页 > 移动开发 > 详细

android开发(33) 自定义 listView的分割线( 使用xml drawable画多条线)

时间:2014-09-04 00:08:07      阅读:174      评论:0      收藏:0      [点我收藏+]

标签:android   style   blog   http   color   io   使用   2014   div   

我遇到这样一个场景,我需要自定义 listView的分割线,而这个分割线是由两条线组成的,在使用xml drawable时遇到了困难。

注释:画两条线是为了实现 凹陷的效果,在绘图中一条暗线紧跟着一条明显会给人视觉上产生明显的“沟”的感觉。

因为我的背景是透明(背景渐变)的,直接用图片来实现效果不好。

 

看看效果:

bubuko.com,布布扣

 

使用 layer-list 来实现。

layer-list 可以包含多个item,每个item堆叠在一起。

layer-list  的item可以设置 间距,使用  android:bottom 这样的属性来实现。

 

具体做法:

1.先绘制第一条线。

2.第二条线设定间距,距离头部1px,这样才不会完全重叠

3.两条线堆叠在一起

 

具体代码如下。

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >

    <item
        android:bottom="0px"
        android:left="0px"
        android:right="0px"
        android:top="0px">
        <shape android:shape="rectangle" >
            <size
                android:height="1px"
                android:width="1px" />

            <solid android:color="#A18249" />
        </shape>
    </item>
    <item
        android:bottom="0px"
        android:left="0px"
        android:right="0px"
        android:top="3px">
        <shape android:shape="rectangle" >
            <size
                android:height="2px"
                android:width="2px" />

            <solid android:color="@android:color/white" />
        </shape>
    </item>

</layer-list>

 

参考:http://stackoverflow.com/questions/14436641/understanding-androids-layer-list

android开发(33) 自定义 listView的分割线( 使用xml drawable画多条线)

标签:android   style   blog   http   color   io   使用   2014   div   

原文地址:http://www.cnblogs.com/vir56k/p/3955022.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!