当前位置：移动技术网 > IT编程>移动开发>Android > Android利用悬浮按钮实现翻页效果

Android利用悬浮按钮实现翻页效果

2019年07月24日 | 移动技术网IT编程 | 我要评论

赵慈靓,315曝光汽车,在线翻译google

今天给大家分享下自己用悬浮按钮点击实现翻页效果的例子。

首先，一个按钮要实现悬浮，就要用到系统顶级窗口相关的windowmanager，windowmanager.layoutparams。那么在androidmanifest.xml中添加权限：

<uses-permission android:name="android.permission.system_alert_window" />

然后，我们要对windowmanager，windowmanager.layoutparams的相关属性进行下设置：

private windowmanager wm=null;
private windowmanager.layoutparams wmparams=null;
private void initfloatview(){
  //获取windowmanager
  wm=(windowmanager)getapplicationcontext().getsystemservice("window");
  //设置layoutparams(全局变量）相关参数
   wmparams = new windowmanager.layoutparams();
  wmparams.type=layoutparams.type_phone;  //设置window type
  wmparams.format=pixelformat.rgba_8888;  //设置图片格式，效果为背景透明
   //设置window flag
  wmparams.flags=layoutparams.flag_not_touch_modal 
           | layoutparams.flag_not_focusable;
  //以屏幕左上角为原点，设置x、y初始值
   wmparams.x=0;
  wmparams.y=0;
  //设置悬浮窗口长宽数据
   wmparams.width=50;
  wmparams.height=50;
}

通过windowmanager的addview方法创建的view可以实现悬浮窗口效果！因此，我们需要为屏幕创建2个悬浮按钮了。

 /**
  * 创建左边悬浮按钮
  */
  private void createleftfloatview(){
    leftbtn=new imageview(this);
    leftbtn.setimageresource(r.drawable.prev);
    leftbtn.setalpha(0);
    leftbtn.setonclicklistener(new view.onclicklistener() { 
    public void onclick(view arg0) {
      //上一篇
    }
  });
    //调整悬浮窗口
    wmparams.gravity=gravity.left|gravity.center_vertical;
    //显示myfloatview图像
    wm.addview(leftbtn, wmparams);
  }
  /**
  * 创建右边悬浮按钮
  */
  private void createrightfloatview(){
    rightbtn=new imageview(this);
    rightbtn.setimageresource(r.drawable.next);
    rightbtn.setalpha(0);
    rightbtn.setonclicklistener(new view.onclicklistener() {  
    public void onclick(view arg0) {
      //下一篇
    }
  });
    //调整悬浮窗口
    wmparams.gravity=gravity.right|gravity.center_vertical;
    //显示myfloatview图像
    wm.addview(rightbtn, wmparams);
  }

我把图片的alpha值设置为0，是因为不想让悬浮按钮一开始就展现出来;我想通过对屏幕的触摸来实现悬浮按钮的渐变显示和渐变隐藏。那么我们还要对图片的渐变效果进行下处理：

 // imageview的alpha值  
  private int malpha = 0;
  private boolean ishide;
  /**
   * 图片渐变显示处理
   */
  private handler mhandler = new handler()
  {
  public void handlemessage(message msg) {
    if(msg.what==1 && malpha<255){  
    //system.out.println("---"+malpha);         
    malpha += 50;
    if(malpha>255)
      malpha=255;
       leftbtn.setalpha(malpha);
       leftbtn.invalidate();
       rightbtn.setalpha(malpha);
       rightbtn.invalidate();
    if(!ishide && malpha<255)
      mhandler.sendemptymessagedelayed(1, 100);
    }else if(msg.what==0 && malpha>0){
    //system.out.println("---"+malpha);
    malpha -= 10;
    if(malpha<0)
      malpha=0;
    leftbtn.setalpha(malpha);
    leftbtn.invalidate();
    rightbtn.setalpha(malpha);
    rightbtn.invalidate();
    if(ishide && malpha>0)
      mhandler.sendemptymessagedelayed(0, 100);
    }      
  }
  };

我们再用2个方法分别来控制悬浮按钮的显示、隐藏：

private void showfloatview(){
  ishide = false;
  mhandler.sendemptymessage(1);
}
private void hidefloatview(){
new thread(){
  public void run() {
  try {
        thread.sleep(1500);
        ishide = true;
        mhandler.sendemptymessage(0);
     } catch (exception e) {
        ;
     }
  }
}.start();
}

