vieapager小圆点

原创 2016年06月01日 19:51:25

import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.LinearLayout.LayoutParams;


public class MainActivity extends Activity {

private int[] imgs = {R.drawable.aaa,R.drawable.bbb,R.drawable.ccc,R.drawable.ddd};
private ViewPager vp;
private LinearLayout ll_dots;

private List<ImageView> imglist;
private ArrayList<ImageView> img_dots;
private Handler handler;


@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);

vp = (ViewPager)findViewById(R.id.vp);
ll_dots = (LinearLayout)findViewById(R.id.ll_dots);



handler = new Handler(){

public void handleMessage(android.os.Message msg) {

int curr = vp.getCurrentItem();
Log.d("test", "test....."+curr);

//切换至下一个页面
vp.setCurrentItem(++curr);
handler.sendEmptyMessageDelayed(1, 2000);
};
};

// 初始化数据
initImages();


// 初始化小圆点
initDots();




vp.setAdapter(new MyPageAdapter(imglist,handler));

//初始化位置
vp.setCurrentItem(imglist.size()*100000);

//viewpager加监听
vp.setOnPageChangeListener(new OnPageChangeListener() {

@Override
public void onPageSelected(int position) {
for(int i=0;i<img_dots.size();i++){
if(position%img_dots.size() == i){
img_dots.get(i).setImageResource(R.drawable.lunbo_dot_focus);
}else{
img_dots.get(i).setImageResource(R.drawable.lunbo_dot_normal);
}
}

}

@Override
public void onPageScrolled(int arg0, float arg1, int arg2) {

}

@Override
public void onPageScrollStateChanged(int arg0) {

}
});





//实现无限轮播
handler.sendEmptyMessageDelayed(1, 2000);

}


private void initDots() {
img_dots = new ArrayList<ImageView>();
for(int i=0;i<imgs.length;i++){
ImageView iv = new ImageView(this);
if(i==0){
iv.setImageResource(R.drawable.lunbo_dot_focus);
}else{
iv.setImageResource(R.drawable.lunbo_dot_normal);
}
LayoutParams params = new LayoutParams(20, 20);
params.setMargins(5, 0, 5, 0);

//把小圆点放到页面的LinnearLayout容器中
ll_dots.addView(iv, params );
//把小圆点存放到集合中
img_dots.add(iv);
}
}


private void initImages() {
imglist = new ArrayList<ImageView>();
for(int i = 0;i<imgs.length;i++){
ImageView view = new ImageView(this);
view.setImageResource(imgs[i]);
imglist.add(view);
}

}




}



//监听

public Object instantiateItem(ViewGroup container, int position) {
ImageView img = imglist.get(position%imglist.size());
//点击图片的时候,不要无限轮播了
img.setOnTouchListener(new OnTouchListener() {

@Override
public boolean onTouch(View v, MotionEvent event) {
switch (event.getAction()) {
case MotionEvent.ACTION_CANCEL://鼠标划走
handler.sendEmptyMessageDelayed(1, 2000);
break;


case MotionEvent.ACTION_DOWN://按下鼠标
handler.removeCallbacksAndMessages(null);//清空所有handler消息池的消息及所有回调函数
break;

case MotionEvent.ACTION_UP://鼠标抬起
handler.sendEmptyMessageDelayed(1, 2000);
break;
}


return true;
}
});

container.addView(img);

return img;
}

ViewPager小圆点的绘制及用法

//画小圆点   backcolor.xml              //选中状态的小圆点    enabletrue.xml     an...
  • IT_Android_long
  • IT_Android_long
  • 2016年05月31日 14:38
  • 3532

点缀-----未读信息小圆点的简洁实现

在微信,qq等聊天软件中经常可见未读消息,如下图: 通常的显示方式就是在某个控件的右上角出现一个小圆点,圆点中显示未读消息的条数,那么此功能怎么实现呢?最容易想到的大概是用布局实现,但是略显...
  • Burn_yourself
  • Burn_yourself
  • 2016年08月24日 17:49
  • 1296

ViewPager自动轮播+小圆点

本片文章实现了Viewpager的自动轮播和小圆点。
  • HIM2014
  • HIM2014
  • 2016年05月28日 09:29
  • 978

ViewPager底部圆点指示器

在APP的ViewPager引导页面中, 我们通常可以看到底部有小圆点显示当前是第几页, 我们来试一下这个效果是怎么实现的, 效果图如下: {% cq %} 代码是最为耐心、最能忍耐和最...
  • qq_26239671
  • qq_26239671
  • 2017年04月10日 22:30
  • 2662

第三十一天 ViewPager(带小圆点的图片左右循环滑动)、Fragment

ViewPager布局activity_main
  • yj13073702570
  • yj13073702570
  • 2015年09月06日 21:57
  • 923

android selector的选中状态 shape自定义小圆点

http://blog.csdn.net/guolin_blog/article/details/17045157 郭霖
  • musk6
  • musk6
  • 2016年12月21日 21:14
  • 227

绘制轮播图小圆点

绘制轮播图的小圆点 一、绘制圆点 灰色圆点 首先在res目录下创建drawable目录 然后创建根节点为shape的dots_normal.xml文件 如下: /...
  • sfy666666
  • sfy666666
  • 2016年05月04日 09:31
  • 1801

红色小圆点消息提示实现

项目地址 demo前言本司突然多了个需求,要在消息按钮右上角加个类似手机应用小圆点消息提示。就下面这货。正文第一想法就是定高,靠内容 撑宽度。最小宽度和高度一致。...
  • weixin_36485956
  • weixin_36485956
  • 2017年10月22日 22:45
  • 188

win10系统下谷歌浏览器web移动端看不到小圆点解决方案

今天用的win10系统,重新下载了最新谷歌浏览器版本57.0.2987.98,在开发者模式调试移动端时发现小圆点消失了,强迫症忍不了,最后发现是显卡设置的问题,也 就是在显示器一般设置下的量化范围改成...
  • xiaogezl
  • xiaogezl
  • 2017年03月21日 15:41
  • 774

无限轮播的ViewPager+导航小圆点()

无限轮播图 自带底部导航
  • shen19931230
  • shen19931230
  • 2017年03月01日 13:44
  • 290
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:vieapager小圆点
举报原因:
原因补充:

(最多只允许输入30个字)