评论

收藏

[办公软件] 手写一款Android-手绘风格组件----这是你从未见过的组件库

电脑办公 电脑办公 发布于:2021-12-26 11:56 | 阅读数:447 | 评论:0

目前 SketchyComponent 提供了基础图形的 Drawable,一部分 Icon,以及用来自定义图形的基础功能。
下面分别介绍一下~
基础 Drawable
SkSquareDrawable
绘制一个矩形,效果如下:
DSC0000.jpg

SkLineDrawable
绘制一个线形,效果如下:
DSC0001.jpg

SkCircleDrawable
绘制一个圆形,效果如下:
DSC0002.jpg

SkArcDrawable
绘制一个扇形,效果如下:
DSC0003.jpg

SkImgDrawable
绘制图片,效果如下:
DSC0004.jpg

部分 Icon
SkTimeIcon
DSC0005.jpg

SkSearchIcon
DSC0006.jpg

SkListIcon
DSC0007.jpg

SkArrowIcon
DSC0008.jpg

自定义能力
我们提供了一些基础图形,方便用来自定义一些效果。下面是一些自定义的示例。
DSC0009.jpg

DSC00010.jpg

DSC00011.jpg

基础图形使用方法
我们提供的基础图形,均继承自 SkShape,其中提供了两个方法,SkShape#parse 和 SkShape#draw(canvas: Canvas)
SkShape#parse 方法用来生成图形对应的路径
SkShape#draw 方法用来将图形绘制到 canvas,如果在绘制时路径还没有生成,即 parse 方法还未调用,默认会调用 parse 方法
以绘制直线为例:
// 创建 SkLine
val line = SkLine()
// 设置属性
line.startPoint = SkPoint(0.0, 0.0)
line.endPoint = SkPoint(100.0, 100.0)
// 进行绘制
line.draw(canvas)
具体的 SkShape 介绍如下:
SkSquare
绘制一个矩形
DSC00012.jpg

SkLine
绘制一条线
DSC00013.jpg

SkCircle
绘制一个圆
DSC00014.jpg

SkArc
绘制扇形
DSC00015.jpg

小福利:
在当下这个碎片化信息环境的时代,很多资源都可以在网络上找到,只取决于你愿不愿意找或是找的方法对不对了
很多朋友不是没有资料,大多都是有几十上百个G,但是杂乱无章,不知道怎么看从哪看起,甚至是看后就忘
如果大家觉得自己在网上找的资料非常杂乱、不成体系的话,我也分享一套给大家,比较系统,我平常自己也会经常研读。
2021大厂最新Android面试真题解析
DSC00016.jpg

各个模块学习视频:如数据结构与算法
DSC00017.jpg

只有系统,有方向的学习,才能在段时间内迅速提高自己的技术。
DSC00018.jpg
DSC00019.jpg

这份体系学习笔记,适应人群:第一,学习知识比较碎片化,没有合理的学习路线与进阶方向。第二,开发几年,不知道如何进阶更进一步,比较迷茫。第三,到了合适的年纪,后续不知道该如何发展,转型管理,还是加强技术研究。如果你有需要,我这里恰好有为什么,不来领取!说不定能改变你现在的状态呢!点赞+评论即可获得!
直接点击这里前往我的GitHub中下载,就可以白嫖啦,记得给文章点个赞哦。


关注下面的标签,发现更多相似文章