Android中利用shape定制控件边框

在日常android的开发过程中，我们会遇到这样的一个需求。我只想给控件加左边框或者右边框，当然方法有很多种了。下面就不列举了，我就分享一个我认为比较好的实现方式吧。

首先要了解shape中gradient的原理，这里就不多说了，不明白的就自己去google。

分别定义左边框、底边框、右边框、上边框。

left-border

<?xml version="1.0" encoding="utf-8"?>
android:shape="rectangle">

android:angle="0"
android:startColor="#3666"
android:centerColor="@android:color/transparent"
android:centerX="1%"
/>

bottom-border

<?xml version="1.0" encoding="utf-8"?>
android:shape="rectangle">

android:angle="90"
android:startColor="#3F00"
android:centerColor="@android:color/transparent"
android:centerX="1%"
/>

right-border

<?xml version="1.0" encoding="utf-8"?>
android:shape="rectangle">

android:angle="180"
android:startColor="#3666"
android:centerColor="@android:color/transparent"
android:centerX="1%"
/>

top-border

<?xml version="1.0" encoding="utf-8"?>
android:shape="rectangle">

android:angle="270"
android:startColor="#3666"
android:centerColor="@android:color/transparent"
android:centerX="1%"
/>

好了，左边框、底边框、右边框、上边框已经定义好了，接下来就是排列组合问题了。

举例：

底边框+右边框

<?xml version="1.0" encoding="utf-8"?>

android:drawable="@drawable/bottom_border"/>

以此类推，eclipse中的layout或者android studio的preview中可能看不到渲染效果，但是运行时效果的真实展现的。大家试试吧

更多相关文章

随机推荐