# UI

**Repository Path**: SinoLanFeng/UI

## Basic Information

- **Project Name**: UI
- **Description**: ui
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2022-04-23
- **Last Updated**: 2022-04-23

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## 项目说明

`Android UI` 练习, 不定期更新~

**说明**: 项目中本来有部分自定义`UI`控件公共部分还可抽取, 但是为了方便独立学习之用, 所以没有再次抽取

-------------------

## 详细说明

------------------

### 一. [utils](https://github.com/HusterYP/UI/blob/master/UIList/app/src/main/java/com/example/yuanping/uilist/utils/)

公用工具类, 包括获取屏幕尺寸信息, `dp`转`px`, `px`转`dp`, 获取`Assets`等


--------------------

### 二. [drag](https://github.com/HusterYP/UI/blob/master/UIList/app/src/main/java/com/example/yuanping/uilist/drag/)

手势拖动, 参见下图: 

<img src="https://github.com/HusterYP/UI/blob/master/Pic/DragView.gif" width="400" height="600"/>

参考博客参见: [ReadMe](https://github.com/HusterYP/UI/blob/master/UIList/app/src/main/java/com/example/yuanping/uilist/drag/ReadMe.md)

-----------------

### 三. [touch](https://github.com/HusterYP/UI/blob/master/UIList/app/src/main/java/com/example/yuanping/uilist/touch/)

`Android`事件分发机制测试, 事件分发机制源码分析参见配套博客: [自定义View之View事件分发机制](https://husteryp.github.io/2018/09/20/%E8%87%AA%E5%AE%9A%E4%B9%89View%E4%B9%8BView%E4%BA%8B%E4%BB%B6%E5%88%86%E5%8F%91%E6%9C%BA%E5%88%B6/)


----------------------

### 四. [ui和widget](https://github.com/HusterYP/UI/blob/master/UIList/app/src/main/java/com/example/yuanping/uilist/widget/)

自定义View练习, 如下图:

#### 4.1 practice1

<img src="https://github.com/HusterYP/UI/blob/master/Pic/practice1.gif" width="400" height="600"/>

配套博客参见: [ReadMe](https://github.com/HusterYP/UI/blob/master/UIList/app/src/main/java/com/example/yuanping/uilist/widget/practice1/ReadMe.md)

#### 4.2 practice2

<img src="https://github.com/HusterYP/UI/blob/master/Pic/practice2.gif" width="400" height="600"/>

配套博客参见: [ReadMe](https://github.com/HusterYP/UI/blob/master/UIList/app/src/main/java/com/example/yuanping/uilist/widget/practice2/ReadMe.md)

#### 4.3 practice4


<img src="https://github.com/HusterYP/UI/blob/master/Pic/practice4.gif" width="400" height="600"/>

配套博客参见: [ReadMe](https://github.com/HusterYP/UI/blob/master/UIList/app/src/main/java/com/example/yuanping/uilist/widget/practice4/ReadMe.md)


#### 4.4 practice5

<img src="https://github.com/HusterYP/UI/blob/master/Pic/practice5.gif" width="400" height="600"/>

配套博客参见: [ReadMe](https://github.com/HusterYP/UI/blob/master/UIList/app/src/main/java/com/example/yuanping/uilist/widget/practice5/ReadMe.md)


#### 4.5 practice6


参见[Android动画详解](https://husteryp.github.io/2018/10/04/Android%E5%8A%A8%E7%94%BB%E8%AF%A6%E8%A7%A3/)

<img src="https://github.com/HusterYP/UI/blob/master/Pic/practice6.gif" width="400" height="600"/>

配套博客参见: [ReadMe](https://github.com/HusterYP/UI/blob/master/UIList/app/src/main/java/com/example/yuanping/uilist/widget/practice6/ReadMe.md)


#### 4.5 practice7

参见[Android动画详解](https://husteryp.github.io/2018/10/04/Android%E5%8A%A8%E7%94%BB%E8%AF%A6%E8%A7%A3/)

<img src="https://github.com/HusterYP/UI/blob/master/Pic/practice7.gif" width="400" height="600"/>

配套博客参见: [ReadMe](https://github.com/HusterYP/UI/blob/master/UIList/app/src/main/java/com/example/yuanping/uilist/widget/practice7/ReadMe.md)


#### 4.6 practice8

> `UI`仿写

##### 4.6.1 即刻点赞效果

<img src="https://github.com/HusterYP/UI/blob/master/Pic/practice8_jike.gif" width="400" height="600"/>

实现思路参见: [即刻点赞效果](https://github.com/HusterYP/UI/blob/master/UIList/app/src/main/java/com/example/yuanping/uilist/widget/practice8/%E5%8D%B3%E5%88%BB%E7%82%B9%E8%B5%9E%E6%95%88%E6%9E%9C.md)


#### 4.8 practice9 

<img src="https://github.com/HusterYP/UI/blob/master/Pic/practice9.gif" width="400" height="600"/>

配套博客参见: [ReadMe](https://github.com/HusterYP/UI/blob/master/UIList/app/src/main/java/com/example/yuanping/uilist/widget/practice9/ReadMe.md)


------------------

### 五. lifecycle

> 生命周期分析用例

--------------------

### 六. service

> 服务使用用例, 及生命周期测试

包括启动服务, 绑定服务, 前台服务等