Android开发之使用ViewPager实现图片左右滑动切换效果

 更新时间:2016年08月07日 13:31:04   作者:Rabbit丶  
这篇文章主要介绍了Android开发之使用ViewPager实现图片左右滑动切换效果的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下

Android中图片的左右切换随处可见,今天我也试着查阅资料试着做了一下,挺简单的一个小Demo,却也发现了一些问题,话不多说,上代码~:

使用了3个xml文件作为ViewPager的滑动page,布局都是相同的,如下只展示其中之一:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:orientation="vertical"
  >
  <ImageView
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:scaleType="centerCrop"
    android:src="@mipmap/view1"/>
</LinearLayout>

只是用了一个ImageView作为显示图片的容器

主页面布局:

<?xml version="1.0" encoding="UTF-8"?>
<RelativeLayout android:orientation="vertical"
android:layout_height="match_parent"
android:layout_width="match_parent"
xmlns:android="http://schemas.android.com/apk/res/android">
<!-- 切换卡 -->
<android.support.v4.view.ViewPager
  android:layout_height="wrap_content"
  android:layout_width="match_parent"
  android:id="@+id/viewPager"></android.support.v4.view.ViewPager>
<!-- 点点 -->
<LinearLayout
  android:orientation="horizontal"
  android:layout_height="wrap_content"
  android:layout_width="fill_parent"
  android:id="@+id/viewGroup"
  android:layout_alignParentBottom="true"
  android:gravity="center_horizontal"
  android:layout_marginBottom="40dp"></LinearLayout>
</RelativeLayout>

接下来就是主函数的的代码了:

package com.yztc.lx.homework;
import android.app.Activity;
import android.os.Bundle;
import android.support.v4.view.PagerAdapter;
import android.support.v4.view.ViewPager;
import android.view.LayoutInflater;
import android.view.ViewGroup.LayoutParams;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;
import java.util.ArrayList;
import java.util.List;
/**
 * Created by Lx on 2016/8/6.
 */
public class Layout1Activity extends Activity {
  private ViewPager viewPager;
  private PagerAdapter adapter;
  private List<View> viewPages = new ArrayList<>();
  //包裹点点的LinearLayout
  private ViewGroup group;
  private ImageView imageView;
  //定义一个ImageVIew数组,来存放生成的小园点
  private ImageView[] imageViews;
  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.layout1);
    initView();
    initPageAdapter();
    initPointer();
    initEvent();
  }
  //为控件绑定事件,绑定适配器
  private void initEvent() {
    viewPager.setAdapter(adapter);
    viewPager.addOnPageChangeListener(new GuidePageChangeListener());
  }
  //初始化ViewPager
  private void initPageAdapter() {
    /**
     * 对于这几个想要动态载入的page页面,使用LayoutInflater.inflate()来找到其布局文件,并实例化为View对象
     */
    LayoutInflater inflater = LayoutInflater.from(this);
    View page1 = inflater.inflate(R.layout.page1, null);
    View page2 = inflater.inflate(R.layout.page2, null);
    View page3 = inflater.inflate(R.layout.page3, null);
    //添加到集合中
    viewPages.add(page1);
    viewPages.add(page2);
    viewPages.add(page3);
    adapter = new PagerAdapter() {
      //获取当前界面个数
      @Override
      public int getCount() {
        return viewPages.size();
      }
      //判断是否由对象生成页面
      @Override
      public boolean isViewFromObject(View view, Object object) {
        return view == object;
      }
      @Override
      public void destroyItem(ViewGroup container, int position, Object object) {
        container.removeView(viewPages.get(position));
      }
      //返回一个对象,这个对象表明了PagerAdapter适配器选择哪个对象放在当前的ViewPager中
      @Override
      public Object instantiateItem(ViewGroup container, int position) {
        View view = viewPages.get(position);
        container.addView(view);
        return view;
      }
    };
  }
  //绑定控件
  private void initView() {
    viewPager = (ViewPager) findViewById(R.id.viewPager);
    group = (ViewGroup) findViewById(R.id.viewGroup);
  }
  //初始化下面的小圆点的方法
  private void initPointer() {
    //有多少个界面就new多长的数组
    imageViews = new ImageView[viewPages.size()];
    for (int i = 0; i < imageViews.length; i++) {
      imageView = new ImageView(this);
      //设置控件的宽高
      imageView.setLayoutParams(new LayoutParams(25, 25));
      //设置控件的padding属性
      imageView.setPadding(20, 0, 20, 0);
      imageViews[i] = imageView;
      //初始化第一个page页面的图片的原点为选中状态
      if (i == 0) {
        //表示当前图片
        imageViews[i].setBackgroundResource(R.mipmap.page_indicator_focused);
        /**
         * 在java代码中动态生成ImageView的时候
         * 要设置其BackgroundResource属性才有效
         * 设置ImageResource属性无效
         */
      } else {
        imageViews[i].setBackgroundResource(R.mipmap.page_indicator_unfocused);
      }
      group.addView(imageViews[i]);
    }
  }
  //ViewPager的onPageChangeListener监听事件,当ViewPager的page页发生变化的时候调用
  public class GuidePageChangeListener implements ViewPager.OnPageChangeListener {
    @Override
    public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
    }
    //页面滑动完成后执行
    @Override
    public void onPageSelected(int position) {
      //判断当前是在那个page,就把对应下标的ImageView原点设置为选中状态的图片
      for (int i = 0; i < imageViews.length; i++) {
        imageViews[position].setBackgroundResource(R.mipmap.page_indicator_focused);
        if (position != i) {
          imageViews[i].setBackgroundResource(R.mipmap.page_indicator_unfocused);
        }
      }
    }
    //监听页面的状态,0--静止 1--滑动  2--滑动完成
    @Override
    public void onPageScrollStateChanged(int state) {
    }
  }
}

