viewpager无限轮播、加小圆点

最新推荐文章于 2018-03-06 09:13:08 发布
最新推荐文章于 2018-03-06 09:13:08 发布
阅读量611 收藏
点赞数
分类专栏： android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_34811445/article/details/51668461
版权
package com.bawei.dongman;


import java.util.ArrayList;
import java.util.List;


import com.bawei.bean.FenLei;
import com.bawei.fragment.*;
import com.bawei.httpclient.MyHttpClient;
import com.google.gson.Gson;


import android.app.Activity;
import android.graphics.Color;
import android.os.AsyncTask;
import android.os.Bundle;
import android.os.Handler;
import android.os.Message;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentActivity;
import android.support.v4.app.FragmentPagerAdapter;
import android.support.v4.view.PagerAdapter;
import android.support.v4.view.ViewPager;
import android.support.v4.view.ViewPager.OnPageChangeListener;
import android.view.View;
import android.view.Window;
import android.view.View.OnClickListener;
import android.view.ViewGroup;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.LinearLayout.LayoutParams;
import android.widget.TextView;


public class MainActivity3 extends FragmentActivity {
private ViewPager vp3;
private ViewPager vp4;
private TextView tv1;
private TextView tv2;
private TextView tv3;
private TextView tv4;
private FenLei fl;
private int[] id={R.drawable.ggg,R.drawable.hhh,R.drawable.jjj,R.drawable.kkk,R.drawable.lll,R.drawable.mmm};
private String path1="http://japi.juhe.cn/comic/category?key=b31825c5cabbde4223d5b5f027219fe8";
private List<Fragment> list;
private List<ImageView> list2;
private LinearLayout ll;
private Handler handler=new Handler(){
@Override
public void handleMessage(Message msg) {
if(msg.what==1){
int position=vp3.getCurrentItem();
position++;
vp3.setCurrentItem(position);
wuxianlunbo(); 
}
}
};
@Override
protected void onCreate(Bundle savedInstanceState) {
// TODO Auto-generated method stub
super.onCreate(savedInstanceState);
requestWindowFeature(Window.FEATURE_NO_TITLE);
setContentView(R.layout.activity_main3);
//获取控件
vp3 = (ViewPager) findViewById(R.id.vp3_main3);
vp4 = (ViewPager) findViewById(R.id.vp3_main4);
tv1 = (TextView) findViewById(R.id.tv1);
tv2 = (TextView) findViewById(R.id.tv2); 
tv3 = (TextView) findViewById(R.id.tv3);
tv4 = (TextView) findViewById(R.id.tv4);
ll = (LinearLayout) findViewById(R.id.ll_don);

vp3Adapter();
getData();
getFragemt();
vpAdapter();
    tvListener();
    vpListener();
}


private void vp3Adapter() {
vp3.setAdapter(new PagerAdapter() {

@Override
public boolean isViewFromObject(View arg0, Object arg1) {
// TODO Auto-generated method stub
return arg0==arg1;
}

@Override
public int getCount() {
// TODO Auto-generated method stub
return Integer.MAX_VALUE;
}


@Override
public void destroyItem(ViewGroup container, int position, Object object) {
// TODO Auto-generated method stub
container.removeView((View) object);
}


@Override
public Object instantiateItem(ViewGroup container, int position) {
View view=View.inflate(MainActivity3.this, R.layout.vp_vp, null);
ImageView iv=(ImageView) view.findViewById(R.id.vp_iv);
iv.setImageResource(id[position%id.length]);
container.addView(view);
return view;
}

});
inDon();
vp3.setCurrentItem(20000);
wuxianlunbo();
vp3Listener();

}
private void vp3Listener() {
vp3.setOnPageChangeListener(new OnPageChangeListener() {

@Override
public void onPageSelected(int arg0) {
for(int i=0;i<id.length;i++){
if(arg0%list2.size()==i){
list2.get(i).setImageResource(R.drawable.don_focuse);
}else{
list2.get(i).setImageResource(R.drawable.don_normal);
}
}

}

@Override
public void onPageScrolled(int arg0, float arg1, int arg2) {
// TODO Auto-generated method stub

}

@Override
public void onPageScrollStateChanged(int arg0) {
// TODO Auto-generated method stub

}
});

}


public void wuxianlunbo(){

handler.sendEmptyMessageDelayed(1, 3000);



}




public void inDon(){
list2 = new ArrayList<ImageView>();
if(list2!=null){
list2.clear();
}
for(int i=0;i<id.length;i++){
ImageView iv1=new ImageView(this);
if(i==0){
iv1.setImageResource(R.drawable.don_focuse);
}else{
iv1.setImageResource(R.drawable.don_normal);
}
LayoutParams params=new LayoutParams(20,20);
params.setMargins(15, 0, 15, 0);
list2.add(iv1);
ll.addView(iv1,params);
}

}


private void vpListener() {
vp4.setOnPageChangeListener(new OnPageChangeListener() {

@Override
public void onPageSelected(int arg0) {
switch (arg0) {
case 0:
tv1.setTextColor(Color.RED);
tv2.setTextColor(Color.WHITE);
tv3.setTextColor(Color.WHITE);
tv4.setTextColor(Color.WHITE);
break;
case 1:
tv2.setTextColor(Color.RED);
tv1.setTextColor(Color.WHITE);
tv3.setTextColor(Color.WHITE);
tv4.setTextColor(Color.WHITE);
break;
case 2:
tv3.setTextColor(Color.RED);
tv2.setTextColor(Color.WHITE);
tv1.setTextColor(Color.WHITE);
tv4.setTextColor(Color.WHITE);
break;
case 3:
tv4.setTextColor(Color.RED);
tv2.setTextColor(Color.WHITE);
tv3.setTextColor(Color.WHITE);
tv1.setTextColor(Color.WHITE);
break;
default:
break;
}

}

@Override
public void onPageScrolled(int arg0, float arg1, int arg2) {
// TODO Auto-generated method stub

}

@Override
public void onPageScrollStateChanged(int arg0) {
// TODO Auto-generated method stub

}
});

}


private void tvListener() {
tv1.setOnClickListener(new OnClickListener() {

@Override
public void onClick(View arg0) {
tv1.setTextColor(Color.RED);
tv2.setTextColor(Color.WHITE);
tv3.setTextColor(Color.WHITE);
tv4.setTextColor(Color.WHITE);

vp4.setCurrentItem(0);
}
});
tv2.setOnClickListener(new OnClickListener() {

@Override
public void onClick(View arg0) {
// TODO Auto-generated method stub
tv2.setTextColor(Color.RED);
tv1.setTextColor(Color.WHITE);
tv3.setTextColor(Color.WHITE);
tv4.setTextColor(Color.WHITE);
vp4.setCurrentItem(1);
}
});
tv3.setOnClickListener(new OnClickListener() {

@Override
public void onClick(View arg0) {
// TODO Auto-generated method stub
tv3.setTextColor(Color.RED);
tv1.setTextColor(Color.WHITE);
tv1.setTextColor(Color.WHITE);
tv4.setTextColor(Color.WHITE);
vp4.setCurrentItem(2);
}
});
tv4.setOnClickListener(new OnClickListener() {

@Override
public void onClick(View arg0) {
// TODO Auto-generated method stub
tv4.setTextColor(Color.RED);
tv1.setTextColor(Color.WHITE);
tv3.setTextColor(Color.WHITE);
tv1.setTextColor(Color.WHITE);
vp4.setCurrentItem(3);
}
});

}


private void getFragemt() {
list = new ArrayList<Fragment>();
list.add(new Fragment1());
list.add(new Fragment2());
    list.add(new Fragment3());
list.add(new Fragment4());
}
private void vpAdapter() {
vp4.setAdapter(new FragmentPagerAdapter(getSupportFragmentManager()) {

@Override
public int getCount() {
// TODO Auto-generated method stub
return list.size();
}

@Override
public Fragment getItem(int arg0) {
// TODO Auto-generated method stub

return list.get(arg0);
}
});

}
private void getData() {
new AsyncTask<Void, Void, String>() {  





@Override
protected String doInBackground(Void... arg0) {
String result=new MyHttpClient().getData(path1);

return result; 
}

protected void onPostExecute(String result) {
Gson gson=new Gson();

System.out.println(result); 
fl = gson.fromJson(result, FenLei.class);
tv1.setText(fl.result.get(0));
tv2.setText(fl.result.get(1));
tv3.setText(fl.result.get(2));
tv4.setText(fl.result.get(3));
};
}.execute(); 

}


}



