# UI2018

**Repository Path**: ouyangpengdev/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**: 2021-03-23
- **Last Updated**: 2021-03-23

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

>目录<br/>
>一、本项目的作用<br/>
>二、已经整理完成的章节<br/>
>1、贝塞尔曲线<br/>
>2、PathMeasure<br/>
>3、属性动画<br/>
>4、Xfermode<br/>
>5、VelocityTracker和Scroller<br/>
>6、绘制流程<br/>
>7、svg<br/>
>8、canvas_clip<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/code1/n_order_bezier.gif)

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

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

**（3）圆变心**

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

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

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

### 2、PathMeasure

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

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

**（2）加载loading**

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

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

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

### 3、属性动画

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

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

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

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

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

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

**（4）购物车**

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

### 4、Xfermode

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

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

**（2）刮刮卡**

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

**（3）心跳**

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

### 5、VelocityTracker和Scroller

#### 博客：[让控件如此丝滑Scroller和VelocityTracker的API讲解与实战——Android高级UI](https://juejin.im/post/5c7f4f0351882562ed516ab6)
#### 实战：
**（1）带惯性滑动的柱状图**

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

### 6、绘制流程

#### 博客：[灵魂画师，Android绘制流程——Android高级UI](https://juejin.im/post/5c9adb5ff265da60c76ceb1c)
#### 实战：
**（1）标签布局**

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

### 7、svg

#### 博客：[放荡不羁SVG讲解与实战——Android高级UI](https://juejin.im/post/5ca9f65e6fb9a05e472b9cab)
#### 实战：
**（1）"手写"掘金**

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

**（2）地图查阅器**

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

### 8、canvas_clip

#### 博客：[Canvas中的剪刀手讲解与实战——Android高级UI](https://juejin.im/post/5cc3d0686fb9a031f4160713)
#### 实战：

**(1)老夫的少女心**

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

## 三、继续整理的章节
1. Paint
2. Canvas
3. 事件分发机制
4. 屏幕适配
5. 更多精彩

## 四、作者简介
### 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)