这样,一个简单地滑动图片的Demo就完成了,需要注意的地方有:在java代码中生成ImageView的时候,如果想为其设置显示的图片,要使用setBackgroundResource()方法而不是setImageResource()方法

以上所述是小编给大家介绍的Android开发之使用ViewPager实现图片左右滑动切换效果,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的,再此也非常感谢大家对脚本之家网站的支持!

相关文章

  • Android ImageLoader第三方框架解析

    Android ImageLoader第三方框架解析

    这篇文章主要为大家详细解析了Android ImageLoader第三方框架,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-11-11
  • 如何在Android studio 中使用单例模式

    如何在Android studio 中使用单例模式

    这篇文章主要介绍了如何在Android studio 中使用单例模式,帮助大家更好的理解和学习Android开发,感兴趣的朋友可以了解下
    2021-03-03
  • Android 4.4以上

    Android 4.4以上"沉浸式"状态栏效果的实现方法

    Android与ios效果互仿早已不是什么稀奇的事,我猜大概这个效果来自ios吧,有争议说这种效果不能叫做沉浸式,叫透明状态栏更合适,我也感觉这和沉浸式的含义不太一致。但是大家都这么叫了,那就这样呗。下面来一起看看关于Android 4.4以上"沉浸式"效果的实现方法。
    2016-09-09
  • Android中SurfaceView用法简单实例

    Android中SurfaceView用法简单实例

    这篇文章主要介绍了Android中SurfaceView用法,以一个简单的图形绘制及改变位置实现方法分析了SurfaceView的使用技巧,需要的朋友可以参考下
    2015-10-10
  • Android唤醒、解锁屏幕代码实例

    Android唤醒、解锁屏幕代码实例

    这篇文章主要介绍了Android唤醒、解锁屏幕代码实例,本文讲解了唤醒、解锁屏幕需要的权限和操作代码实例,代码中包含详细注释,需要的朋友可以参考下
    2015-05-05
  • Android ViewPager导航小圆点实现无限循环效果

    Android ViewPager导航小圆点实现无限循环效果

    这篇文章主要为大家详细介绍了Android ViewPager导航小圆点实现无限循环效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-08-08
  • Android自定义View实现旋转的圆形图片

    Android自定义View实现旋转的圆形图片

    这篇文章主要为大家详细介绍了Android自定义View实现旋转的圆形图片,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-01-01
  • android判断点击位置是否在扇形区域内

    android判断点击位置是否在扇形区域内

    这篇文章主要为大家详细介绍了android判断点击位置是否在扇形区域内,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-05-05
  • Android四种数据存储的应用方式

    Android四种数据存储的应用方式

    这篇文章主要介绍了Android四种数据存储的应用方式的相关资料,希望通过本文能帮助到大家,让大家理解掌握Android存储数据的方法,需要的朋友可以参考下
    2017-10-10
  • Android制作登录页面并且记住账号密码功能的实现代码

    Android制作登录页面并且记住账号密码功能的实现代码

    这篇文章主要介绍了Android制作登录页面并且记住账号密码功能的实现代码,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-04-04

最新评论