这里为了不让悬浮按钮显示后，马上就开始隐藏。我使用了一个线程，先暂停1.5秒钟，再开始渐变隐藏。
接下来，我要重写activity的ontouchevent触屏事件，代码如下：

 @override
  public boolean ontouchevent(motionevent event) {
    switch (event.getaction()) {
      case motionevent.action_move:
    case motionevent.action_down:
    //system.out.println("========action_down");
    showfloatview();      
    break;
    case motionevent.action_up:
    //system.out.println("========action_up");
    hidefloatview();        
    break;
  }
  return true;
  }

最后，要在activity销毁时销毁悬浮按钮，不然悬浮按钮会一直悬浮在那。因此，我们要再重写activity的ondestroy()方法，并调用windowmanager的removeview()方法来移除悬浮按钮。

 @override
  public void ondestroy(){
    super.ondestroy();
    //在程序退出(activity销毁）时销毁悬浮窗口
    wm.removeview(leftbtn);
    wm.removeview(rightbtn);
  }

下面是程序的完整代码：

package com.liux.pageflipper;
import android.app.activity;
import android.graphics.pixelformat;
import android.os.bundle;
import android.os.handler;
import android.os.message;
import android.view.gravity;
import android.view.motionevent;
import android.view.view;
import android.view.windowmanager;
import android.view.windowmanager.layoutparams;
import android.widget.imageview;
import android.widget.viewflipper;
/**
 * 悬浮按钮实现翻篇效果
 * <a href="http://my.oschina.net/arthor" target="_blank" rel="nofollow">@author</a> liux http://my.oschina.net/liux
 * @date 2012-2-10 下午2:48:52
 */
public class pageflipperactivity extends activity{
  private windowmanager wm=null;
  private windowmanager.layoutparams wmparams=null;
  private imageview leftbtn=null;
  private imageview rightbtn=null;
  // imageview的alpha值  
  private int malpha = 0;
  private boolean ishide;
  private viewflipper viewflipper = null;
  @override
  public void oncreate(bundle savedinstancestate) {
    super.oncreate(savedinstancestate);
    setcontentview(r.layout.main);
    viewflipper = (viewflipper) this.findviewbyid(r.id.myviewflipper);
    //初始化悬浮按钮
     initfloatview();
  }
  /**
   * 初始化悬浮按钮
   */
  private void initfloatview(){
    //获取windowmanager
    wm=(windowmanager)getapplicationcontext().getsystemservice("window");
    //设置layoutparams(全局变量）相关参数
    wmparams = new windowmanager.layoutparams();
    wmparams.type=layoutparams.type_phone;  //设置window type
    wmparams.format=pixelformat.rgba_8888;  //设置图片格式，效果为背景透明
     //设置window flag
    wmparams.flags=layoutparams.flag_not_touch_modal 
                | layoutparams.flag_not_focusable;
    //以屏幕左上角为原点，设置x、y初始值
     wmparams.x=0;
    wmparams.y=0;
    //设置悬浮窗口长宽数据
     wmparams.width=50;
    wmparams.height=50;
    //创建悬浮按钮
     createleftfloatview();
    createrightfloatview();
  }
  /**
   * 创建左边悬浮按钮
   */
  private void createleftfloatview(){
    leftbtn=new imageview(this);
    leftbtn.setimageresource(r.drawable.prev);
    leftbtn.setalpha(0);
    leftbtn.setonclicklistener(new view.onclicklistener() { 
        public void onclick(view arg0) {
    //上一篇
    viewflipper.setinanimation(pageflipperactivity.this, r.anim.in_leftright);
    viewflipper.setoutanimation(pageflipperactivity.this, r.anim.out_leftright);
    viewflipper.showprevious();
    }
  });
    //调整悬浮窗口
     wmparams.gravity=gravity.left|gravity.center_vertical;
     //显示myfloatview图像
     wm.addview(leftbtn, wmparams);
  }
  /**
   * 创建右边悬浮按钮
   */
  private void createrightfloatview(){
    rightbtn=new imageview(this);
    rightbtn.setimageresource(r.drawable.next);
    rightbtn.setalpha(0);
     rightbtn.setonclicklistener(new view.onclicklistener() {  
    public void onclick(view arg0) {
    //下一篇
    viewflipper.setinanimation(pageflipperactivity.this, r.anim.in_rightleft);
    viewflipper.setoutanimation(pageflipperactivity.this, r.anim.out_rightleft);
    viewflipper.shownext();
    }
  });
    //调整悬浮窗口
     wmparams.gravity=gravity.right|gravity.center_vertical;
     //显示myfloatview图像
     wm.addview(rightbtn, wmparams);
  }
  /**
   * 图片渐变显示处理
   */
  private handler mhandler = new handler()
  {
  public void handlemessage(message msg) {
        if(msg.what==1 && malpha<255){  
    //system.out.println("---"+malpha);         
    malpha += 50;
    if(malpha>255)
        malpha=255;
    leftbtn.setalpha(malpha);
    leftbtn.invalidate();
    rightbtn.setalpha(malpha);
    rightbtn.invalidate();
    if(!ishide && malpha<255)
      mhandler.sendemptymessagedelayed(1, 100);
    }else if(msg.what==0 && malpha>0){
    //system.out.println("---"+malpha);
    malpha -= 10;
    if(malpha<0)
      malpha=0;
    leftbtn.setalpha(malpha);
    leftbtn.invalidate();
    rightbtn.setalpha(malpha);
    rightbtn.invalidate();
    if(ishide && malpha>0)
      mhandler.sendemptymessagedelayed(0, 100);
    }      
  }
  };
  private void showfloatview(){
    ishide = false;
    mhandler.sendemptymessage(1);
  }
  private void hidefloatview(){
  new thread(){
        public void run() {
      try {
         thread.sleep(1500);
         ishide = true;
         mhandler.sendemptymessage(0);
      } catch (exception e) {
         ;
      }
    }
  }.start();
  }
  @override
  public boolean ontouchevent(motionevent event) {
    switch (event.getaction()) {
      case motionevent.action_move:
    case motionevent.action_down:
    //system.out.println("========action_down");
    showfloatview();      
    break;
    case motionevent.action_up:
    //system.out.println("========action_up");
    hidefloatview();        
    break;
  }
  return true;
  }
  @override
  public void ondestroy(){
    super.ondestroy();
    //在程序退出(activity销毁）时销毁悬浮窗口
    wm.removeview(leftbtn);
    wm.removeview(rightbtn);
  }
}