画小圆点   创建drawble文件夹  创建xml文件

选中

<?xml version="1.0" encoding="UTF-8"?>


-<shape xmlns:android="http://schemas.android.com/apk/res/android">


<corners android:radius="12dp"/>


<solid android:color="#f00"/>


</shape>

未选中

<?xml version="1.0" encoding="UTF-8"?>


-<shape xmlns:android="http://schemas.android.com/apk/res/android">


<corners android:radius="12dp"/>


<solid android:color="#fff"/>


</shape>


以上是项目中的   部分代码


以下 是  小Demo   一例


public class MainActivity extends Activity {


private ViewPager vp;
private RelativeLayout rl;
private LinearLayout ll;
    private int[] id={
    R.drawable.a,R.drawable.b,R.drawable.c,
    R.drawable.g,R.drawable.l,R.drawable.n,R.drawable.r,
                     };
    private Handler handler=new Handler(){
    @Override
    public void handleMessage(Message msg) {
    // TODO Auto-generated method stub
    super.handleMessage(msg);
    if(msg.what==1){
    int position=vp.getCurrentItem();
    position++;
    vp.setCurrentItem(position);
    zidong();
    }
   
    }
    };
    private List<ImageView> list=new ArrayList<ImageView>();
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
//获取控件
vp = (ViewPager) findViewById(R.id.vp);
ll = (LinearLayout) findViewById(R.id.ll);
//调用添加适配器的方法
vpAdapter();
//小圆点初始化
indon();
//设置当前的页数
vp.setCurrentItem(20000);
//调用使其自动  轮播的方法
zidong();
//调用viewpage滑动监听的方法
vpListener();
}

