Android Moveview滑屏移动视图类完整实例

本文示例所述程序为一个Android Moveview移动视图类。其主要实现主屏左右滑屏拖动功能,并适时显示拖动时候屏幕的显示情况,该代码中还包括完整的逻辑。其完整代码如下:

import android.study.shift.ItemView;
import android.study.shift.MainView;
import android.study.shift.Moveview;
import android.content.Context;
import android.os.Handler;
import android.os.Message;
import android.util.AttributeSet;
import android.util.Log;
import android.view.MotionEvent;
import android.view.View;
import android.view.ViewGroup;
import android.view.View.MeasureSpec;
public class Moveview extends ViewGroup{
 private final static int TOUCH_STATE_REST = 0;
 private final static int TOUCH_STATE_MOVING = 1;
 private final static int MOVE_TO_LEFT = 1;
 //private final static int MOVE_TO_RIGHT = 2;
 private final static int MOVE_TO_REST = 0;
 public final static int MAIN = 0;
 public final static int LEFT = 1;
 public final static int RIGHT = 2;
 private int touch_state = TOUCH_STATE_REST;
 private int move_state = MOVE_TO_REST;
 private int now_state = MAIN;
 private final float WIDTH_RATE = 0.18f;
 private MainView main_show_view;
 private ItemView left_show_view;
 private int min_distance = 30;//此处只是初始化为30 ,其实不起作用
 private int screen_w;
 private int screen_h;
 private int move_x_v;
 private boolean isAimationMoving = false;
 private Handler mHandler = new Handler() {
 public void handleMessage(Message msg) {//处理消息
  synchronized (Moveview.this) {//同步
  isAimationMoving = true;
  int move_change = (int) (screen_w * WIDTH_RATE / 5);
  int left = main_show_view.getView().getLeft();
  if (msg.what == 1) {//主屏在向右拖曳。。。
   move(move_change + left);//参数为拖出来后主屏的坐标。
  }
  if (msg.what == 11) {
   isAimationMoving = false;
   moveToLeft(false); //满足可以显示的要求开始显示,false只是一个判定条件,以区别按钮起的效果
  }
  if (msg.what == 2) {//代表主屏向左在拖曳。。。
   move(-1 * move_change + left);
  }
  if (msg.what == 12) {
   isAimationMoving = false;
   //moveToRight(false);
  }
  if (msg.what == 0) {
   if (now_state == LEFT) {//如果现在已经显示左边
   move(-1 * move_x_v);//那么还原成主屏
   } else {
   move(move_x_v);
   }
  }
  if (msg.what == 10) {
   isAimationMoving = false;
   moveToMain(false);
  }
  }
 }
 };
 public Moveview(Context context) {
 super(context);
 }
 public Moveview(Context context, AttributeSet attrs) {
 super(context, attrs);
 }
 public Moveview(Context context, AttributeSet attrs, int defStyle) {
 super(context, attrs, defStyle);
 }
 public void initView() {
 if (main_show_view == null) {
  main_show_view = new MainView(this.getContext(), this);
  left_show_view = new ItemView(this.getContext());
  //right_show_view = new ItemView(this.getContext(), "aaa");
 }
 this.addView(left_show_view.getView());
 //this.addView(right_show_view.getView());
 this.addView(main_show_view.getView());
 }
 public void initContent() {
 }
 public void move(int start) {//本函数显示拖动的时候屏幕的显示情况。
 int left = main_show_view.getView().getLeft();//left代表主屏左边缘的位置坐标。
 if (now_state == MAIN) {
  if (left > 0) {//如果屏幕的左边被移向右,则left变成正数
  if (move_state != MOVE_TO_LEFT) {
   move_state = MOVE_TO_LEFT;
  }
  left_show_view.getView().setVisibility(View.VISIBLE);//设置左边可见
  //right_show_view.getView().setVisibility(View.GONE);
  } //else if (left < 0) {//如果屏幕的左边被移向左,则left变成负数
  //if (move_state != MOVE_TO_RIGHT) {
  // move_state = MOVE_TO_RIGHT;
  //}
  //right_show_view.getView().setVisibility(View.VISIBLE);
  //left_show_view.getView().setVisibility(View.GONE);
  //}
   else {
  move_state = MOVE_TO_REST;
  }
  main_show_view.getView().layout(start, 0, start + screen_w,
   screen_h);//参数依次为左、上、右、下。
 } else {
  left = (int) (screen_w * WIDTH_RATE);//left为左边应该留出的控件空间,或者主屏左边应该在的位置
  if (now_state == RIGHT) {
  left = -1 * left;//若状态是在右边空出来,则主屏的左边为负数
  }
  left = left + start;
  main_show_view.getView().layout(left, 0, left + screen_w, screen_h);
 }
 }
 @Override
 protected void onLayout(boolean arg0, int arg1, int arg2, int arg3, int arg4) {
 if (move_state == MOVE_TO_REST) {
  if (now_state == MAIN) {
  int w = (int) (screen_w * WIDTH_RATE);//留下预定的宽度,显示各个view的参数设置。
  main_show_view.getView().layout(0, 0, screen_w, screen_h);
  left_show_view.getView().layout(0, 0, w, screen_h);
  } else if (now_state == LEFT) {
  moveToLeft(false);
  } else {
  }
 }
 }
 protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
 main_show_view.getView().measure(widthMeasureSpec, heightMeasureSpec);
 left_show_view.getView().measure(MeasureSpec.UNSPECIFIED,//unspecified为未指定的
  heightMeasureSpec);
 left_show_view.setWidth((int) (screen_w * WIDTH_RATE));//设置view宽度
 super.onMeasure(widthMeasureSpec, heightMeasureSpec);//调用父类的构造函数
 }
 private int start_x;
 private int start_y;
 private boolean isMoved;
 public boolean dispatchTouchEvent(MotionEvent ev) {//分发触摸消息事件
 if (isAimationMoving) {
  return super.dispatchTouchEvent(ev);
 } else {
  int action = ev.getAction();
  float x = ev.getX();
  float y = ev.getY();
  switch (action) {
  case MotionEvent.ACTION_DOWN:
  super.dispatchTouchEvent(ev);
  start_y = (int) y;
  move_x_v = 0;
  if (this.touch_state == TOUCH_STATE_REST) {
   this.touch_state = TOUCH_STATE_MOVING;
   start_x = (int) x;
   isMoved = false;
   move_state = MOVE_TO_REST;
  }
  break;
  case MotionEvent.ACTION_MOVE:
  int last_y = (int) y;
  int last_x = (int) x;
  super.dispatchTouchEvent(ev);
  if (!isMoved) {
   if (Math.abs(last_y - start_y) > Math.abs(last_x - start_x)) {//如果Y上面移动的距离大于X上面移动的距离。
   super.onTouchEvent(ev);
   return true;
   } else {//X移动距离大于Y
   if (Math.abs(last_x - start_x) > 5) {//X移动距离大于5就被认为移动了
    isMoved = true;
   }
   }
  }
  if (isMoved) {
   if (this.touch_state == TOUCH_STATE_MOVING) {
   if (Math.abs(last_x - start_x) > 10) {//如果移动的X距离大于10
    int left = main_show_view.getView().getLeft();
    Log.d("msg", "left:" + left);
    Log.d("msg", "x:" + last_x);
    isMoved = true;
    int move_x = last_x - start_x;
    if (move_x > 0 && now_state == LEFT) {//方向正确的移动才算是移动的状态
    isMoved = false;
    break;
    }
    if (move_x < 0 && now_state == RIGHT) {//如果现在在显示右边,那么再向右移就不反应。
    isMoved = false;
    break;
    }
    if (move_x < 0 && now_state ==MAIN){//如果现在在主屏,向右移动也是无效的
    isMoved = false;
    break;
    }
    if (move_x > 234 && now_state ==MAIN){
    isMoved = true;//设置为true那么移动还是发生了,break之后还是会在ACTIONUP中起作用
    break;//break之后不会执行下面的move()语句,
    }
    if (move_x < -234 && now_state ==LEFT){
    isMoved = true;
    break;
    }
    move(move_x);//以移动的距离为参数调用move()实现移动的动态显示
   }
   }
   return false;
  }
  break;
  case MotionEvent.ACTION_UP://
  if (this.touch_state == TOUCH_STATE_MOVING) {
   if (isMoved) {
   last_x = (int) x;
   if (Math.abs(last_x - start_x) > min_distance) {//
    if (now_state == MAIN) {
    if (move_state == MOVE_TO_LEFT) {
     this.moveToLeft(false);
    }
    } else {
    this.moveToMain(false);
    }
   } else {  //
    if (now_state == MAIN) {
    this.moveToMain(false);
    }
    if (now_state == LEFT) {
    this.moveToLeft(false);
    }
    if (now_state == RIGHT) {
    //this.moveToRight(false);
    }
   }
   move_state = MOVE_TO_REST;
   }  else {
   super.dispatchTouchEvent(ev);
   this.touch_state = TOUCH_STATE_REST;
   return false;//
   }
  }
  super.onTouchEvent(ev);
  this.touch_state = TOUCH_STATE_REST;
  break;
  }
  return true;
 }
 }
 public boolean getIsMoved() {
 return isMoved;
 }
 public void moveToLeft(boolean b) {
 if (!b) {
  int move_x = (int) (screen_w * WIDTH_RATE);
  left_show_view.getView().layout(0, 0, screen_w, screen_h);
  //right_show_view.getView().layout(move_x, 0, move_x * 2, screen_h);
  main_show_view.getView().layout(move_x, 0, move_x + screen_w,
   screen_h);
  now_state = LEFT;//为什么现在又把now_state赋值为left?
 }
//  else {//else以及括号中的语句都是为原来的按钮准备的。。。
//  mHandler.postDelayed(new Runnable() {//一个新的可运行的函数
//
//  @Override
//  public void run() {
//   int move_change = (int) (screen_w * WIDTH_RATE / 5);//五分之一要显示的宽度
//   int left = (int) (screen_w * WIDTH_RATE - main_show_view
//    .getView().getLeft());//getleft()返回的是主屏左边缘离左边的距离
//   Message msg = new Message();
//   if (left > move_change) {//括号里面不懂,起什么作用?
//   msg.what = 1;
//   mHandler.sendMessage(msg);
//   mHandler.postDelayed(this, 10);//又调用自己,基本上非要是小于关系
//   } else {
//   msg.what = 11;
//   mHandler.sendMessage(msg);
//   mHandler.removeCallbacks(this);
//   }
//  }
//  }, 0);
// }
 }
 public void moveToMain(boolean b) {
 if (!b) {
  //right_show_view.getView().setVisibility(View.VISIBLE);
  left_show_view.getView().setVisibility(View.VISIBLE);
  int w = (int) (screen_w * WIDTH_RATE);
  main_show_view.getView().layout(0, 0, screen_w, screen_h);
  left_show_view.getView().layout(0, 0, w, screen_h);
  now_state = MAIN;
 }
 }
 public void initScreenSize(int w, int h) {
 this.screen_w = w;
 this.screen_h = h;
 Log.d("screen", "screen_w:" + w);
 this.setKeepScreenOn(true);
 min_distance = (int) (screen_w / 12.0);//min_distance在这里又被初始化为屏幕的一个比例大小
 initView();
 initContent();
 moveToMain(false);
 }
 public int getNowState() {
 return this.now_state;
 }
}
(0)