以上内容是小编给大家分享的android利用悬浮按钮实现翻页效果，希望大家喜欢。

您可能感兴趣的文章:

如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！点击进行留言回复

android的布局（如何实现空心圆效果的布局）

layer-list : 简单来说layer-list就是图层列表的意思,是用来创建LayerDrawable的,LayerDrawable是Drawa... [阅读全文]
Android 极光推送别名与标签方式

android 极光推送别名、标签、registrationid说明别名（alias）为安装了应用程序的用户，取个别名来标识。以后给该用户 push 消息时，... [阅读全文]
Dialog全屏,去掉状态栏的方式

dialog即使设置全屏了，但还是有状态栏占用高度这；直接将下面这行代码放到你的dialog中即可 @override protected void onsta... [阅读全文]
Android Manifest中meta-data扩展元素数据的配置与获取方式

在androidmanifest.xml清单文件中我们有时会看到如下类似的<meta-data ... >元素开始的配置内容：<meta-d... [阅读全文]
Android实现获取meta-data和build.gradle的值

有时候会用到meta-data中的参数，比如定义的渠道号，类似友盟统计。也会用到定义在build.gradle文件中android标签下的defaultconf... [阅读全文]
Android获取清单文件中的meta-data,解决碰到数值为null的问题

1.meta-data是什么？如何获取meta-data？在androidmanifest.xml中，元素可以作为子元素，被包在activity、applica... [阅读全文]
解决webview 第二次调用loadUrl页面不刷新的问题

一个需求，当点击button按钮时，希望加载另一个url。以下方法可以成功！@overridepublic void onclick(view view) { ... [阅读全文]
浅谈 Android 7.0 多窗口分屏模式的实现

从 android 7.0 开始，google 推出了一个名为“多窗口模式”的新功能，也就是我们常说的“分屏模式”。那么，这个功能有什么用呢？作为开发者，我们又... [阅读全文]
解决Android WebView拦截url,视频播放加载失败的问题

需求：android调用webview加载网页的时候，拦截某一个链接不执行此链接，执行指定跳转到其他activity页面。webview的setwebviewc... [阅读全文]
Android webview加载https链接错误或无响应的解决

最近做无线wifi的时候，在最后认证成功的时候会弹出一个广告页，于是用webview去加载了一下，结果没反应，打印url出来看了一下，发现是https格式的，在... [阅读全文]

网友评论


验证码：

Android利用悬浮按钮实现翻页效果

2019年07月24日 | 移动技术网IT编程 | 我要评论

您可能感兴趣的文章:

相关文章:

网友评论