Android引导动画库:TourGuide
来源:互联网 发布:女友长得像刘亦菲 知乎 编辑:程序博客网 时间:2024/05/22 01:32
对于一些复杂的App,我们希望能够给用户一些引导操作。当用户首次打开应用的时候,可以按照给出的引导来熟悉App。TourGuid就是为这种场景而生的项目,动画效果很漂亮。
使用说明:
在gradle file中添加如下依赖:
repositories { mavenCentral() maven(){ url "https://oss.sonatype.org/content/repositories/snapshots" }}compile ('com.github.worker8:tourguide:1.0.10-SNAPSHOT@aar'){ transitive=true}
最低SDK 版本
TourGuide要求的最低版本是API 11+(Android 3.0.x, HONEYCOMB)。
如何使用
基础
假如你有这样一个button需要用户去点击:
Button button = (Button)findViewById(R.id.button);
你可以通过如下办法在button之上添加引导提示:
TourGuide mTourGuideHandler = TourGuide.init(this).with(TourGuide.Technique.Click) .setPointer(new Pointer()) .setToolTip(new ToolTip().setTitle("Welcome!").setDescription("Click on Get Started to begin...")) .setOverlay(new Overlay()) .playOn(button);
- setPointer() - 设置Pointer,关于如何改变其外观,参考下面Pointer 自定义指南 如果不想要Pointer,可以传入null。
- setToolTip - 设置ToolTip ,关于如何改变其外观,参考下面ToolTip自定义指南,如果不想要ToolTip,可以传入null。
- setOverlay - 设置Overlay,关于如何改变其外观,参考下面 Overlay 自定义指南 如果不想要Overlay,可以传入null。
- with - 目前是使用TourGuide.Technique.Click ,今后将去掉。
- mTourGuideHandler - 返回的handler 类型,用于清理。
当用户完成之后,你可以通过调用如下代码解除这个tutorial:
mTourGuideHandler.cleanUp();
ToolTip 自定义指南
Tooltip(工具提示)是指对一个UI元素进行进一步解释的文字框。在前面的基础用法示例中,ToolTip并没有自定义,使用的是默认的样式。但是你是可以随意自定义的。
Animation animation = new TranslateAnimation(0f, 0f, 200f, 0f); animation.setDuration(1000); animation.setFillAfter(true); animation.setInterpolator(new BounceInterpolator()); ToolTip toolTip = new ToolTip() .setTitle("Next Button") .setDescription("Click on Next button to proceed...") .setTextColor(Color.parseColor("#bdc3c7")) .setBackgroundColor(Color.parseColor("#e74c3c")) .setShadow(true) .setGravity(Gravity.TOP | Gravity.LEFT) .setEnterAnimation(animation);TourGuide mTourGuideHandler = TourGuide.init(this).with(TourGuide.Technique.Click) .setPointer(new Pointer()) .setToolTip(toolTip) .setOverlay(new Overlay()) .playOn(button);
除了gravity需要解释一下外,大多数自定义方法都可以从命名看出其作用。gravity是TourGuide相对于目标按钮的位置。比如,setGravity(Gravity.TOP | Gravity.LEFT) 所产生的效果如下:
Pointer 自定义指南
Pointer是一个暗示存在可点击UI元素的圆形动画按钮。默认为白色,居中显示,你可以这样自定义:
new Pointer().setColor(Color.RED).setGravity(Gravity.BOTTOM|Gravity.RIGHT);
下面是没有自定义和自定义之后的区别:
Overlay 自定义指南
Overlay是一个用于挡住所有其他UI原色的半透明背景,可以让用户的注意力集中在需要点击的元素上面。其颜色和形状都是可以自定义的:
Overlay overlay = new Overlay() .setBackgroundColor(Color.parseColor("#AAFF0000")) .disableClick(true) .setStyle(Overlay.Style.Rectangle);
- disableClick(true) 可以让被overlay挡住的UI元素变的不可点击。参考本例的Overlay自定义Activity。
- setStyle() 目前只有两种样式可用: Overlay.Style.Rectangle 和 Overlay.Style.Circle
转自:http://www.codeceo.com/article/android-tourguide.html
0 0
- Android引导动画库:TourGuide
- android tourguide 引导
- Android第三方框架之 引导蒙版TourGuide的使用
- 高仿知乎Android客户端欢迎引导动画
- Android 新手引导库
- Android AnimationDrawable动画与APP启动引导页面
- android启动界面和引导界面的动画
- android启动界面和引导界面的动画
- Android引导页动画的基本实现方法—ViewPager
- Android自定义View 实现水波纹动画引导
- Android用户引导页实现,圆点实现动画效果
- Android进阶篇之引导页系列之ViewPager实现Animation动画引导页
- Android进阶篇之引导页系列之ViewPager实现Animation动画引导页
- Android进阶篇之引导页系列之ViewPager实现Animation动画引导页
- 引导层动画
- 引导动画-安卓
- 视差动画引导界面
- 视频类引导动画
- 用中国剩余定理解 POJ1006
- 【Java学习-J.160331.0.4】笔记3-Linux基础
- POJ 1700 过河坐船最短时间问题
- Vrituoso安装经验总结
- php获取复选框的值CheckBox的多个值
- Android引导动画库:TourGuide
- 浏览器如何获取网页
- 【bestcoder】Round #76 (div.2) (hdu 5645 & 5646 )
- 中断采集上升沿数不准确的问题。。
- Android网络与数据存储_学习笔记_第五周
- 机器学习之贝叶斯分类
- UI控件--AlertDialog
- 设计模式 (3)用例图之二
- onAnimationEnd不一定能执行