写点什么

这是你从未见过的组件库 ---- 手写一款女朋友欲罢不能的 Android- 手绘风格组件

用户头像
Android架构
关注
发布于: 8 小时前

SketchyComponent,一款手绘风格的 Android 组件库。仓库地址:github.com/m-zylab/Ske…

快速接入

  1. 添加 jcenter 仓库(AS 创建的项目默认已经添加)


repositories {jcenter()}


  1. 添加 sketchy 依赖


implementation 'com.zylab:sketchy:0.1.3'


  1. 代码中使用组件


// 1. 创建 Sketchy 图形 val skSquareDrawable = SkSquareDrawable().apply {// 2. 设置属性 fillColor = resources.getColor(android.R.color.holo_orange_dark)}// 3. 给 View 设置背景 text.background = skSquareDrawable


就是这么 easy ~

组件库介绍

目前 SketchyComponent 提供了基础图形的 Drawable,一部分 Icon,以及用来自定义图形的基础功能。下面分别介绍一下~

基础 Drawable

SkSquareDrawable

绘制一个矩形,效果如下:


SkLineDrawable

绘制一个线形,效果如下:


SkCircleDrawable

绘制一个圆形,效果如下:


SkArcDrawable

绘制一个扇形,效果如下:


SkImgDrawable

绘制图片,效果如下:


部分 Icon

SkTimeIcon
SkSearchIcon
SkListIcon
SkArrowIcon

自定义能力

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




基础图形使用方法

我们提供的基础图形,均继承自 SkShape,其中提供了两个方法,SkShape#parse


《Android学习笔记总结+最新移动架构视频+大厂安卓面试真题+项目实战源码讲义》
浏览器打开:qq.cn.hn/FTe 免费领取
复制代码


SkShape#draw(canvas: Canvas)SkShape#parse 方法用来生成图形对应的路径 SkShape#draw 方法用来将图形绘制到 canvas,如果在绘制时路径还没有生成,即 parse 方法还未调用,默认会调用 parse 方法以绘制直线为例:


// 创建 SkLineval line = SkLine()// 设置属性 line.startPoint = SkPoint(0.0, 0.0)line.endPoint = SkPoint(100.0, 100.0)// 进行绘制 line.draw(canvas)


具体的 SkShape 介绍如下:

SkSquare

绘制一个矩形


SkLine

绘制一条线



用户头像

Android架构

关注

还未添加个人签名 2021.10.31 加入

还未添加个人简介

评论

发布
暂无评论
这是你从未见过的组件库----手写一款女朋友欲罢不能的Android-手绘风格组件