自动轮播图or动态添加圆点
来源:互联网 发布:硅谷办公室装修 知乎 编辑:程序博客网 时间:2024/06/10 21:08
主xml布局
<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="200dp" >
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="200dp" >
<android.support.v4.view.ViewPager
android:id="@+id/viewPager"
android:layout_width="match_parent"
android:layout_height="200dp" />
android:id="@+id/viewPager"
android:layout_width="match_parent"
android:layout_height="200dp" />
<LinearLayout
android:orientation="horizontal"
android:id="@+id/ll_dot"
android:layout_width="match_parent"
android:gravity="center"
android:layout_height="wrap_content"
android:layout_alignBottom="@id/viewPager" >
</LinearLayout>
android:orientation="horizontal"
android:id="@+id/ll_dot"
android:layout_width="match_parent"
android:gravity="center"
android:layout_height="wrap_content"
android:layout_alignBottom="@id/viewPager" >
</LinearLayout>
</RelativeLayout>
主界面代码
package com.example.mypic;
import java.util.ArrayList;
import android.app.Activity;
import android.os.Bundle;
import android.os.Handler;
import android.support.v4.view.ViewPager;
import android.support.v4.view.ViewPager.OnPageChangeListener;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.LinearLayout.LayoutParams;
import android.os.Bundle;
import android.os.Handler;
import android.support.v4.view.ViewPager;
import android.support.v4.view.ViewPager.OnPageChangeListener;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.LinearLayout.LayoutParams;
import com.lidroid.xutils.BitmapUtils;
public class MainActivity extends Activity {
private ViewPager viewPager;
private LinearLayout ll_dot;
private String[] imageUrls = new String[] {
"http://pic8.nipic.com/20100701/5290458_114840036316_2.jpg",
"http://pic2.nipic.com/20090424/1468853_230119053_2.jpg",
"http://img3.3lian.com/2013/s1/20/d/57.jpg",
"http://pic39.nipic.com/20140226/18071023_164300608000_2.jpg",
"http://a0.att.hudong.com/15/08/300218769736132194086202411_950.jpg" };
private LinearLayout ll_dot;
private String[] imageUrls = new String[] {
"http://pic8.nipic.com/20100701/5290458_114840036316_2.jpg",
"http://pic2.nipic.com/20090424/1468853_230119053_2.jpg",
"http://img3.3lian.com/2013/s1/20/d/57.jpg",
"http://pic39.nipic.com/20140226/18071023_164300608000_2.jpg",
"http://a0.att.hudong.com/15/08/300218769736132194086202411_950.jpg" };
//private String[] imageUrls = new String[] {
//"http://192.168.230.1:8080/ab.jpg",
//"http://192.168.230.1:8080/ae.jpg",
//"http://192.168.230.1:8080/af.jpg",
//"http://192.168.230.1:8080/ah.jpg" };
//"http://192.168.230.1:8080/ab.jpg",
//"http://192.168.230.1:8080/ae.jpg",
//"http://192.168.230.1:8080/af.jpg",
//"http://192.168.230.1:8080/ah.jpg" };
private ArrayList<ImageView> viewList;
private ArrayList<ImageView> dotList;
Handler handler = new Handler() {
public void handleMessage(android.os.Message msg) {
// 先去获取到当前条目索引
int currentItem = viewPager.getCurrentItem();
// 条目索引+1
currentItem++;
// 重新设置给viewPager
viewPager.setCurrentItem(currentItem);
// 再调用发延时消息的方法
sendDelayMessage();
};
};
private ArrayList<ImageView> dotList;
Handler handler = new Handler() {
public void handleMessage(android.os.Message msg) {
// 先去获取到当前条目索引
int currentItem = viewPager.getCurrentItem();
// 条目索引+1
currentItem++;
// 重新设置给viewPager
viewPager.setCurrentItem(currentItem);
// 再调用发延时消息的方法
sendDelayMessage();
};
};
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
viewPager = (ViewPager) findViewById(R.id.viewPager);
ll_dot = (LinearLayout) findViewById(R.id.ll_dot);
// 初始化图片
initViewList();
// 初始化小圆点
initDots();
// 设置数据适配器
viewPager.setAdapter(new MyPagerAdapter(this, viewList, handler));
// 设置初始的展示条目
viewPager.setCurrentItem(viewList.size() * 100000);
// 设置延时切换
sendDelayMessage();
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
viewPager = (ViewPager) findViewById(R.id.viewPager);
ll_dot = (LinearLayout) findViewById(R.id.ll_dot);
// 初始化图片
initViewList();
// 初始化小圆点
initDots();
// 设置数据适配器
viewPager.setAdapter(new MyPagerAdapter(this, viewList, handler));
// 设置初始的展示条目
viewPager.setCurrentItem(viewList.size() * 100000);
// 设置延时切换
sendDelayMessage();
// 监听viewPager的一个滑动事件
viewPager.setOnPageChangeListener(new OnPageChangeListener() {
@Override
public void onPageSelected(int position) {
// 遍历小点的集合
for (int i = 0; i < dotList.size(); i++) {
// 如果当前的索引值和i相等
if (position % dotList.size() == i) {
// 设置小点为亮色
dotList.get(i).setImageResource(R.drawable.dot_focuse);
} else {
// 否则暗色
dotList.get(i).setImageResource(R.drawable.dot_normal);
}
}
}
viewPager.setOnPageChangeListener(new OnPageChangeListener() {
@Override
public void onPageSelected(int position) {
// 遍历小点的集合
for (int i = 0; i < dotList.size(); i++) {
// 如果当前的索引值和i相等
if (position % dotList.size() == i) {
// 设置小点为亮色
dotList.get(i).setImageResource(R.drawable.dot_focuse);
} else {
// 否则暗色
dotList.get(i).setImageResource(R.drawable.dot_normal);
}
}
}
@Override
public void onPageScrolled(int arg0, float arg1, int arg2) {
public void onPageScrolled(int arg0, float arg1, int arg2) {
}
@Override
public void onPageScrollStateChanged(int arg0) {
public void onPageScrollStateChanged(int arg0) {
}
});
}
});
}
/**
* 发送延时消息
*/
private void sendDelayMessage() {
handler.sendEmptyMessageDelayed(0, 2000);
}
* 发送延时消息
*/
private void sendDelayMessage() {
handler.sendEmptyMessageDelayed(0, 2000);
}
private void initDots() {
// 创建一个装小点控件的集合
dotList = new ArrayList<ImageView>();
dotList.clear();
for (int i = 0; i < imageUrls.length; i++) {
ImageView imageView = new ImageView(this);
if (i == 0) {
// 如果是第一张,默认给一个亮的小点
imageView.setImageResource(R.drawable.dot_focuse);
} else {
// 如果不是滴一个,默认给一个暗的小点
imageView.setImageResource(R.drawable.dot_normal);
}
// 设置小点的默认宽高为20dp
LayoutParams params = new LayoutParams(20, 20);
// 设置小点的间距
params.setMargins(5, 0, 5, 0);
ll_dot.addView(imageView, params);
// 往小点集合中添加view
dotList.add(imageView);
}
}
// 创建一个装小点控件的集合
dotList = new ArrayList<ImageView>();
dotList.clear();
for (int i = 0; i < imageUrls.length; i++) {
ImageView imageView = new ImageView(this);
if (i == 0) {
// 如果是第一张,默认给一个亮的小点
imageView.setImageResource(R.drawable.dot_focuse);
} else {
// 如果不是滴一个,默认给一个暗的小点
imageView.setImageResource(R.drawable.dot_normal);
}
// 设置小点的默认宽高为20dp
LayoutParams params = new LayoutParams(20, 20);
// 设置小点的间距
params.setMargins(5, 0, 5, 0);
ll_dot.addView(imageView, params);
// 往小点集合中添加view
dotList.add(imageView);
}
}
private void initViewList() {
// 先使用xutils的工具类
BitmapUtils bitmapUtils = new BitmapUtils(this);
viewList = new ArrayList<ImageView>();
for (int i = 0; i < imageUrls.length; i++) {
// 创建imageView 并通过工具类将图片设置到控件上
ImageView imageView = new ImageView(this);
bitmapUtils.display(imageView, imageUrls[i]);
viewList.add(imageView);
}
}
}
// 先使用xutils的工具类
BitmapUtils bitmapUtils = new BitmapUtils(this);
viewList = new ArrayList<ImageView>();
for (int i = 0; i < imageUrls.length; i++) {
// 创建imageView 并通过工具类将图片设置到控件上
ImageView imageView = new ImageView(this);
bitmapUtils.display(imageView, imageUrls[i]);
viewList.add(imageView);
}
}
}
适配器
package com.example.mypic;
import java.util.List;
import android.content.Context;
import android.os.Handler;
import android.support.v4.view.PagerAdapter;
import android.view.MotionEvent;
import android.view.View;
import android.view.View.OnTouchListener;
import android.view.ViewGroup;
import android.widget.ImageView;
import android.os.Handler;
import android.support.v4.view.PagerAdapter;
import android.view.MotionEvent;
import android.view.View;
import android.view.View.OnTouchListener;
import android.view.ViewGroup;
import android.widget.ImageView;
public class MyPagerAdapter extends PagerAdapter {
private List<ImageView> viewList;
private Context context;
private Handler handler;
private List<ImageView> viewList;
private Context context;
private Handler handler;
public MyPagerAdapter(Context context, List<ImageView> viewList,
Handler handler) {
this.context = context;
this.viewList = viewList;
this.handler = handler;
}
Handler handler) {
this.context = context;
this.viewList = viewList;
this.handler = handler;
}
@Override
public int getCount() {
return Integer.MAX_VALUE;
}
public int getCount() {
return Integer.MAX_VALUE;
}
@Override
public boolean isViewFromObject(View arg0, Object arg1) {
return arg0 == arg1;
}
public boolean isViewFromObject(View arg0, Object arg1) {
return arg0 == arg1;
}
@Override
public Object instantiateItem(ViewGroup container, int position) {
// 通过控件集合获取imageView 添加到容器中,并作为key 返回
ImageView imageView = viewList.get(position % viewList.size());
imageView.setOnTouchListener(new OnTouchListener() {
@Override
public boolean onTouch(View v, MotionEvent event) {
switch (event.getAction()) {
// 当按下的时候,停止轮播
case MotionEvent.ACTION_DOWN:
// 移除所有的回调和消息
handler.removeCallbacksAndMessages(null);
break;
// 抬起
case MotionEvent.ACTION_UP:
handler.sendEmptyMessageDelayed(0, 2000);
break;
// 取消的时候,继续开始录播
case MotionEvent.ACTION_CANCEL:
handler.sendEmptyMessageDelayed(0, 2000);
break;
default:
break;
}
//触摸事件不被消费,true 消费该触摸事件
return true;
}
});
container.addView(imageView);
return imageView;
}
public Object instantiateItem(ViewGroup container, int position) {
// 通过控件集合获取imageView 添加到容器中,并作为key 返回
ImageView imageView = viewList.get(position % viewList.size());
imageView.setOnTouchListener(new OnTouchListener() {
@Override
public boolean onTouch(View v, MotionEvent event) {
switch (event.getAction()) {
// 当按下的时候,停止轮播
case MotionEvent.ACTION_DOWN:
// 移除所有的回调和消息
handler.removeCallbacksAndMessages(null);
break;
// 抬起
case MotionEvent.ACTION_UP:
handler.sendEmptyMessageDelayed(0, 2000);
break;
// 取消的时候,继续开始录播
case MotionEvent.ACTION_CANCEL:
handler.sendEmptyMessageDelayed(0, 2000);
break;
default:
break;
}
//触摸事件不被消费,true 消费该触摸事件
return true;
}
});
container.addView(imageView);
return imageView;
}
@Override
public void destroyItem(ViewGroup container, int position, Object object) {
// super.destroyItem(container, position, object);
container.removeView((View) object);
}
}
public void destroyItem(ViewGroup container, int position, Object object) {
// super.destroyItem(container, position, object);
container.removeView((View) object);
}
}
0 0
- 自动轮播图or动态添加圆点
- 自动轮播+小圆点
- 小圆点自动轮播
- 自动轮播图
- 自动轮播加小圆点
- ViewPager 带小圆点 自动轮播
- ViewPager 带小圆点 自动轮播
- ViewPager自动轮播+小圆点
- viewpager自动轮播 加小圆点
- 设置自动轮播的小圆点
- 无限自动轮播+小圆点
- bootstrap自动轮播图
- Banner自动轮播图
- ViewPager自动轮播图
- ViewPager添加图片横向自动轮播
- ViewPager自动轮播+底部文字动态+底部小圆点动态滑动
- ViewPager实现自动轮播+手动添加小圆点的Mainactivity
- ViewPager实现自动轮播+手动添加小圆点的适配器
- fedora24 U盘启动盘制作
- java编程实现两个数字的交换
- struts2中的web.xml映射规则
- 网路判断,上拉加载下拉刷新,点击2次返回
- 网站流量统
- 自动轮播图or动态添加圆点
- VMware vShpere5 分布式网络交换机概念图
- jedis操作sentinel,采用连接池方式
- CSDN爬虫(一)——爬虫入门+数据总览
- OnQueryEndSession与OnEndSession函数
- Espresso指南一(Espresso下载、安装、设置、基础、速查表)
- Java 继承
- 802.11协议帧说明
- Lowest Common Ancestor of a Binary Search Tree(二叉树最小公共祖先)