本文共 1600 字,大约阅读时间需要 5 分钟。
目录
--Drawable绘制线条 引入--
让你画一条线,是不是第一反应是自定义View,今天只需要一个Drawable底下的xml,一行布局代码解决(说实话,我在这个上面走了很多弯路)
一下全是基本绘制
如上图:如果要用自定义View实现,需要确定坐标,然后给画笔设置颜色.......
如果用Drawable实现呢?
上布局代码:
app/src/main/res/drawble/draw_line.xml
属性 | 详细 |
---|---|
shape - android:shape="line" | 表示绘制线条 |
stroke - android:width="5dp" | 线条的宽度(粗细) |
stroke - android:color="#54a3d7" | 线条的颜色 |
之后在布局文件(app/src/main/res/layout/activity_main.xml)中引入即可:
这样就实现了这样的效果!
下面来看看其他的东西吧!
--绘制圆形--
绘制正圆形
话不多说,跟上面一样,创建 app/src/main/res/drawble/draw_oval.xml
属性 | 详细 |
---|---|
shape - android:shape="oval" | 绘制圆形或者椭圆 |
stroke - android:width="1dp" | 绘制宽度(粗细) |
stroke - android:color="#54a3d7" | 绘制颜色 |
size - android:width="55dp" | 绘制宽度(图像宽度) |
size - android:height="55dp" | 绘制高度(图像高度) |
然后在布局文件中引用
效果图如下:
绘制椭圆
若要绘制椭圆,只需要将 app/src/main/res/drawble/draw_line.xml 中的size标签下的宽高更改即可
我将高度更改成251dp。
效果展示
绘制实心椭圆、正圆形
同样只需要更改 app/src/main/res/drawble/draw_line.xml
将stroke标签改为solid,即可,椭圆亦是如此
效果图:
--绘制渐变色--
渐变色使用方法
用以上的圆形来进行演示,其它亦是如此
在app/src/main/res/drawble/draw_line.xml 加上gradient标签即可,下图有三种颜色
渐变色代码、效果演示
属性 | 详细 |
---|---|
gradient - android:startColor="#65e4a0" | 开始颜色(默认从左至右) |
gradient - android:centerColor="#58a3d6" | 中间的颜色(默认从左至右) |
gradient - android:endColor="#d12890" | 结束颜色(默认从左至右) |
效果展示:
--绘制矩形(长、正方形)--
基本绘制矩形
drawble_rectangle.xml
其实与绘制圆形差不多,仅仅需要更改shape标签:android:shape="rectangle"
效果图
还有,其他属性值,比如说是渐变色,或者绘制实心,都与上述绘制圆形一样
绘制圆角矩形
在这里多出的是圆角
属性 | 详细 |
---|---|
<corners android:radius="50dp" /> | 绘制圆角 |
下一篇:BitmapDrawable
转载地址:https://myhub.blog.csdn.net/article/details/84649115 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!