京东的客户端,在登录页面账号和密码上有边框。自己也想加这个效果。但是发现android里并没有border或类似的属性。
有以下几种解决方案。
1.嵌套一层,利用内容的margin或者padding的留白加容器的背景来实现边框效果。
其实这个道理很简单,很早的时候那时候我们还用table做html页面布局的时候,我们就是使用cellspacing来实现table的边框的。现在我们也利用同样的想法来实现。
当然内部的容器也是需要有颜色的,如果想实现内部透明的效果则需要将内部View的背景色跟背景的颜色保持一致,这是不太方便的地方。
2图片。
在Android中,给一个控件(或View)设置背景主要是通过background:xxx
属性来完成。background的参数一般来说是一个drawable资源。 drawable可以是一张普通的图片,也可以是9 patch图片,还可以是一个xml文件。 给控件设置边框最简单的方式就是把background设置成你预先设计好的带圆角和边框的背景图。但是这种方法的缺点是没有灵活性,不同大小的view要不同尺寸的图片,还要去适应不同分辨率的设备。
3使用9-patch(九宫格)的背景图片来实现边框效果。
做一个有边框的9-patch图片,作为要有边框的View的背景图即可。这样你还可以控制哪边有边框,哪边无边框,这种方法是比较好的一种方法,而且没有多余的View嵌套。另外你还可以实现圆角边框等效果。
4利用shape来实现边框效果。
当然你可以使用shape中的stroke来实现border的效果。
/res/drawable/filename.xml
1
2
3
4
|
<?
xml
version
=
"1.0"
encoding
=
"utf-8"
?>
<
shape
xmlns:android
=
"http://schemas.android.com/apk/res/android"
>
<
stroke
android:width
=
"1dp"
android:color
=
"#f00"
/>
</
shape
>
|
只要引用这个shape作为背景图片即可。
5.layer-list实现自由边框
当前版本的Android SDK并没有给stroke提供bottom、left、right之类的属性,也就是说你无法通过它来让长方形的边框少于4条。于是有人想出了这个方法。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
|
<?
xml
version
=
"1.0"
encoding
=
"utf-8"
?>
<
layer-list
xmlns:android
=
"http://schemas.android.com/apk/res/android"
>
<
item
>
<
shape
android:shape
=
"rectangle"
>
<
stroke
android:width
=
"1dp"
android:color
=
"#333"
/>
</
shape
>
</
item
>
<
item
android:left
=
"1dp"
android:top
=
"1dp"
android:right
=
"1dp"
android:bottom
=
"1dp"
>
<
shape
android:shape
=
"rectangle"
>
<
solid
android:color
=
"#FFF"
/>
</
shape
>
</
item
>
</
layer-list
>
|
在第二个item中定义的top,left...就是对应的边框,不设置即没有边框。