Android利用浮动窗口提示用户 *** 作

概述上次我们实现了利用viewpager实现对新用户的功能性介绍，今天我们来显示利用浮动窗口对用户进行 *** 作的引导。先看效果图。

上次我们实现了利用vIEwpager实现对新用户的功能性介绍，今天我们来显示利用浮动窗口对用户进行 *** 作的引导。先看效果图。

虽然界面比较丑，但是可以看到我们还是可以实现对用户进行比较好的 *** 作提示，下面介绍怎么实现这种效果。

集成环境

这个项目中，我采用的是TourGuIDe开源项目，可以直接进入github地址进行学习与下载，这里我们只是简单的介绍怎么使用他来实现浮动界面的引导效果。首先是添加引用：
在你的gradle file中添加以下依赖，然后点击sync将依赖添加到自己的项目中就可以直接使用了。

repositorIEs { mavenCentral() maven(){  url "https://oss.sonatype.org/content/repositorIEs/snapshots" }}compile ('com.github.worker8:tourguIDe:1.0.17-SNAPSHOT@aar'){ transitive=true}

最简单的使用.

button button = (button)findVIEwByID(R.ID.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，可以直接传入null。
* settooltip - 设置提示的内容，关于如何改变其样式，参考我后面的代码，如果不想要tooltip，可以传入null。
* setoverlay - 设置覆盖层的样式，关于如果改变其样式，参考我后面的代码，如果不想要可以传入null。
* with -目前使用的是 TourGuIDe.Technique.Click ，以后可以能会去掉。
* mTourGuIDeHandler - 返回的handler类型，用户去掉提示信息。

自定义提示样式

自定义tooltip样式，代码中的注释比较详细，应该可以看懂。

 button button = (button) findVIEwByID(R.ID.ID_but);  //设置文本的动画效果  Animation animation = new TranslateAnimation(0f,0f,200f,0f);//转化动画  animation.setDuration(1000);//时间间隔  animation.setFillAfter(true);//设置停留在动画完成后的位置  animation.setInterpolator(new BounceInterpolator());//设置动画变化的速率  tooltip tooltip = new tooltip()//设置文字提示的风格    .setTitle("欢迎使用")//设置标题    .setDescription("下面来介绍怎么使用把..")//设置内容提示    .setTextcolor(color.parsecolor("#bdc3c7"))//设置字体颜色    .setBackgroundcolor(color.parsecolor("#e74c3c"))//设置背景色    .setShadow(true)//设置是否有阴影效果    .setGravity(Gravity.CENTER)//设置相对于父布局位置    .setEnteranimation(animation);//设置动画效果  mTourGuIDeHandler1 = TourGuIDe.init(this).with(TourGuIDe.Technique.Click)    .setPointer(new Pointer())//提示指向的按钮    .settooltip(tooltip)//设置提示的内容    .setoverlay(new Overlay())//设置覆盖效果    .playOn(button);//设置绑定的控件  button.setonClickListener(new VIEw.OnClickListener() {   @OverrIDe   public voID onClick(VIEw v) {    mTourGuIDeHandler1.cleanUp();//关闭引导界面    initSecondebutton();   }  });

自定义overlay和pointer样式。

{  Pointer pointer = new    Pointer().setcolor(color.RED)//设置指示器的颜色    .setGravity(Gravity.BottOM);//设置指示器对于父容器的位置  Overlay overlay = new Overlay()    .setBackgroundcolor(color.parsecolor("#AAFF0000"))//设置覆盖层的颜色    .disableClick(true)//设置不可以点击    .setStyle(Overlay.Style.Rectangle);//设置覆盖的风格  button bu2 = (button) findVIEwByID(R.ID.second_but);   mTourGuIDeHandler2 = TourGuIDe.init(this).with(TourGuIDe.Technique.Click)     .setPointer(pointer)     .settooltip(new tooltip().setTitle("点击他").setDescription("我们继续往下走..."))     .setoverlay(overlay)     .playOn(bu2);  bu2.setonClickListener(new VIEw.OnClickListener() {   @OverrIDe   public voID onClick(VIEw v) {    mTourGuIDeHandler2.cleanUp();   }  }); }

相信代码已经注释的比较清楚了。
最后，将整个项目的代码copy上来。

package students.userfloatdemo;import androID.graphics.color;import androID.os.Bundle;import androID.support.v7.app.AppCompatActivity;import androID.vIEw.Gravity;import androID.vIEw.VIEw;import androID.vIEw.animation.Animation;import androID.vIEw.animation.BounceInterpolator;import androID.vIEw.animation.TranslateAnimation;import androID.Widget.button;import tourguIDe.tourguIDe.Overlay;import tourguIDe.tourguIDe.Pointer;import tourguIDe.tourguIDe.tooltip;import tourguIDe.tourguIDe.TourGuIDe;public class MainActivity extends AppCompatActivity { private TourGuIDe mTourGuIDeHandler1; private TourGuIDe mTourGuIDeHandler2; @OverrIDe protected voID onCreate(Bundle savedInstanceState) {  super.onCreate(savedInstanceState);  setContentVIEw(R.layout.activity_main);  initFisrtbutton(); } //第二个按钮的 private voID initSecondebutton() {  Pointer pointer = new    Pointer().setcolor(color.RED)//设置指示器的颜色    .setGravity(Gravity.BottOM);//设置指示器对于父容器的位置  Overlay overlay = new Overlay()    .setBackgroundcolor(color.parsecolor("#AAFF0000"))//设置覆盖层的颜色    .disableClick(true)//设置不可以点击    .setStyle(Overlay.Style.Rectangle);//设置覆盖的风格  button bu2 = (button) findVIEwByID(R.ID.second_but);   mTourGuIDeHandler2 = TourGuIDe.init(this).with(TourGuIDe.Technique.Click)     .setPointer(pointer)     .settooltip(new tooltip().setTitle("点击他").setDescription("我们继续往下走..."))     .setoverlay(overlay)     .playOn(bu2);  bu2.setonClickListener(new VIEw.OnClickListener() {   @OverrIDe   public voID onClick(VIEw v) {    mTourGuIDeHandler2.cleanUp();   }  }); } private voID initFisrtbutton() {  button button = (button) findVIEwByID(R.ID.ID_but);  //设置文本的动画效果  Animation animation = new TranslateAnimation(0f,0f);//转化动画  animation.setDuration(1000);//时间间隔  animation.setFillAfter(true);//设置停留在动画完成后的位置  animation.setInterpolator(new BounceInterpolator());//设置动画变化的速率  tooltip tooltip = new tooltip()//设置文字提示的风格    .setTitle("欢迎使用")//设置标题    .setDescription("下面来介绍怎么使用把..")//设置内容提示    .setTextcolor(color.parsecolor("#bdc3c7"))//设置字体颜色    .setBackgroundcolor(color.parsecolor("#e74c3c"))//设置背景色    .setShadow(true)//设置是否有阴影效果    .setGravity(Gravity.CENTER)//设置相对于父布局位置    .setEnteranimation(animation);//设置动画效果  mTourGuIDeHandler1 = TourGuIDe.init(this).with(TourGuIDe.Technique.Click)    .setPointer(new Pointer())//提示指向的按钮    .settooltip(tooltip)//设置提示的内容    .setoverlay(new Overlay())//设置覆盖效果    .playOn(button);//设置绑定的控件  button.setonClickListener(new VIEw.OnClickListener() {   @OverrIDe   public voID onClick(VIEw v) {    mTourGuIDeHandler1.cleanUp();//关闭引导界面    initSecondebutton();   }  }); }}

xml文件中的代码

<?xml version="1.0" enCoding="utf-8"?><linearLayout xmlns:androID="http://schemas.androID.com/apk/res/androID" xmlns:tools="http://schemas.androID.com/tools" androID:layout_wIDth="match_parent" androID:layout_height="match_parent" androID:orIEntation="vertical" androID:paddingBottom="@dimen/activity_vertical_margin" androID:paddingleft="@dimen/activity_horizontal_margin" androID:paddingRight="@dimen/activity_horizontal_margin" androID:paddingtop="@dimen/activity_vertical_margin" tools:context="students.userfloatdemo.MainActivity"> <button  androID:ID="@+ID/ID_but"  androID:layout_wIDth="wrap_content"  androID:layout_height="wrap_content"  androID:text="第一步" /> <button  androID:layout_wIDth="wrap_content"  androID:layout_height="wrap_content"  androID:text="第二步" androID:ID="@+ID/second_but"/></linearLayout>

最后的最后，奉上源码：https://github.com/Reoger/StartUITest

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持编程小技巧。

总结

以上是内存溢出为你收集整理的Android利用浮动窗口提示用户 *** 作全部内容，希望文章能够帮你解决Android利用浮动窗口提示用户 *** 作所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。