Android中三种超实用的滑屏方式汇总

 
    • 现如今主流的Android应用中,都少不了左右滑动滚屏这项功能,(貌似现在好多人使用智能机都习惯性的有事没事的左右滑屏,也不知道在干什么。。。嘿嘿),由于前段时间项目的需要,所以也对其研究了一下,总的来说滑屏实现有三种方式:(至于其他的实现方式目前后还没碰到。。。)

      1.ViewPager 2.ViewFlipper 3.ViewFlow

      一.ViewPager

      官方文档介绍:http://developer.android.com/reference/android/support/v4/view/ViewPager.html

      Android中三种超实用的滑屏方式汇总(转载)-LMLPHP

      根据继承关系我们可以看出,ViewPager不在android sdk 自带jar包中,来源google 的补充组件android-support-v4.jar中,所以我们在3.0以前的版本中使用就需要导入该jar包了。

      1.1 介绍:该类是一个布局管理器,它允许用户通过滑动左、右页的数据。你必须要一个实现了PagerAdapter接口从而生成的页面视图。

      1.2 使用:

      activity_main.xml

       

      MainActivity类:

      package comzhf.android_viewpager;
      import java.util.ArrayList;
      import java.util.List;
      import android.os.Bundle;
      import android.app.Activity;
      import android.support.v4.view.ViewPager;
      import android.view.LayoutInflater;
      import android.view.View;
      import android.view.View.OnClickListener;
      import android.widget.Button;
      import android.widget.TextView;
      import android.widget.Toast;
      /**
      * 主界面:ViewPagerViewPager不在android sdk 自带jar包中,来源google 的补充组件android-support-v4.jar
      */
      public class ViewPagerActivity extends Activity {
      private ViewPager mViewPager;
      List<View> viewList;
      @Override
      protected void onCreate(Bundle savedInstanceState) {
      super.onCreate(savedInstanceState);
      setContentView(R.layout.activity_main);
      LayoutInflater mInflater = getLayoutInflater().from(this);
      View v1 = mInflater.inflate(R.layout.layout1, null);
      View v2 = mInflater.inflate(R.layout.layout2, null);
      View v3 = mInflater.inflate(R.layout.layout3, null);
      //添加页面数据
      viewList = new ArrayList<View>();
      viewList.add(v1);
      viewList.add(v2);
      viewList.add(v3);
      //实例化适配器
      mViewPager = (ViewPager) findViewById(R.id.viewpager);
      mViewPager.setAdapter(new MyPagerAdapter(viewList));
      mViewPager.setCurrentItem(0); //设置默认当前页
      View view = viewList.get(0);
      TextView textView = (TextView) view.findViewById(R.id.text_1);
      textView.setText("我是第一页");
      Button button = (Button) view.findViewById(R.id.button_1);
      button.setOnClickListener(new OnClickListener() {
      public void onClick(View v) {
      // TODO Auto-generated method stub
      Toast.makeText(getApplicationContext(), "你点击了按钮", Toast.LENGTH_SHORT).show();
      }
      });
      }
      }
       

      这里还有三个布局文件:layout1.xml (其余两个类似,略)

       

      效果图:

      Android中三种超实用的滑屏方式汇总(转载)-LMLPHPAndroid中三种超实用的滑屏方式汇总(转载)-LMLPHPAndroid中三种超实用的滑屏方式汇总(转载)-LMLPHP

      补充说明:

      1.这里我们用了Layout作为每个page的填充数据,其实官方文档说ViewPager+Fragment配合使用更好

      2.每个页面的响应事件我们可以在OnPageChangeListener监听器类中进行捕获和处理对应事件。

      二.ViewFlipper

      官方文档:http://developer.android.com/reference/android/widget/ViewFlipper.html

      Android中三种超实用的滑屏方式汇总(转载)-LMLPHP

      2.1 介绍:ViewFilpper控件是系统自带控件之一,主要用于在同一个屏幕间的切换及设置动画效果、间隔时间,且可以自动播放。

      顺便提及一下,View动画关系图:

      Android中三种超实用的滑屏方式汇总(转载)-LMLPHP

      2.2 使用:

      2.2.1 静态加载:

      activity_main.xml:

       

      MainActivity类:

       

      动画配置文件(右进右出同理,略):

      push_left_in.xml:

      <?xml version="1.0" encoding="utf-8"?>
      <set xmlns:android="http://schemas.android.com/apk/res/android" >
      <translate
      android:duration="500"
      android:fromXDelta="100.0%p"
      android:toXDelta="0.0" />
      <alpha
      android:duration="500"
      android:fromAlpha="0.1"
      android:toAlpha="1.0" />
      </set>

      push_left_out.xml:

       

      效果:

      Android中三种超实用的滑屏方式汇总(转载)-LMLPHPAndroid中三种超实用的滑屏方式汇总(转载)-LMLPHP

      向左滑屏 向右滑屏

      补充:

      上述的page只有4个,而真实项目中的page页面个数是不确定的,所以下面这种方式是项目中经常用到的。

      2.2.2 动态加载(重要)

      参考文章:http://blog.csdn.net/yuzhiboyi/article/details/7702953

      activity_main2.xml

       

      flipper_view.xml:

       

      注:这里并不是所有的View都能有onFling回调函数,外部需要加ScrollView !

      MyGestureListener类:自定义滑动事件监听器

       

      MyViewFlipper类:自定义View滑动类:监听滑动事件,并做切换视图的处理。

       

      MainActivity2类:

       

      效果图:

      Android中三种超实用的滑屏方式汇总(转载)-LMLPHP--向左滑动(渐变过程不好截图)--> Android中三种超实用的滑屏方式汇总(转载)-LMLPHP

      补充说明:

      上述的三个类:

      MyGestureListener:继承了SimpleGestureListener手势监听类, 复写了该类onFling()方法,用于监听用户按下滑动事件的处理;还自定义了滑动的回调接口OnFlingListener(包含了两个抽象方法flingToNext(),flingToPrevious)。

      MyViewFlipper:是一个自定义ViewFlipper,该类首先实现和绑定了上一个类中的滑动的回调接口OnFlingListener,完成了接口中两个重要的方法。同时定义了一个View变化监听回调接口OnViewFlipperListener(包含了两个抽象方法getNextView(),getPreviousView())。

      MainActivity2:加载布局,实现监听,统一处理页面数据View和滑动事件的绑定。

      三.ViewFlow类

      3.1介绍:

      ViewFlow不是google官方的api,它是gethub上的一个开源项目,利用ViewFlow可以产生视图切换的效果。ViewFlow 相当于 Android UI 部件提供水平滚动的 ViewGroup,使用 Adapter 进行条目绑定,例如ViewPager或是ViewFlipper。它提供了三个组件ViewFlow、FlowIndicator和TitleFlowIndicator,一般情况下,当你需要做一个滑动然而不确定view的数目时,可以考虑使用ViewFlow。如果你的view数目确定,使用Fragments 或兼容库里的ViewPager比较好 。

      3.2使用:

      A.首先下载ViewFlow开源库代码:

      官方文档:https://github.com/pakerfeldt/android-viewflow

      Android中三种超实用的滑屏方式汇总(转载)-LMLPHP

      B.下载之后我们解压打开viewflow文件夹:

      Android中三种超实用的滑屏方式汇总(转载)-LMLPHP

      C.建项目将这三个类直接复制过来放项目中使用即可。

      Android中三种超实用的滑屏方式汇总(转载)-LMLPHP

      注:这里可能还需要一个styleable文件,直接将value文件夹下的attrs.xml拷入即可。

      activity_main.xml

       

      注:这里需要强调一下,因为使用第三方的库组件,所以要在使用之前引入:

      xmlns:app="http://schemas.android.com/apk/res/com.zhf.android_viewflow"

      main_item.xml

       

      MainActivity类

       

      这里还有一个图片适配器:ImageAdapter

       

      运行一下吧!效果图:

      Android中三种超实用的滑屏方式汇总(转载)-LMLPHP转屏后 Android中三种超实用的滑屏方式汇总(转载)-LMLPHP

04-30 09:15