相关推荐

  • Android App中ViewPager与Fragment结合的一些问题解决

    在了解ViewPager的工作原理之前,先回顾ListView的工作原理: ListView只有在需要显示某些列表项时,它才会去申请可用的视图对象:如果为所有的列表项数据创建视图对象,会浪费内存: ListView找谁去申请视图对象呢? 答案是adapter.adapter是一个控制器对象,负责从模型层获取数据,创建并填充必要的视图对象,将准备好的视图对象返回给ListView: 首先,通过调用adapter的getCount()方法,ListView询问数组列表中包含多少个对象(为避免出现数组

  • Android ViewPager无限循环实现底部小圆点动态滑动

    页面拖动到最后一页 再向下滑动回复到 第一页,第一页向前滑动回到 最后一页 同时,底部红色小圆点随着页面的滑动距离比例随时改变位置 布局: <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas

  • Android利用ViewPager实现滑动广告板实例源码

    •android-support-v4.jar,这是谷歌官方给我们提供的一个兼容低版本Android设备的软件包,里面包囊了只有在Android3.0以上可以使用的api.而ViewPager就是其中之一,利用它我们可以做很多事情,从最简单的导航,到页面切换菜单等等. •ViewPager的功能就是可以使视图滑动,就像Lanucher左右滑动那样. •本Demo向大家演示ViewPager的使用,并在用户未滑动View时,每隔5s钟自动切换到下一个View(循环切换),而当用户有Touch到Vi

  • Android使用ViewFlipper和GestrueDetector共同实现滑屏效果实例

    本文实例讲述了Android使用ViewFlipper和GestrueDetector共同实现滑屏效果.分享给大家供大家参考,具体如下: 关于GestureDetector的相关知识,前面已经介绍过了,不懂的大家可以去了解一下. 1.main.xml <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/

  • Android组件banner实现左右滑屏效果

    什么是banner组件?在许多Android应用上,比如爱奇艺客户端.百度美拍.应用宝等上面,都有一个可以手动滑动的小广告条,这就是banner,实际应用中的banner,其信息(图片和点击行为)是后台可配置的,是需要通过网络从后台拉取的.网上有许多手动滑屏的例子,但是一般只是个demo,无法在实际中使用,因为其一般没有考虑如下几类问题:图片缓存.OOM问题.是否可灵活配置.是否预留外部接口以及是否封装良好.没有良好的封装,手动滑屏加在代码中,会使得代码变得很烂很脆弱. 1.原理 参见下图.整个

  • Android基础之使用Fragment控制切换多个页面

    今天讲解一下Fragment的控制,主要是切换View和页面替换等操作.还有就是如何获取Fragment的管理对象,以及与Activity的通信方式.1.管理Fragment要在activity中管理fragment,需要使用FragmentManager. 通过调用activity的getFragmentManager()取得它的实例. •可以通过FragmentManager做一些事情, 包括: 使用findFragmentById()(用于在activity layout中提供一个UI的f

  • Android App中ViewPager所带来的滑动冲突问题解决方法

    叙述 滑动冲突可以说是日常开发中比较常见的一类问题,也是比较让人头疼的一类问题,尤其是在使用第三方框架的时候,两个原本完美的控件,组合在一起之后,忽然发现整个世界都不好了. 关于滑动冲突 滑动冲突分类: 滑动冲突,总的来说就是两类. 1.同方向滑动冲突 比如ScrollView嵌套ListView,或者是ScrollView嵌套自己 2.不同方向滑动冲突 比如ScrollView嵌套ViewPager,或者是ViewPager嵌套ScrollView,这种情况其实很典型.现在大部分应用最外层都是

  • Android 开发之BottomBar+ViewPager+Fragment实现炫酷的底部导航效果

    BottomBar BottomBar是Github上的一个开源框架,因为从1.3.3开始不支持fragments了,要自己配置,弄了很久,不管是app的fragment还是V4 的程序总是总是闪退.于是就用这种方式实现了,效果还不错.github有详细说明,多余的就不说了. 这个roughike是这个项目的所有者(大神致敬). 我用的是Android studio开发,fragment全部导的V4的包(以为最开始就支持的是v4的,后面也支持了app.fragment). 首先是dependen

  • Android App中使用ViewPager+Fragment实现滑动切换效果

    在android应用中,多屏滑动是一种很常见的风格,没有采用viewpager的代码实现会很长,如果采用ViewPager,代码就会短很多,但是使用ViewPager也有弊端:需要导入android-support-v4.jar.细节无法控制.不过现在情况已经不一样了,android-support-v4中提供了很多实用的功能,以至于现在新建一个android工程默认都会导入这个jar包.那我们就也采用viewpager来做滑动吧.另外一个概念就是Fragment和FragmentActivit

  • Android基础之Fragment与Activity交互详解

    今天继续讲解Fragment组件的特性,主要是跟Activity的交互和生命周期的关系,我们前面已经说过Fragment是依赖于Activity的,而且生命周期也跟Activity绑定一起.下面我们看看Fragment跟Activity的关系. 1.为Activity创建事件回调方法在一些情况下, 你可能需要一个fragment与activity分享事件. 一个好的方法是在fragment中定义一个回调的interface, 并要求宿主activity实现它.当activity通过interfa

  • Android基于ViewPager+Fragment实现左右滑屏效果的方法

    本文实例讲述了Android基于ViewPager+Fragment实现左右滑屏效果的方法.分享给大家供大家参考,具体如下: 1.xml布局模板 <android.support.v4.view.ViewPager android:id="@+id/local_software_viewpager" android:layout_width="match_parent" android:layout_height="match_parent"

  • Android 使用viewpager实现无限循环(定时+手动)

    循环轮播的方法有两种,一种是使用定时器另外一种是使用手指拨动,相比较而言,定时器实现循环播放比较容易,只要在定时器的消息里加上简单几段代码即可,下面分别就这两种方法给大家详解,具体详情请看下文吧. int count = adapter.getCount(); if (count > 1) { // 多于1个,才循环 int index = viewPager.getCurrentItem(); index = (index + 1) % count; viewPager.setCurrentI

  • Android ViewPager相册横向移动的实现方法

    当我们第一次下载QQ并且打开的时候,会有一个新手引导,引导是几张图片,再加上一些文字说明,向右滑动,直到结束,今天一大早起来研究了一下关于此种效果的实现之ViewPager控件. 下面这个例子将用ViewPager实现横向移动相册,ViewPager有一个对应的PagerAdapter,用于绑定数据:我们需要继承此类并实现自己的功能. 1.首先定义一个显示项所需要使用的数据对象ImageItem 复制代码 代码如下: public class ImageItem { private int id

随机推荐