关闭

ViewPage + Fragment 图片滑动和自动滚动

标签: ViewPage + Fragment
1357人阅读 评论(0) 收藏 举报
分类:

ViewPage + Fragment  我们可以通过手势让图片滑动,那么如何让图片自动的滚动呢,首先看下效果图。


上面有3张图,每隔5000毫秒就会自动的切换图片。


主要实现代码如下:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

    <com.example.viewpagedemo.AutoScrollViewPager
        android:id="@+id/pager"
        android:layout_width="match_parent"
        android:layout_height="150dp"/>

</RelativeLayout>

package com.example.viewpagedemo;

import java.util.ArrayList;
import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.support.v4.view.ViewPager.OnPageChangeListener;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;

public class HomeFragment extends Fragment implements OnPageChangeListener{
	private AutoScrollViewPager viewPager;
	private ArrayList<Integer> imageIdList;
	@Override
	public View onCreateView(LayoutInflater inflater, ViewGroup container,Bundle bundle) {
		View view = inflater.inflate(R.layout.fragment_home, null);
		viewPager = (AutoScrollViewPager) view.findViewById(R.id.pager);
		imageIdList = new ArrayList<Integer>();
        imageIdList.add(R.drawable.pm_scroll_image1);
        imageIdList.add(R.drawable.pm_scroll_image2);
        imageIdList.add(R.drawable.pm_scroll_image3);
		viewPager.setAdapter((new ImagePagerAdapter(getActivity(), imageIdList).setInfiniteLoop(true)));
		viewPager.setOnPageChangeListener(this);
		viewPager.setInterval(5000);
	    viewPager.startAutoScroll();
		viewPager.setCurrentItem(Integer.MAX_VALUE / 2 - Integer.MAX_VALUE / 2 % imageIdList.size());
		return view;
	}
	
	
	@Override
	public void onPause() {
		viewPager.stopAutoScroll();
		super.onPause();
	}


	@Override
	public void onResume() {
		viewPager.startAutoScroll();
		super.onResume();
	}


	@Override
	public void onPageScrollStateChanged(int state) {
	}
	@Override
	public void onPageScrolled(int arg0, float arg1, int arg2) {
		
	}
	@Override
	public void onPageSelected(int arg0) {
		
	}
}

具体请参考我的上传的资源Demo,如果有更好的方法,希望大家分享下。

资源下载地址:http://download.csdn.net/detail/barryyanggoing/9287477

参考Demo地址:https://github.com/Trinea/android-demo

0
0
查看评论

ViewPager(一)——最简单的 ViewPage+Fragment实例

用实例说话! AndroidManifest.xml <manifest xmlns:android="http://schemas.android.com/apk/res/android" package="com.cctvjiatao.viewpag...
  • lvyoujt
  • lvyoujt
  • 2016-04-12 08:22
  • 5611

android基础-----ViewPager实现简单的轮播图

ViewPager实现简单的轮播图 关于ViewPager实现轮播图 1.介绍: android.support.v4.view.ViewPager ViewPager是android扩展包v4包中的类,这个类可以让用户左右切换当前的view。   1)ViewP...
  • sundaysunshine
  • sundaysunshine
  • 2016-12-15 18:47
  • 236

在Activity内ViewPager的自动轮播+Fragment切换

实现思路是为了防止ViewPager和Fragment的滑动冲突,要先自定义一个集成了ViewPager的类,例:MyView 其中用到了xUtils-2.4.4.jar工具包要添加到Libs里面。
  • w630886916
  • w630886916
  • 2016-10-26 20:31
  • 2032

fragment (3) 切换fragemnt时传递参数和加动画效果

切换fragemnt时传递参数 fragment A 中: LoadUrlFragment loadUrlFragment = new LoadUrlFragment(); Bundle b = new Bundle(); b.putString("ur...
  • czcdms
  • czcdms
  • 2015-04-29 18:24
  • 860

【Android】ViewPager实现图片左右滑动播放及添加点击事件

前两天老师找我帮她写个Android的demo。说是要实现一个图片左右滑动的效果,并且点击图片的时候会发出声音。 由于好久没写过Android了,所以花了一段时间来复习和学习。现将过程和实现简单记录如下。(项目参照了一部分CSDN博主Android将军的) 实现使用的是ViewPager 代码...
  • hu1020935219
  • hu1020935219
  • 2015-03-29 23:20
  • 5291

Android 使用ViewPager实现左右循环滑动图片

ViewPager这个小demo实现的是可以左右循环滑动图片,下面带索引,滑到最后一页在往右滑动就要第一页,第一页往左滑动就到最后一页,先上效果图,用美女图片是我一贯的作风,呵呵 1.    首先看一些layout下的xml <FrameLayout xmlns:an...
  • xiaanming
  • xiaanming
  • 2013-05-23 18:29
  • 187675

android中ViewPager的用法以及自动滚动播放实现初探

本文的目标是学会ViewPager的用法,顺便试着实现自动滚动播放的功能。 1 ViewPager的基本使用ViewPager是android系统提供的一个组件,它是一个可以让用户左右滑动View的容器。下面介绍ViewPager的使用方法。 #####1.1添加布局 如下代码表示在布局中加入Vie...
  • xiaozhonghuaa
  • xiaozhonghuaa
  • 2015-09-05 22:30
  • 635

自动滚动的ViewPager

效果图:使用方法:AutoScrollViewPager viewPager = (AutoScrollViewPager) findViewById(R.id.vp_photos);viewPager.setDataList(mUrlList); viewPager.updateView(0); ...
  • pengkv
  • pengkv
  • 2015-12-07 16:05
  • 2623

多层嵌套viewpage+fragment切换和显示

viewpager用ChildFragmentManager防止切换时fragemtn显示不出来, framgent切换的时候需先调用getParentFragment()然后再调用getFragmentManager(),否则会出现no find view
  • u010775074
  • u010775074
  • 2015-12-18 10:42
  • 637

Viewpager + Fragment +FragmentPagerAdapter实现定时循环滚动效果

ViewPager + Fragment的使用此处不写,玩
  • hlglinglong
  • hlglinglong
  • 2014-05-15 16:31
  • 2067
    个人资料
    • 访问:63776次
    • 积分:841
    • 等级:
    • 排名:千里之外
    • 原创:24篇
    • 转载:12篇
    • 译文:0篇
    • 评论:2条
    文章分类