文档章节

android使用shape stroke描边只保留底部

yolinfeng
 yolinfeng
发布于 2015/06/24 20:56
字数 467
阅读 120
收藏 0

       在项目中遇到这种情况:由于一些原因,自己需要用LinearLayout的垂直布局做出ListView的那种效果,但是ListView是自带了分割线的,而且顶部底部都是没有分割线的,每个item中间都是1dp宽度的分割线。我一开始是想到LinearLayout中的每个item用shape文件设置一个background,于是写了如下的shape:

<shape xmlns:android="http://schemas.android.com/apk/res/android">

    <stroke
        android:color="#B4B4B4"
        android:width="1dp"/>

    <solid
        android:color="@android:color/transparent"/>

</shape>

       但是看了这个shape,估计大家都能想象出来效果肯定不对,因为上一个item有1dp的底边,下一个item也有1dp的底边,这样item之间的分割线就有2dp了,很难看,也不是我们要的效果。如下图效果所示:


       所以要解决的问题就是,如何只保留底边的stroke呢。经过一番修改实验,使用layer-list可以解决这个问题,很简单,如下代码所示:

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">

    <item
        android:top="-2dp"
        android:right="-2dp"
        android:left="-2dp">
        <shape>
            <solid android:color="@android:color/transparent"/>
            <stroke
                android:width="1dp"
                android:color="#B4B4B4"/>
        </shape>
    </item>

</layer-list>

       关键注意看<item>标签的属性,把top、right、left设置成了-2dp,而shape stroke的宽度只有1dp,这样上右左边线都没了,只有底边会保留。(可能有人会问为什么不把top、right、left设置成-1dp,我也试过了,貌似是stroke的时候,自动会在描边的外部再多1dp的margin,仔细看上图也能看出来,所以这里要多设置1dp才能完全去除对应边上的stroke。你可以自己去试试)

       最终效果如下图所示:


       最后一个item的background就不设置就OK,实际运行效果也完全一样!这样就大功告成了!

本文转载自:http://blog.csdn.net/lpforever/article/details/43735435

共有 人打赏支持
上一篇: px 和 dp 互转换
下一篇: Android 垂直Tab
yolinfeng
粉丝 12
博文 196
码字总数 11946
作品 0
珠海
架构师
私信 提问
Android 关于shape和selector和layer-list(UI 设计)

简介 相当于 xml 实现的drawable Shape 作用:XML中定义的几何形状位置:res/drawable/文件的名称.xml 使用的方法: Java代码中:R.drawable.文件的名称XML中:Android:background="@drawab...

Mr-Red
2015/07/23
0
0
Android中shape的使用

本人在美工方面一直是比较白痴的,对于一些颜色什么乱七八糟的非常头痛,但是在Android编程中这又是经常涉及到的东西,没办法,只有硬着头皮上。 Android中常常使用shape来定义控件的一些显示...

程序袁_绪龙
2014/09/25
0
0
Android 使用shape来优化界面效果

看下效果图 shape即形状的意思。其包含的元素有 <corners /> <gradient /> <padding /> <size /> <solid /> <stroke /> 元素具体描述信息如下: 1、 solid 描述:内部填充 属性: android:co......

hhs
2012/08/29
0
0
Android中shape的使用

Android中shape的使用 Android中常常使用shape来定义控件的一些显示属性,今天看了一些shape的使用,对shape有了大 体的了解,稍作总结: 先看下面的代码: <shape> <!-- 实心 --> <solid a...

扬名立万
2014/06/02
0
0
android:shape的使用

Android中常常使用shape来定义控件的一些显示属性,今天看了一些shape的使用,对shape有了大体的了解,稍作总结: 先看下面的代码: solid:实心,就是填充的意思 android:color指定填充的颜...

元来元去
2011/08/01
0
0

没有更多内容

加载失败,请刷新页面

加载更多

OSChina 周五乱弹 —— 姑娘馋的口水都留下来了。

Osc乱弹歌单(2019)请戳(这里) 【今日歌曲】 @且无需多言 :分享Fall Out Boy的单曲《Disloyal Order Of Water Buffaloes》 《Disloyal Order Of Water Buffaloes》- Fall Out Boy 手机党...

小小编辑
43分钟前
15
6
vue 对对象的属性进行修改时,不能渲染页面 vue.$set()

我在vue里的方法里给一个对象添加某个属性时,我console.log出来的是已经更改的object ,但是页面始终没有变化 原因如下: **受现代 JavaScript 的限制 (而且 Object.observe 也已经被废弃),...

Js_Mei
今天
2
0
开始看《Java学习笔记》

虽然书买了很久,但一直没看。这其中也写过一些Java程序,但都是基于IDE的帮助和对C#的理解来写的,感觉不踏实。 林信良的书写得蛮好的,能够帮助打好基础,看得出作者是比较用心的。 第1章概...

max佩恩
昨天
12
0
Redux 三大原则

1.单一数据源 在传统的MVC架构中,我们可以根据需要创建无数个Model,而Model之间可以互相监听、触发事件甚至循环或嵌套触发事件,这些在Redux中都是不被允许的。 因为在Redux的思想里,一个...

wenxingjun
昨天
9
0
跟我学Spring Cloud(Finchley版)-12-微服务容错三板斧

至此,我们已实现服务发现、负载均衡,同时,使用Feign也实现了良好的远程调用——我们的代码是可读、可维护的。理论上,我们现在已经能构建一个不错的分布式应用了,但微服务之间是通过网络...

周立_ITMuch
昨天
5
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部