天天看点

iOS: 首次使用App时,显示半透明新手指引

在很多的app,我们都会发现这样一个功能:就是app启动后进入主界面时,会有一个半透明的指引图,它会提示用户如何一步步进行操作,快速的熟悉app的使用规则,极大地方便了用户的使用,也加快了app的推广,优点不言而喻。

我主要介绍一下思路:

  首先创建一个半透明的蒙版覆盖在当前整个屏幕上,然后用贝塞尔曲线绘制白色的提示框(矩形或者圆形),接着给出带箭头图标的文字提示,也即在蒙版上添加自定义的子视图控件。当然,最后给整个蒙版添加一个触摸手势,只要轻轻点击就移除蒙版、子视图、手势,恢复正常界面。

注意:新手引导只需要出现一次就够了,可以通过偏好设置来控制器只出现一次。

演示截图如下:

出现指引                    点击指引消失,按照提示操作

iOS: 首次使用App时,显示半透明新手指引
iOS: 首次使用App时,显示半透明新手指引

代码如下:

颜色宏定义

新手指引

iOS: 首次使用App时,显示半透明新手指引
iOS: 首次使用App时,显示半透明新手指引

参考资料:

<a href="http://www.jianshu.com/p/00d4fe5a3c1a" target="_blank">http://www.jianshu.com/p/00d4fe5a3c1a</a>

<a href="http://www.jianshu.com/p/b83aefdc9519" target="_blank">http://www.jianshu.com/p/b83aefdc9519</a>

程序猿神奇的手,每时每刻,这双手都在改变着世界的交互方式!

本文转自当天真遇到现实博客园博客,原文链接:http://www.cnblogs.com/XYQ-208910/p/5714352.html,如需转载请自行联系原作者

继续阅读