//创建viewpage滑动监听的方法
private void vpListener() {
vp.setOnPageChangeListener(new OnPageChangeListener() {

@Override
public void onPageSelected(int arg0) {
//循环判断   循环的次数是图片的页数
for(int i=0;i<id.length;i++){

//如果   当前的页数/图片的总数   ==arg0   则是选中的小圆点    设置   指定小圆点的图片   否则  为 无颜色的小圆点
if(arg0%id.length==i){
list.get(i).setImageResource(R.drawable.don_foruc);
}else{
list.get(i).setImageResource(R.drawable.don_monron);
}
}

}

@Override
public void onPageScrolled(int arg0, float arg1, int arg2) {
// TODO Auto-generated method stub

}

@Override
public void onPageScrollStateChanged(int arg0) {
// TODO Auto-generated method stub

}
});

}
//创建自定义适配器
private void vpAdapter() {
vp.setAdapter(new PagerAdapter() {

@Override
public boolean isViewFromObject(View arg0, Object arg1) {
// TODO Auto-generated method stub
return arg0==arg1;
}

@Override
public int getCount() {
// TODO Auto-generated method stub
//无限轮播
return Integer.MAX_VALUE;
}


@Override
public void destroyItem(ViewGroup container, int position,
Object object) {
container.removeView((View) object);
}


@Override
public Object instantiateItem(ViewGroup container, int position) {
ImageView iv=new ImageView(MainActivity.this);
iv.setImageResource(id[position%id.length]);
container.addView(iv);
return iv;
}

});

}
   //初始化小圆点
private void indon(){
//判断集合中是否有数据    有的话清空
if(list!=null){
list.clear();
}
//循环判断   然后添加  数据
for(int i=0;i<id.length;i++){
//创建自定义的远点   
ImageView av=new ImageView(this);
//判断让第一个小圆点   变色    其他的为无色
if(i==0){
av.setImageResource(R.drawable.don_foruc);
}else{
av.setImageResource(R.drawable.don_monron);
}
//创建
LayoutParams params=new LayoutParams(20,20);
//控制两点之间的距离
params.setMargins(15, 0, 15, 10);
//向   布局中   添加图像
ll.addView(av,params);
//将图像  添加到集合中
list.add(av);
}
}


//使其自动轮播的方法
public void zidong(){
handler.sendEmptyMessageDelayed(1, 3000);
}
}

