当前位置: 首页 > 编程笔记 >

Android viewpager无限轮播获取网络图片功能

公西繁
2023-03-14
本文向大家介绍Android viewpager无限轮播获取网络图片功能,包括了Android viewpager无限轮播获取网络图片功能的使用技巧和注意事项,需要的朋友参考一下

本文实例为大家分享了viewpager无限轮播获取网络图片的具体代码,供大家参考,具体内容如下

话不多说直接上代码,你们都懂的

小圆点属性

dot_focused.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle">

 <solid android:color="#f00"/>
 <corners android:radius="8dp"/>
</shape>

 dot_normal.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle">
 <solid android:color="#88000000"/>
 <corners android:radius="8dp"/>
</shape> 

dot_layout.xml  

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 android:layout_width="match_parent"
 android:layout_height="match_parent"
 android:orientation="vertical" >
 
 <View 
  android:id="@+id/scrollView"
  android:layout_width="8dp"
  android:layout_height="8dp"
  android:layout_margin="3dp"
  android:background="@drawable/dot_normal"
  />

</LinearLayout>


activity_main.xml

<?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"
 >
 <android.support.v4.view.ViewPager
  android:id="@+id/viewPager"
  android:layout_width="match_parent"
  android:layout_height="match_parent">
 </android.support.v4.view.ViewPager>
 <LinearLayout
  android:id="@+id/ll"
  android:layout_marginTop="450dp"
  android:orientation="horizontal"
  android:gravity="center"
  android:layout_width="match_parent"
  android:layout_height="20dp"/>
 
</RelativeLayout>

以上是布局

下面src代码

import android.content.Intent;
import android.os.AsyncTask;
import android.os.Handler;
import android.os.Message;
import android.support.v4.view.PagerAdapter;
import android.support.v4.view.ViewPager;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.Button;
import android.widget.ImageView;
import android.widget.LinearLayout;
import com.bwie.bean.SuperClass;
import com.bwie.utils.NetWorkUtils;
import com.bwie.utils.URLDB;
import com.google.gson.Gson;
import com.nostra13.universalimageloader.core.ImageLoader;
import java.util.ArrayList;
import java.util.List;
import java.util.Timer;
import java.util.TimerTask;

public class MainActivity extends AppCompatActivity {

