Drawable图像绘制-今天咱不讲代码,只讲布局
发布日期:2021-07-01 04:34:14 浏览次数:2 分类:技术文章

本文共 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 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!

上一篇:安卓中用代码设置顶部状态栏颜色
下一篇:Java JFrame视图

发表评论

最新留言

网站不错 人气很旺了 加油
[***.192.178.218]2024年04月09日 08时19分16秒