尚学堂【官网】-西安Java培训|c++培训|Android培训|安卓培训|java视频教程|软件工程师|-西安雁塔尚学堂计算机学校
 陕西科技大学-实习就业项训基地        陕西师范大学-实习就业项训基地
 西安财经学院-实习就业项训基地        西安工业大学-实习就业项训基地
  试听热线:
  029-62258374
Android培训/西安Android培训  尚学堂首页Java学院Android培训/西安Android培训

android使用shapestroke描边只保留底部

www.xasxt.com 发布人:java  |  来自:本站  |  发布时间:2017-09-13 11:59:00  |  点击次数:918

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

[html] view plain copy
  1. <shape xmlns:android="http://schemas.android.com/apk/res/android">  
  2.   
  3.     <stroke  
  4.         android:color="#B4B4B4"  
  5.         android:width="1dp"/>  
  6.   
  7.     <solid  
  8.         android:color="@android:color/transparent"/>  
  9.   
  10. shape>  

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

 

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

[html] view plain copy
  1. <layer-list xmlns:android="http://schemas.android.com/apk/res/android">  
  2.   
  3.     <item  
  4.         android:top="-2dp"  
  5.         android:right="-2dp"  
  6.         android:left="-2dp">  
  7.         <shape>  
  8.             <solid android:color="@android:color/transparent"/>  
  9.             <stroke  
  10.                 android:width="1dp"  
  11.                 android:color="#B4B4B4"/>  
  12.         </shape>  
  13.     </item>  
  14.   
  15. </layer-list>  

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

最终效果如下图所示:

 

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

 

当前文:android使用shapestroke描边只保留底部
上一页: Android 架构设计——MVP架构实现深度解耦
下一页:选择Android开发的三大理由
在线报名(*为必填项)
在线咨询