晓 5
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
ViewPager自动无限轮播加小圆点
liqian719668的博客
04-05 399
1，布局     xmlns:tools="http://schemas.android.com/tools"     android:layout_width="match_parent"     android:layout_height="match_parent"      >         android:layout_width="match_parent"
ViewPager轮播图 加小圆点
qq_34703583的博客
04-21 424
1. 首先在Xml里创建布局         android:id="@+id/ll_dots"         android:layout_width="match_parent"         android:gravity="center_horizontal"         android:layout_height="wrap_content"         a
viewpager无限轮播加小圆点
linghunjieyao的博客
10-25 397
导包: compile 'com.jiechic.library:xUtils:2.6.14' compile 'com.nostra13.universalimageloader:universal-image-loader:1.9.5'res下drawable dot_focus.xml: xml version="1.0" encoding="utf-8"?> shape xml
ViewPager轮播小圆点的实现
Ssssherry的博客
10-08 527
在淘宝、网易云音乐 等等APP应用中我们随处可见小圆点与ViewPager的轮播组合 可见它的应用十分广泛 那么到底如何实现 现在让我们一起来学习！ 一 在布局中写出vp与圆点  <RelativeLayout android:id="@+id/rl" android:layout_width="match_parent" android:layout_heig
ViewPager实现无限轮播+小圆点
qq_36119607的博客
11-23 240
在布局中：         android:id="@+id/viewpager"         android:layout_width="wrap_content"         android:layout_height="wrap_content" >                 android:id="@+id/linearlayout"      
Android viewpager自动轮播和小圆点联动效果
08-29
在很多应用中，比如广告轮播、图片展示等场景，我们常常需要实现`ViewPager`的自动轮播功能，并且搭配小圆点指示器（通常是用于表示当前展示页面的位置）来提供更好的用户体验。本篇将详细介绍如何在Android中实现`...
Viewpager无限轮播+小圆点
04-25
Viewpager无限轮播+小圆点
Android viewpager无限轮播获取网络图片功能
08-29
Android viewpager无限轮播获取网络图片功能解析 Android viewpager无限轮播获取网络图片功能是 Android 开发中一个常见的需求，许多开发者都需要实现这种功能。本文将详细介绍 Android viewpager 无限轮播获取网络...
ViewPager实现自动轮播+手动添加小圆点的适配器
HXgg0114的博客
12-12 285
public class ImagePager extends PagerAdapter {     Context context;     List list;//网络图片地址     public ImagePager(Context context, List list) {         this.context = context;         this
ViewPager轮播 + 小圆点
zhao1332424656的博客
03-17 431
public class MainActivity extends AppCompatActivity {       private ViewPager viewPager;     private String url="http://api.expoon.com/AppNews/getNewsList/type/3/p/1";     Handler handler=new Hand
viewpager的无限轮播和小圆点的改变
yangliu_csdn的博客
04-28 1375
一、此处为页面布局     xmlns:tools="http://schemas.android.com/tools"     android:layout_width="match_parent"     android:layout_height="match_parent"     android:orientation="vertical" >    
无限轮播
wzb666946的博客
03-06 125
   private ViewPager viewPager;    private List&lt;String&gt; picUrls;    private DisplayImageOptions options;    private Handler myHanler=new Handler(){        @Override        public void handleMess...
无限轮播的实现
chenzhi0712的博客
06-28 378
无限轮播
无限轮播图填坑--ViewPager 调用setCurrentItem(int position) 卡死
sandyisbusy的博客
12-21 5574
项目需求有无限轮播图，之前一直用的没问题，就用之前的放上去了，但是，有个需求是刷新时，把轮播图位置复位，心想不就是setCurrentItem么，so easy！ 但....事情却没有那么简单 大家都知道，无限轮播图的做法就是把Adapter中重写getCount返回一个很大的数字，欺骗viewpager有很多，在对position和数据size取模，使数据的position和实际的posit
小圆点+无限轮播+络请求数据_跳转
BoBrother的博客
08-25 348
主Activity public class MainActivity extends AppCompatActivity {     ViewPager       vp;     RadioGroup      rg;     List list;     TextView        huangwang;     TextView        love;     int i
页面自动轮播，选中页面红点伴随手指的移动而移动
weixin_30906701的博客
09-10 84
public class PicturePagerAdapter extends PagerAdapter { private static final String tag = "PicturePagerAdapter"; List<ImageView> list; public PicturePagerAdapter(List<ImageView> i...
第三方登录 友盟QQ登录
干饭银的足迹——博客
06-22 1091
在appliction中配置package com.bwie.appliction;import android.app.Application;import com.nostra13.universalimageloader.cache.memory.impl.UsingFreqLimitedMemoryCache;import com.nostra13.universalimageloader...
百度地图定位及跳到地图页面
干饭银的足迹——博客
06-30 1088
需要百度地图key     key的包 需修改导包、清单文件中配置、build.gradle中需加一句代码    可参考百度APIActivity中的操作public class MainActivity extends AppCompatActivity { public LocationClient mLocationClient = null; public BDLocati...
image圆形图片
干饭银的足迹——博客
06-01 846
第一类  用ImageLorder来实现圆形图创建一个工具类import android.content.Context;import android.graphics.Bitmap;import com.example.test.R;import com.nostra13.universalimageloader.core.DisplayImageOptions;import com.nostr...
用ViewPager实现轮播图
最新发布
05-19
可以使用 ViewPager 实现轮播图，以下是一个简单的实现步骤： 1. 在布局文件中添加 ViewPager 和指示器（可以使用第三方库或自定义实现） ``` <android.support.v4.view.ViewPager android:id="@+id/viewPager" ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

晓 5

有啥不懂的可以单聊解答....

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值