android虚线边框_android自定义圆角实线边框,圆角虚线边框,直实线,虚实线,半圆角边框...

这篇博客介绍了如何在Android中自定义控件边框,包括创建圆角、直角边框,以及虚线和实线的组合,还展示了如何实现输入框的线条效果,提供了XML代码示例。

先上图

在现实项目开发中,单纯的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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值