开源整理：Android App 新手指引开源控件

本是古典何须时尚 2021-09-15 08:22 425阅读 0赞

> 作者：[D\_clock爱吃葱花][D_clock]  
> 责编：[CSDN唐小引][CSDN]

一个 App 第一次与用户接触或者发生大版本更新时，常常会用户进行新手引导，而一个好的新手指引，往往能够方便新用户快速了解操作你的应用功能。新手指引的重要性，不言而喻。本文作者[@D\_clock爱吃葱花][D_clock]搜集整理了 Github 上一些效果不错的新手指引开源控件，帮助你的应用在用户面前有更好的效果展示。当然，如果你有精力，也可以自己开发维护一套新手指引效果。

### 1. [GuideView][] ###

国人开发者出品的一个轻量级新手指引库，能够快速为任何一个 View 创建一个遮罩层，支持单个页面，多个引导提示，支持为高亮区域设置不同的图形，支持引导动画，方便扩展，良好支持 fragment。

![20170522092314153][]

使用方式、更多效果、详细实现原理等，可以查看项目的 README。

### 2. [Spotlight][] ###

看看下面的效果后相比静态的指引效果，这种动态指引更容易让用户耳目一新，可以在新功能的入口处添加提示。

![20170522092541974][]

### 3. [MaterialIntroView][] ###

下面这个效果是从一款名为 Fabulous 的 App 上看到的，作者第一眼见到后，就非常喜欢它的效果，于是动手造了一个轮子。

![481565db050c9b740f1337fb29e4c93d.gif][]

### 4. [Highlight][] ###

一个用于 App 指向性功能高亮的库，开发者是很多 Android 圈内都认识的鸿洋。

![7d97601ac5466562103b26ad2b084626.gif][]

### 5. [FancyShowCaseView][] ###

同样是个效果很棒的指引，请看下图，支持自定义 View 和动画等。

![fb3ca0baa452e7682219d2322ce6472d.gif][]

### 6. [ShowcaseView][] ###

向你的用户快速展示应用的两点，这个控件时基于 Android 系统（Ice-Cream Sandwich 和 Jelly Bean 两个版本的 Launcher）源码中的 Cling 自定义 View 实现的。

![604401d0454277349b6b5e475cf8cdd7.png][]

看到下面的效果你一定很熟悉。

![70999a9ff7e1bb9dcf27e2435a2e61fe.png][]

### 7. [MaterialShowcaseView][] ###

收到上一个推荐的 ShowcaseView 启发而写的控件，Material Design 风格的设计让效果更加好看。

![4119ffb7ddb8a0066df50ef8a4bf2fd7.gif][]

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

![20170522093134742][]

[D_clock]: http://blog.csdn.net/D_clock
[CSDN]: http://blog.csdn.net/tangxiaoyin
[GuideView]: https://github.com/binIoter/GuideView
[20170522092314153]: /images/20210907/6414c4f76b37452da7fb95746eb47ef0.png
[Spotlight]: https://github.com/wooplr/Spotlight
[20170522092541974]: /images/20210907/835ed66e6e9a41ff921f45685d439bc4.png
[MaterialIntroView]: https://github.com/iammert/MaterialIntroView
[481565db050c9b740f1337fb29e4c93d.gif]: https://diycode.b0.upaiyun.com/photo/2017/481565db050c9b740f1337fb29e4c93d.gif
[Highlight]: https://github.com/hongyangAndroid/Highlight
[7d97601ac5466562103b26ad2b084626.gif]: https://diycode.b0.upaiyun.com/photo/2017/7d97601ac5466562103b26ad2b084626.gif
[FancyShowCaseView]: https://github.com/faruktoptas/FancyShowCaseView
[fb3ca0baa452e7682219d2322ce6472d.gif]: https://diycode.b0.upaiyun.com/photo/2017/fb3ca0baa452e7682219d2322ce6472d.gif
[ShowcaseView]: https://github.com/amlcurran/ShowcaseView
[604401d0454277349b6b5e475cf8cdd7.png]: https://diycode.b0.upaiyun.com/photo/2017/604401d0454277349b6b5e475cf8cdd7.png
[70999a9ff7e1bb9dcf27e2435a2e61fe.png]: https://diycode.b0.upaiyun.com/photo/2017/70999a9ff7e1bb9dcf27e2435a2e61fe.png
[MaterialShowcaseView]: https://github.com/deano2390/MaterialShowcaseView
[4119ffb7ddb8a0066df50ef8a4bf2fd7.gif]: https://diycode.b0.upaiyun.com/photo/2017/4119ffb7ddb8a0066df50ef8a4bf2fd7.gif
[20170522093134742]: /images/20210907/14e16d50b54f45138cd7ce087f22a793.png