ViewPager—02图片无限轮播
布局文件
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent" > <RelativeLayout
android:layout_width="match_parent"
android:layout_height="200dp" > <android.support.v4.view.ViewPager
android:id="@+id/vp"
android:layout_width="match_parent"
android:layout_height="match_parent" /> <LinearLayout
android:id="@+id/ll_point"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:layout_centerInParent="true"
android:layout_marginBottom="20dp"
android:orientation="horizontal" />
</RelativeLayout> </RelativeLayout>
相关代码
public class MainActivity extends Activity { private ViewPager mViewPager;
private LinearLayout mLlPoint;
private MyAdapter mAdapter; private int[] ids = {R.drawable.a1,R.drawable.a2,R.drawable.a3};
private List<ImageView> mImages;
private int lastPos;
private boolean isRunning; private Handler mHandler = new Handler() {
public void handleMessage(android.os.Message msg) {
switch(msg.what){
case 0: mViewPager.setCurrentItem(mViewPager.getCurrentItem() + 1); if (isRunning) {
mHandler.sendEmptyMessageDelayed(0,3000);
} break; default:
break;
}
};
}; @Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main); initView();
initData(); mAdapter = new MyAdapter();
mViewPager.setAdapter(mAdapter);
mViewPager.addOnPageChangeListener(new PagerChnageListener());
mViewPager.setCurrentItem((mImages.size()) * 1000); isRunning = true;
mHandler.sendEmptyMessageDelayed(0,3000);
} private void initView() {
mViewPager = (ViewPager)findViewById(R.id.vp);
mLlPoint = (LinearLayout)findViewById(R.id.ll_point);
} private void initData() { mImages = new ArrayList<ImageView>(); for (int i = 0;i < ids.length;i++) {
ImageView iv = new ImageView(this);
iv.setBackgroundResource(ids[i]);
mImages.add(iv); View view = new View(this);
view.setBackgroundResource(R.drawable.point_selector);
LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(Utils.dip2px(this,10),
Utils.dip2px(this,10));
if (i != 0) {
params.leftMargin = 20;
view.setEnabled(false);
}else {
view.setEnabled(true);
}
view.setLayoutParams(params);
mLlPoint.addView(view);
}
} class MyAdapter extends PagerAdapter { @Override
public int getCount() {
return Integer.MAX_VALUE;
} @Override
public boolean isViewFromObject(View arg0,Object arg1) {
return arg0 == arg1;
} @Override
public Object instantiateItem(ViewGroup container,int position) {
ImageView view = mImages.get(position % mImages.size()); // 增加异常扑捉防止空白页
try {
((ViewPager)container).addView(view,0);
}catch(Exception e) {
e.printStackTrace();
}
return view;
} @Override
public void destroyItem(ViewGroup container,int position,Object object) {
// 防止2/3个出现BUG
// container.removeView(mImages.get(position % mImages.size()));
}
} class PagerChnageListener implements OnPageChangeListener { /* state: 0空闲,1是滑行中,2加载完毕 */
@Override
public void onPageScrollStateChanged(int state) {
switch(state){
case 0:
isRunning = true;
break;
case 1:
isRunning = false;
break;
case 2:
isRunning = true;
break; default:
break;
}
} @Override
public void onPageScrolled(int position,float positionOffset,int positionOffsetPixels) { } @Override
public void onPageSelected(int position) {
int pos = position % mImages.size();
mLlPoint.getChildAt(lastPos).setEnabled(false);
mLlPoint.getChildAt(pos).setEnabled(true);
lastPos = pos;
}
} @Override
protected void onDestroy() {
super.onDestroy();
isRunning = false;
mHandler.removeCallbacksAndMessages(null);
}
}
效果图
ViewPager—02图片无限轮播的更多相关文章
- Android实现广告页图片无限轮播
一.概述 对于一个联网的Android应用, 首页广告无限轮播基本已经成为标配了. 那么它是怎么实现的呢? 有几种实现方式呢? 二.无限轮播的实现 1.最常规的手段是用 ViewPager来实现 2. ...
- iOS开发之三个Button实现图片无限轮播(参考手机淘宝,Swift版)
这两天使用Reveal工具查看"手机淘宝"App的UI层次时,发现其图片轮播使用了三个UIButton的复用来实现的图片循环无缝滚动.于是乎就有了今天这篇博客,看到“手机淘宝”这个 ...
- iOS开发之ImageView复用实现图片无限轮播
在上篇博客中iOS开发之多图片无缝滚动组件封装与使用给出了图片无限轮播的实现方案之一,下面在给出另一种解决方案.今天博客中要说的就是在ScrollView上贴两个ImageView, 把ImageVi ...
- iOS 两种不同的图片无限轮播
代码地址如下:http://www.demodashi.com/demo/11608.html 前记 其实想写这个关于无限轮播的记录已经很久很久了,只是没什么时间,这只是一个借口,正如:时间就像海绵, ...
- ViewPager实现图片的轮播
在app中图片的轮播显示可以说是非常常见的实现效果了,其实现原理不过是利用ViewPager,然后利用handler每隔一定的时间将ViewPager的currentItem设置为当前item的pos ...
- iOS实现图片无限轮播之使用第三方库SDCycleScrollView(转)
下载链接:github不断更新地址:https://github.com/gsdios/SDCycleScrollView #import "ViewController.h" # ...
- ViewPager实现无限轮播踩坑记
最近笔者想通过ViewPager来实现一个广告Banner,并实现无限轮播的效果,但是在这个过程中踩了不少的坑,听我慢慢道来.如果大家有遇到和我一样的情况,可以参考我的解决方法,没有那就更好,如果针对 ...
- ViewPager无限轮播与自定义切换动画
一直在寻求一个能用得长久的ViewPager,寻寻觅觅终于发现,ViewPager有这一个就够了. 注:并非完全原创 先看一下效果: 淡入淡出: 旋转: 无限轮播的ViewPager 主要设计思路(以 ...
- iOS:实现图片的无限轮播(二)---之使用第三方库SDCycleScrollView
iOS:实现图片的无限轮播(二)---之使用第三方库SDCycleScrollView 时间:2016-01-19 19:13:43 阅读:630 评论:0 收藏:0 ...
随机推荐
- 每天一个Linux命令(05)--rm命令
自从学会了用mkdir创建目录之后,整个系统里就只能看到一堆空目录了,囧~ 那么今天我们来学一下如何清理这些空目录吧--rm命令,该命令的功能为删除一个目录中的一个或多个文件或目录,它也可以将某个目录 ...
- Swift 包管理器命令行使用
1.swift -version //swift 版本查看 2.swift build //swift工程编译 3.swift package generate-xcodeproj //创建Xcode ...
- ci 框架发送邮箱
定义数据 $config = array( 'protocol' =>'smtp', 'smtp_host'=>'ssl://smtp.163.com', 'smtp_u ...
- visibility: hidden和 display: none的区别
visibility: hidden----将元素隐藏,但是在网页中该占的位置还是占着. display: none----将元素的显示设为无,即在网页中不占任何的位置.
- dfs算法
一般bfs算法都是使用递归 //下面简单的代码 visited[Max]; dfs(_graph g,int vo){ print(vo); visited[vo]=1 for(int i=0;i&l ...
- 基于Selenium2+Java的UI自动化(8)- 显式等待和隐式等待
一.隐式等待 package com.automation.waits; import java.util.concurrent.TimeUnit; import org.openqa.seleniu ...
- (六)javascriptJS中定义对象的几种方式(转)
JavaScript学习12 JS中定义对象的几种方式 转自: http://www.cnblogs.com/mengdd/p/3697255.html JavaScript中没有类的概念,只有对象 ...
- wemall开源商城免费商城系统部分代码(内含代码地址)
wemall开源商城免费商城系统部分代码,下面分享部分代码,供学习者学习: 开源版把install文件夹下的install.lock删除之后可进行自动安装 后台访问地址:http:// www.xxx ...
- matplotlib根据Y轴数量伸缩画图的py脚本
#coding:utf-8import numpy as npimport matplotlib.pyplot as plt #X,Y轴数据y = [20,59,11,12,16,20,15,12,1 ...
- NodeJs中process.cwd()与__dirname的区别
process.cwd() 是当前执行node命令时候的文件夹地址 ——工作目录,保证了文件在不同的目录下执行时,路径始终不变__dirname 是被执行的js 文件的地址 ——文件所在目录 Node ...