 private ViewPager viewPager;
 private Button bt;
 private LinearLayout layout;
 private List<SuperClass.ResultBean.DataBean> data;
 private NetWorkUtils netWorkUtils = new NetWorkUtils();//实例化工具类
 private List<ImageView>imgs = new ArrayList<ImageView>();//图片的集合
 private List<View> dots = new ArrayList<View>(); //小圆点集合
 private int i = 0;
 private int dot = 0;
 private Handler handler = new Handler(){
  @Override
  public void handleMessage(Message msg) {
   super.handleMessage(msg);

   viewPager.setCurrentItem(i);
   dots.get(dot).setBackgroundResource(R.drawable.dots_normal);
   dots.get(i%imgs.size()).setBackgroundResource(R.drawable.dots_focus);
   dot=i%imgs.size();
  }
 };
 @Override
 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.activity_main);


  //异步网络请求
  new AsyncTask<String,Integer,String>(){

   @Override
   protected String doInBackground(String... params) {
    String json = netWorkUtils.getJsonHttpConnetion(URLDB.URL_IJ);
    return json;
   }
   @Override
   protected void onPostExecute(String s) {
    super.onPostExecute(s);
    SuperClass superClass = new Gson().fromJson(s, SuperClass.class);
    data = superClass.getResult().getData();
    init();//初始化方法
   }
  }.execute();
 }
 //初始化方法
 private void init() {
  viewPager = (ViewPager) findViewById(R.id.viewPager);
  layout = (LinearLayout) findViewById(R.id.ll);
  getImgs();//获取图片
  getDots();//获取小圆点
  //viewPager适配器
  viewPager.setAdapter(new PagerAdapter() {
   @Override
   public int getCount() {
    return Integer.MAX_VALUE;
   }

   @Override
   public boolean isViewFromObject(View view, Object object) {
    return view==object;
   }

   @Override
   public Object instantiateItem(ViewGroup container, int position) {

    int i = position % imgs.size();
    ImageView imageView = imgs.get(i);
    imageView.setScaleType(ImageView.ScaleType.FIT_XY);
    container.addView(imageView);
    return imageView;
   }

   @Override
   public void destroyItem(ViewGroup container, int position, Object object) {
    container.removeView((View) object);
   }
  });
  //设置初始化位置
  i = imgs.size()*10;
  //得到位置
  viewPager.setCurrentItem(i);
  //设置第一个圆点为true
  dots.get(0).setBackgroundResource(R.drawable.dots_focus);
  //timer自动轮播
  Timer timer = new Timer();
  timer.schedule(new TimerTask() {
   @Override
   public void run() {
    i = viewPager.getCurrentItem() + 1;
    handler.sendEmptyMessage(i);
   }
  },1,2000);
 }

 //图片的方法
 private void getImgs() {

  for(int i = 0;i<data.size();i++){
   List<SuperClass.ResultBean.DataBean.StepsBean> steps = data.get(i).getSteps();
   String url = steps.get(0).getImg();
   ImageView img = new ImageView(this);
   img.setScaleType(ImageView.ScaleType.FIT_XY);
   ImageLoader.getInstance().displayImage(url,img);
   imgs.add(img);
  }
 }
 //小圆点的方法
 private void getDots() {

  for(int i=0;i<imgs.size();i++){
   View view = LayoutInflater.from(this).inflate(R.layout.dot_item,null);
   View viewById = view.findViewById(R.id.scrollView);
   dots.add(viewById);
   layout.addView(view);
  }
 }
}

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持小牛知识库。

 类似资料:
  • 本文向大家介绍IOS 开发之网络图片轮播图的实现,包括了IOS 开发之网络图片轮播图的实现的使用技巧和注意事项,需要的朋友参考一下 IOS 开发之网络图片轮播图的实现 截图 1.使用 2.源码 如有疑问请留言或者到本站社区交流讨论,感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

  • 图片轮播继承自slide插件,因此其DOM结构、事件均和slide插件相同; DOM结构默认不支持循环播放,DOM结构如下: <div class="mui-slider"> <div class="mui-slider-group"> <div class="mui-slider-item"><a href="#"><img src="1.jpg" /></a></div>

  • 本文向大家介绍Android Viewpager实现无限循环轮播图,包括了Android Viewpager实现无限循环轮播图的使用技巧和注意事项,需要的朋友参考一下 在网上找了很多viewpager实现图片轮播的,但是大多数通过以下方式在PagerAdapter的getCount()返回一个无限大的数,来实现 伪无限 虽然通过这种方式是能达到效果,但是从严格意义上来说并不是真正的无限。 假如有五

  • 本文向大家介绍js仿小米官网图片轮播特效,包括了js仿小米官网图片轮播特效的使用技巧和注意事项,需要的朋友参考一下 小米官网给我的感觉是大气、干净。很多特效的加入让人觉得耳目一新,big满满。 看到他们首页的轮播图实现挺有意思,于是自己模仿着写了一个。 大致的感觉出来了,贴个图先: 通过前端神器chrom的F12观察小米官网的html代码,不难看到他们使用5个div包裹图片并使用了定位通过z-in

  • 本文向大家介绍js实现图片无缝循环轮播,包括了js实现图片无缝循环轮播的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了js实现图片无缝循环轮播的具体代码,供大家参考,具体内容如下 代码如下 更多关于轮播图效果的专题,请点击下方链接查看学习 javascript图片轮播效果汇总 jquery图片轮播效果汇总 Bootstrap轮播特效汇总 以上就是本文的全部内容,希望对大家的学习有所帮

  • 本文向大家介绍图解js图片轮播效果,包括了图解js图片轮播效果的使用技巧和注意事项,需要的朋友参考一下 本文实例讲解了js图片轮播效果的实现原理,分享给大家供大家参考,具体内容如下 两种图片轮播实现方案,先来看效果对比: 方案一: 原理:将图片摆成一行,从左到右依次滚动进入视野,当滚动到最后一张时,从右到左滚动回到第一张。这么做的缺点是,滚动到最后一张时,会有一个反向,导致整个滚动过程不连贯。