# UI2018

**Repository Path**: wlwh90/UI2018

## Basic Information

- **Project Name**: UI2018
- **Description**: 安卓高级UI代码整理和博客代码Demo
- **Primary Language**: Java
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-09-04
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

>目录<br/>
>一、本项目的作用<br/>
>二、已经整理完成的章节<br/>
>1、贝塞尔曲线<br/>
>2、PathMeasure<br/>
>3、属性动画<br/>
>4、Xfermode<br/>
>三、继续整理的章节<br/>
>四、作者简介<br/>
>1、个人博客<br/>
>2、联系方式<br/>
>3、赞赏

## 一、本项目的作用
本项目主要用于**Android高级UI**[博客](https://juejin.im/user/5c3033ef51882524ec3a88ba/posts)配合讲解，同时整理平常小盆友在工作中的自定义UI控件。

## 二、已经整理完成的章节

### 1、贝塞尔曲线

#### 博客：[自带美感的贝塞尔曲线原理与实战——Android高级UI](https://juejin.im/post/5c3988516fb9a049d1325c83)
#### 实战：
**（1）多阶贝塞尔曲线工具**

![](https://github.com/zincPower/UI2018/blob/master/img/cls7/n_order_bezier.gif)

**（2）圆变任何图形的工具**

![](https://github.com/zincPower/UI2018/blob/master/img/cls7/circle_bezier_tool_rabbit.gif)

**（3）圆变心**

![](https://github.com/zincPower/UI2018/blob/master/img/cls7/circle_to_heart.gif)

**（4）粘性小红点**

![](https://github.com/zincPower/UI2018/blob/master/img/cls7/bezier_stick_dot.gif)

### 2、PathMeasure

#### 博客：[PathMeasure的API讲解与实战——Android高级UI](https://juejin.im/post/5c3039356fb9a049c15f5c5b)
#### 实战：
**（1）乘风破浪的小船**

![](https://github.com/zincPower/UI2018/blob/master/img/cls8/boat.gif)

**（2）加载loading**

![](https://github.com/zincPower/UI2018/blob/master/img/cls8/loading_circle.gif)

**（3）转圈的箭头**

![](https://github.com/zincPower/UI2018/blob/master/img/cls8/plane.gif)

### 3、属性动画

#### 博客：[带有活力的属性动画源码分析与实战——Android高级UI](https://juejin.im/post/5c595158f265da2d9710cb6e)
#### 实战：
**（1）插值器工具**

![](https://github.com/zincPower/UI2018/blob/master/img/cls12/interpolator.gif)

**（2）多维雷达图**

![](https://github.com/zincPower/UI2018/blob/master/img/cls12/radar.gif)

**（3）表盘指示器**

![](https://github.com/zincPower/UI2018/blob/master/img/cls12/dial.gif)

**（4）购物车**

![](https://github.com/zincPower/UI2018/blob/master/img/cls12/shoppingCart.gif)

### 4、Xfermode

#### 博客：[图像操纵大师Xfermode讲解与实战——Android高级UI](https://juejin.im/post/5c6c20556fb9a04a0e2dc490)
#### 实战：
**（1）Xfermode工具**

![](https://github.com/zincPower/UI2018/blob/master/img/cls4/xfermode_tool.gif)

**（2）刮刮卡**

![](https://github.com/zincPower/UI2018/blob/master/img/cls4/scrach_card.gif)

**（3）心跳**

![](https://github.com/zincPower/UI2018/blob/master/img/cls4/ping_pong.gif)

## 三、继续整理的章节
1. Paint
2. 事件分发机制
3. 绘制流程
4. 更多精彩

## 四、作者简介
### 1、个人博客
掘金：https://juejin.im/user/5c3033ef51882524ec3a88ba/posts

csdn：https://blog.csdn.net/weixin_37625173

### 2、联系方式
微信 

![](https://github.com/zincPower/UI2018/blob/master/img/weixin.png)

### 3、赞赏
如果觉得所写文章和博客对您有所帮助，走过路过就赞赏一下吧😄

![](https://github.com/zincPower/UI2018/blob/master/img/alipay.jpg)
![](https://github.com/zincPower/UI2018/blob/master/img/wxpay.png)