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

2024-09-28 13:57:23

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

首先，一个按钮要实现悬浮，就要用到系统顶级窗口相关的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使用手势实现翻页效果

本程序的手势检测思路就是把Activity的TouchEvent交给GestureDetector处理,本程序使用了一个ViewFlipper组件,ViewFlipper可使用动画控制多个组件之间的切换效果. 本实例程序通过GestureDetector来检测用户的手势动作,并根据手势动作来控制ViewFlipper包含的View组件的切换,从而实现翻页效果. activity_main.xml布局界面代码: <?xml version="1.0" encoding="
Android通过手势实现答题器翻页效果

本文实例为大家分享了Android答题器翻页功能,主要使用ViewFilpper和GestureDetector来实现,供大家参考,具体内容如下 1.效果图 2.实现思路把Activity的TouchEvent事件交个GestureDetector来处理,然后使用ViewFilpper使用动画控制多个组件的之间的切换效果.手势的一个Api就不详细说了,大家如果不了解可以查一下. 3.实现的步骤 1).构建手势检测器 2).准备数据 3).为ViewFilpper添加子控件. 4).初始化Ani
Android程序开发ListView+Json+异步网络图片加载+滚动翻页的例子（图片能缓存，图片不错乱）

例子中用于解析Json的Gson请自己Google下载主Activity: package COM.Example.Main; import java.util.HashMap; import java.util.Iterator; import java.util.LinkedList; import java.util.List; import java.util.Map; import COM.Example.Main.R; import COM.Example.Main.stringG
android ViewPager实现滑动翻页效果实例代码

实现ViewPager的滑动翻页效果可以使用ViewPager的setPageTransformer方法,如下: import android.content.Context; import android.support.v4.view.ViewPager; import android.util.AttributeSet; import android.view.View; public class ReadViewPager extends ViewPager { public ReadV
android自定义控件创建翻页接口详细代码

本文分享的这个类的目的是为在看书翻页时,需要进行的动作提供接口,利用android自定义控件创建翻页接口,具体内容如下 BookPage.java package com.horse.util; import java.text.DecimalFormat; import java.util.Vector; import com.horse.bean.Chapter; import android.graphics.Bitmap; import android.graphics.Canvas;
Android基于ListView实现类似QQ空间的滚动翻页与滚动加载效果

本文实例讲述了Android基于ListView实现类似QQ空间的滚动翻页与滚动加载效果.分享给大家供大家参考,具体如下: 1. 滚动加载 listView.setOnScrollListener(new OnScrollListener() { //添加滚动条滚到最底部,加载余下的元素 @Override public void onScrollStateChanged(AbsListView view, int scrollState) { if (scrollState == OnScro
Android实现阅读APP平移翻页效果

自己做的一个APP需要用到翻页阅读,网上看过立体翻页效果,不过bug太多了还不兼容.看了一下多看阅读翻页是采用平移翻页的,于是就仿写了一个平移翻页的控件.效果如下: 在翻页时页面右边缘绘制了阴影,效果还不错.要实现这种平移翻页控件并不难,只需要定义一个布局管理页面就可以了.具体实现上有以下难点: 1.循环翻页,页面的重复利用. 2.在翻页时过滤掉多点触碰. 3.采用setAdapter的方式设置页面布局和数据. 下面就来一一解决这几个难点.首先看循环翻页问题,怎么样能采用较少的页面实现这种翻页呢
android中图片翻页效果简单的实现方法

复制代码代码如下: public class PageWidget extends View { private Bitmap foreImage; private Bitmap bgImage; private PointF touchPt; private int screenWidth; private int screenHeight; private GradientDrawable shadowDrawableRL; private Gra
基于Android实现3D翻页效果

最近做了一个简单的3D效果翻页特效,先说说我的思路吧,首先我这个翻页效果并不是两个Activity之间的跳转,而是在同一个activity类切换不同的view而已.我现在的做法是单击一个button然后Gone当前的布局,然后把需要呈现的布局visible,在隐藏当前布局的时候启动动画,然后给动画添加监听,在动画结束时开始另外一个view的入场动画就行了. 下面来看下我的主页面的布局文件: <FrameLayout xmlns:android="http://schemas.android
解析Android中实现滑动翻页之ViewFlipper的使用详解

1)View切换的控件-ViewFlipper介绍 ViewFilpper类继承于ViewAnimator类.而ViewAnimator类继承于FrameLayout. 查看ViewAnimator类的源码可以看出此类的作用主要是为其中的View切换提供动画效果.该类有如下几个和动画相关的方法. setInAnimation:设置View进入屏幕时候使用的动画.该方法有两个重载方法,即可以直接传入Animation对象,也可以传入定义的Animation文件的resourceID. setOut

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

相关推荐

随机推荐