先上图
在现实项目开发中,单纯的Button,EditText等控件远远不能满足我们项目的UI设计需求,这时候,我们就需要自己动手丰衣足食啦。接下来先给大家介绍一些属性,备注写的都非常清楚啦,我就不啰嗦啦。
1 <?xml version="1.0" encoding="utf-8"?>
2
3
4 android:shape="###">
5
6
7
9 android:color="###"
10 android:dashGap="###"
11 android:dashWidth="###" />
12
13
15
17 android:bottomRightRadius="###"
18 android:radius="###"
19 android:topLeftRadius="###"
20 android:topRightRadius="###" />
21
22
24
26 android:left="###"
27 android:right="###"
28 android:top="###" />
29
30
31
33 android:height="###" />
34
35
37
38
40 android:centerColor="###"
41 android:centerX="###"
42 android:centerY="###"
43 android:gradientRadius="###"
44 android:endColor="###"
45 android:startColor="###"
46 android:type="###"
47 android:useLevel="###"/>
48
接下来我们看最顶上的"哈哈"与"嘻嘻"。通过corners设置左下角和左上角的半径为5dp,右上角,右下角半径为0dp,我们就可以得到左边圆角,右边直角的边框啦。
1 <?xml version="1.0" encoding="utf-8"?>
2
3
4
5
6
8 android:color="#6f4189" />
9
10
11
13 android:bottomRightRadius="0dp"
14 android:topLeftRadius="5dp"
15 android:topRightRadius="0dp" />
16
17
19 android:left="12dp"
20 android:right="12dp"
21 android:top="2dp" />
22
23
24
25
下面一样,通过corners设置右下角和右上角的半径为5dp,左上角,左下角半径为0dp,我们即可得到左边直角,右边圆角的边框。
1
2
3
4
5
7 android:color="#6f4189" />
8
10 android:bottomRightRadius="5dp"
11 android:topLeftRadius="0dp"
12 android:topRightRadius="5dp" />
13
14
16 android:left="12dp"
17 android:right="12dp"
18 android:top="2dp" />
19
20
21
22
它俩再加上viewpager就可以实现很多App上都有的左右滑动翻页效果啦。
我们再看图中的用户名和密码输入框,至于整个框框就不说啦,和上面的'嘻嘻','哈哈'一个原理,主要给大家介绍一下中间的红线。实现很简单,我们只需要设置android:shape="line",然后通过stoke的android:width设置直线的宽度,android;color设置直线的颜色即可。
1 <?xml version="1.0" encoding="utf-8"?>
2
3 android:shape="line">
4
6 android:color="#ff4323"/>
7
让其在页面的显示代码如下
1
3 android:layout_width="fill_parent"
4 android:layout_height="2dp"
5 android:background="@drawable/line"
6 android:orientation="vertical"/>
其实设置直线还有种跟直观的方法,通过来设置,在这里就不细讲,大家可以自行百度。
接下来我们看看下面的三个登录框框,重点给大家讲讲最后面那个"断点"虚线框框。下面最后一个代码模块是"断点"虚线框框的代码,其中color是定义虚线的颜色,dashGap定义的是虚线的间隔,width定义的是虚线的大小,dashWidth定义虚线的宽度。
1 <?xml version="1.0" encoding="utf-8"?>
2
3 android:shape="rectangle">
4
6
8
1 <?xml version="1.0" encoding="utf-8"?>
2
3 android:shape="rectangle">
4
6
8 android:width="1.0dp"/>
9
1 <?xml version="1.0" encoding="utf-8"?>
2
3 android:shape="rectangle">
4
5
7 android:dashGap="5dp"
8 android:width="2dp"
9 android:dashWidth="1.0dp" />
10
这篇博客介绍了如何在Android中自定义控件边框,包括创建圆角、直角边框,以及虚线和实线的组合,还展示了如何实现输入框的线条效果,提供了XML代码示例。

425

被折叠的 条评论
为什么被折叠?



