ViewExercise

KO | EN

gitlite — search

#javascript #react #ai #android #machine-learning #rust #linux #docker #macos #java #windows #cli #ios #open-source

(★ 138)

自己写的一些自定义View。水波纹，仿探探搜索，语音输入动画，Canvas研究，状态栏研究等。

ViewExercise 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# ViewExercise
主要是自己平时工作之余关于View相关的一些练习。

> 个人博客地址：
http://blog.csdn.net/wangxp423

> 欢迎关注个人微信公众账号账号：<br>
![Image](https://github.com/wangxp423/ViewExercise/raw/master/screenshot/qrcode.jpg)

> 欢迎加入Android技术交流群：721146199 <br>
![Image](https://github.com/wangxp423/ViewExercise/raw/master/screenshot/721146199.png)

# 目录截图
<img src="https://github.com/wangxp423/ViewExercise/raw/master/screenshot/main_function.png" width="30%" height="30%" />

---

## 一，自定义View -> Canvas目录
<img src="https://github.com/wangxp423/ViewExercise/raw/master/screenshot/draw/main_canvas.png" width="30%" height="30%" />

#### 1)，Canvas
<img src="https://github.com/wangxp423/ViewExercise/raw/master/screenshot/draw/canvas_canvas.jpg" width="50%" height="50%" />

#### 2)，Bezier贝塞尔曲线
<img src="https://github.com/wangxp423/ViewExercise/raw/master/screenshot/draw/canvas_bezier.jpg" width="50%" height="50%" />

#### 3)，贝塞尔之 拖拽小圆点
<img src="https://github.com/wangxp423/ViewExercise/raw/master/screenshot/draw/canvas_drag_red.gif" width="30%" height="30%" />

#### 4)，Canvas综合练习
<img src="https://github.com/wangxp423/ViewExercise/raw/master/screenshot/draw/canvas_demo.gif" width="30%" height="30%" />

#### 5)，Canvas水波纹
<img src="https://github.com/wangxp423/ViewExercise/raw/master/screenshot/draw/water_wave.gif" width="30%" height="30%"/>

#### 6)，Canvas水波纹刻度百分比
<img src="https://github.com/wangxp423/ViewExercise/raw/master/screenshot/draw/canvas_wave.gif" width="30%" height="30%" />

#### 7)，仿探探 雷达搜索
<img src="https://github.com/wangxp423/ViewExercise/raw/master/screenshot/draw/tantan_search.gif" width="30%" height="30%" />

#### 8)，语音搜索动画
<img src="https://github.com/wangxp423/ViewExercise/raw/master/screenshot/draw/secoo.gif" width="30%" height="30%" />

#### 9)，仿小米指南针
<img src="https://github.com/wangxp423/ViewExercise/raw/master/screenshot/draw/zhinanzhen.gif" width="30%" height="30%" />

#### 10)，仿小米指针
<img src="https://github.com/wangxp423/ViewExercise/raw/master/screenshot/draw/mi_shizhong.gif" width="30%" height="30%" />

---

## 二，ToolBar配合CoordinatorLayout -> 目录
<img src="https://github.com/wangxp423/ViewExercise/raw/master/screenshot/toolbar/toolbar_main.png" width="30%" height="30%" />

#### 1)，Normal-CollapsingToolBar
<img src="https://github.com/wangxp423/ViewExercise/raw/master/screenshot/toolbar/toolbar_normal_collaps.gif" width="30%" height="30%" />

#### 2)，Collaps-CollapsingToolBar
<img src="https://github.com/wangxp423/ViewExercise/raw/master/screenshot/toolbar/toolbar_collaps_collaps.gif" width="30%" height="30%" />

#### 3)，自定义Behavior(头部和底部菜单)
<img src="https://github.com/wangxp423/ViewExercise/raw/master/screenshot/toolbar/custom_behavior_zhihu.gif" width="30%" height="30%" />

#### 4)，BottomSheetBehavior(仿百度地图)
<img src="https://github.com/wangxp423/ViewExercise/raw/master/screenshot/toolbar/bottomsheet_behavior_baidu.gif" width="30%" height="30%" />

#### 5)，折叠移动头像到标题栏
<img src="https://github.com/wangxp423/ViewExercise/raw/master/screenshot/toolbar/custom_behavior_collaps.gif" width="30%" height="30%" />

---

## 三，ListView效果研究

#### 1)，ListView滑动，Item缓动
<img src="https://github.com/wangxp423/ViewExercise/raw/master/screenshot/listview/secoo_list_move.gif" width="30%" height="30%" />

---

## 四，StatusBar状态栏研究
<img src="https://github.com/wangxp423/ViewExercise/raw/master/screenshot/statusbar/statusbar_main.png" width="30%" height="30%" />

#### 1)，Fragment中适配沉浸式状态栏
<img src="https://github.com/wangxp423/ViewExercise/raw/master/screenshot/statusbar/statusbar_fragment.jpg" width="50%" height="50%" />

ViewExercise

ViewExercise 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

ViewExercise

ViewExercise 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README