GVKun编程网logo

[android] 轮播图-滑动图片标题焦点（轮播图滑动效果）

11

此处将为大家介绍关于[android]轮播图-滑动图片标题焦点的详细内容，并且为您解答有关轮播图滑动效果的相关问题，此外，我们还将为您介绍关于AndroidBanner本地和网络轮播图使用介绍、And

此处将为大家介绍关于[android] 轮播图-滑动图片标题焦点的详细内容，并且为您解答有关轮播图滑动效果的相关问题，此外，我们还将为您介绍关于Android Banner本地和网络轮播图使用介绍、Android RollPagerView实现轮播图、android ViewPager 轮播图的实现、Android ViewPager+轮播图，android开发应用实战详解的有用信息。

本文目录一览：

[android] 轮播图-滑动图片标题焦点（轮播图滑动效果）

[android] 轮播图-滑动图片标题焦点（轮播图滑动效果）

谷歌提供的v4包，ViewPager

在布局文件中，先添加<android.support.v4.view.ViewPager/>控件，这个只是轮播的区域

 

在布局文件中，布置标题描述部分

线性布局，竖向排列，背景色黑色半透明，这个布局和上面的ViewPager底部对齐layout_alignBottom=”@id/xxx”

<TextView/>居中显示，

小点部分，先放过空的LinearLayout，id是ll_points在代码中对其进行填充

 

获取ViewPager对象

调用ViewPager对象的setAdapter()方法，参数：PagerAdapter对象

因为PagerAdapter是抽象类，定义一个MyPagerAdapter继承PagerAdapter，实现以下方法

重写getCount()方法，返回轮播的个数

重写isViewFromObject()方法，返回布尔值，

重写instantiateItem()方法，将当前view对象添加到ViewGroup对象，返回当前对象

重写destroyItem()方法，从当前container中删除指定位置（position）的View

 

切换描述标题字符串

定义一个String[]数组，保存标题

调用ViewPager对象的setonPagerchangelistener()方法，参数：OnPagerchangelistener对象

匿名内部类实现，重写以下方法

onPageSelected()方法，页面切换后调用，传递进参数，int索引

onPageScrolled()方法，当页面正在滚动的时候

onPageScrollStateChanged()方法，当页面滚动状态改变的时候

 

小图标部分

新建两个shape文件，使用xml画两个原点

添加节点<shape>，设置形状为原型android:shape=”oval”

添加尺寸节点<size> ，设置宽度，高度，android:width=”” android:height=””

添加颜色节点<solid>，设置颜色 android:color=””

正常情况下，灰色点，焦点的时候，白色的点，两个xm文件的颜色不一样

point.xml

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

    size
        android:height="4dp"
        android:width="4dp" />
    solid android:color="#aaffffff"/>

</shape>

point_write.xml

="#ffffffff">

 

 

新建一个selector文件，当图片enable的时候白色的点，不可用的时候灰色的点，不同的状态不同的图片

添加<selector>节点

添加<item>节点，设置图片属性android:drawable=”” 设置状态android:enabled=”true|false”

point_selector.xml

selector ="http://schemas.android.com/apk/res/android" >
    item android:drawable="@drawable/point" android:state_enabled="false"></item="@drawable/point_write"="true">
selector>

 

 

 

循环大图片的个数，创建ImageView对象，

调用ImageView对象setimageResource()方法，设置资源，参数：selector文件

调用ImageView对象的setLayoutParams()方法，给小图标ImageView对象添加一些margin值，参数：LayoutParams对象，获取LinearLayout.LayoutParams对象，调用LayoutParams对象的rightMargin()方法，设置margin值

调用ImageView对象的setEnabled()方法，设置是否可用，参数：布尔值

 

获取LinearLayout对象，调用LinearLayout对象的addView()方法，把小图标的视图填进去，参数：ImageView对象

 

默认第一个是焦点，随着图片滑动，焦点跟着改变

package com.tsh.myviewpager;

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

 android.app.Activity;
 android.os.Bundle;
 android.support.v4.view.PagerAdapter;
 android.support.v4.view.ViewPager;
 android.support.v4.view.ViewPager.OnPagechangelistener;
 android.view.View;
 android.view.ViewGroup;
 android.widget.ImageView;
 android.widget.LinearLayout;
 android.widget.TextView;

public class MainActivity extends Activity {
    private ViewPager vp_banner;
     LinearLayout ll_points;
     TextView tv_title;
    private List<View> banners;
    private String[] titles=new String[]{
            "新闻标题1","新闻标题2"标题3"
    };
    private List<ImageView> points=new ArrayList<ImageView>();
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        // 初始化
        vp_banner = (ViewPager) findViewById(R.id.vp_banner);
        ll_points = (LinearLayout) findViewById(R.id.ll_points);
        tv_title = (TextView) findViewById(R.id.tv_title);
        
         banner部分
        banners = new ArrayList<>();
        ImageView img1 = new ImageView(this);
        img1.setimageResource(R.drawable.a);
        banners.add(img1);
        ImageView img2 = );
        img2.setimageResource(R.drawable.b);
        banners.add(img2);
        ImageView img3 = );
        img3.setimageResource(R.drawable.c);
        banners.add(img3);
        
        小图标
        ll_points=(LinearLayout) findViewById(R.id.ll_points);
        for(int i=0;i<banners.size();i++){
            ImageView image=);
            image.setimageResource(R.drawable.point_selector);
            LinearLayout.LayoutParams params=new LinearLayout.LayoutParams(5,5);
            params.rightMargin=4;
            image.setLayoutParams(params);
            ll_points.addView(image);
            if(i==0){
                image.setEnabled(true);
            }else{
                image.setEnabled(false);
            }
            points.add(image);
        }
        
         设置适配器
        vp_banner.setAdapter( MyPagerAdapter());
        vp_banner.setonPagechangelistener( OnPagechangelistener() {
            @Override
            void onPageSelected(int arg0) {
                tv_title.setText(titles[arg0]);
                小图标处理
                for(ImageView point:points){
                    point.setEnabled();
                }
                points.get(arg0).setEnabled();
            }
            
            @Override
            void onPageScrolled(int arg0,float arg1,1)"> arg2) {
                 Todo Auto-generated method stub
                
            }
            
            @Override
            void onPageScrollStateChanged( arg0) {
                                
            }
        });
    }

    private class MyPagerAdapter  PagerAdapter {
        @Override
        void destroyItem(ViewGroup container,1)"> position,Object object) {
            container.removeView(banners.get(position));
        }

        @Override
        public Object instantiateItem(ViewGroup container,1)"> position) {
            container.addView(banners.get(position));
            return banners.get(position);
        }

        @Override
         getCount() {
             banners.size();
        }

        @Override
        boolean isViewFromObject(View arg0,Object arg1) {
            return arg0 == arg1;
        }
    }
}

 

Android Banner本地和网络轮播图使用介绍

Android Banner本地和网络轮播图使用介绍

现在恰好有个项目需要做个轮播图效果，这个需求也是很常见的需求，于是就做个笔记写一下实现过程

分为加载本地图片和网络图片

加载本地图片

第一步：先在build.gradle中加入banner和glide的依赖

	//banner依赖
	implementation ''com.youth.banner:banner:1.4.9''
    //Glide框架
    implementation "com.github.bumptech.glide:glide:4.6.1"

第二步：xml布局

<com.youth.banner.Banner
        android:id="@+id/banner"
        android:layout_width="match_parent"
        android:layout_height="300dp"
       />

第三步：MainActivity

public class MainActivity extends AppCompatActivity {
    private Banner mBanner;
    private LocalImageLoader mImageLoader;
    private ArrayList<Integer> imagePath;
    private ArrayList<String> imageTitle;


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

    private void intDate() {
        imagePath = new ArrayList<>();
        imageTitle = new ArrayList<>();
        imagePath.add(R.mipmap.ic_launcher);
        imagePath.add(R.mipmap.ic_launcher);
        imagePath.add(R.mipmap.ic_launcher);
        imagePath.add(R.mipmap.ic_launcher);
        imagePath.add(R.mipmap.ic_launcher);
        imageTitle.add("第一");
        imageTitle.add("第二");
        imageTitle.add("第三");
        imageTitle.add("第四");
        imageTitle.add("第五");
    }

    private void intView() {
        mImageLoader = new LocalImageLoader();
        mBanner = findViewById(R.id.banner);
        //样式
        mBanner.setBannerStyle(BannerConfig.CIRCLE_INDICATOR_TITLE);
        //加载器
        mBanner.setImageLoader(mImageLoader);
        //动画效果
        mBanner.setBannerAnimation(Transformer.ZoomOutSlide);
        //图片标题
        mBanner.setBannerTitles(imageTitle);
        //间隔时间
        mBanner.setDelayTime(4500);
        //是否为自动轮播
        mBanner.isAutoPlay(true);
        //图片小点显示所在位置
        mBanner.setIndicatorGravity(BannerConfig.CENTER);
        //图片加载地址
        mBanner.setImages(imagePath);
        //启动轮播图。
        mBanner.start();
        //监听轮播图
        mBanner.setOnBannerListener(new OnBannerListener() {
            @Override
            public void OnBannerClick(int position) {
                Toast.makeText(MainActivity.this, "点击了" + (position + 1) + "张轮播图", Toast.LENGTH_SHORT).show();
            }
        });
    }
    /**
     * 图片加载类
     */
    private class LocalImageLoader extends ImageLoader {
        @Override
        public void displayImage(Context context, Object path, ImageView imageView) {
            Glide.with(context.getApplicationContext())
                    .load(path)
                    .into(imageView);
        }
    }
}

加载网络图片

只要修改一下intDate(）和LocalImageLoader（）方法就好了
例如：

	private void initData() {
        list_path.add("https://image.baidu.com/search/detail?ct=503316480&z=0&ipn=d&word=%E5%93%86%E5%95%A6A%E6%A2%A6&step_word=&hs=0&pn=8&spn=0&di=118140&pi=0&rn=1&tn=baiduimagedetail&is=0%2C0&istype=0&ie=utf-8&oe=utf-8&in=&cl=2&lm=-1&st=undefined&cs=3835923757%2C1980937759&os=265876109%2C1976020808&simid=0%2C0&adpicid=0&lpn=0&ln=1495&fr=&fmq=1573545585312_R&fm=&ic=undefined&s=undefined&hd=undefined&latest=undefined&copyright=undefined&se=&sme=&tab=0&width=undefined&height=undefined&face=undefined&ist=&jit=&cg=&bdtype=0&oriquery=&objurl=http%3A%2F%2Fimg24.pplive.cn%2Fcs180x240%2F2017%2F11%2F08%2F18331958489.jpg&fromurl=ippr_z2C%24qAzdH3FAzdH3Fe_z%26e3Brrpe_z%26e3Bv54AzdH3Frw2jAzdH3Ftwtk9F2rHzdii0tkWE_z%26e3Bip4s&gsm=&rpstart=0&rpnum=0&islist=&querylist=&force=undefined"); 

        list_path.add("https://image.baidu.com/search/detail?ct=503316480&z=0&ipn=d&word=%E5%93%86%E5%95%A6A%E6%A2%A6&step_word=&hs=0&pn=8&spn=0&di=118140&pi=0&rn=1&tn=baiduimagedetail&is=0%2C0&istype=0&ie=utf-8&oe=utf-8&in=&cl=2&lm=-1&st=undefined&cs=3835923757%2C1980937759&os=265876109%2C1976020808&simid=0%2C0&adpicid=0&lpn=0&ln=1495&fr=&fmq=1573545585312_R&fm=&ic=undefined&s=undefined&hd=undefined&latest=undefined&copyright=undefined&se=&sme=&tab=0&width=undefined&height=undefined&face=undefined&ist=&jit=&cg=&bdtype=0&oriquery=&objurl=http%3A%2F%2Fimg24.pplive.cn%2Fcs180x240%2F2017%2F11%2F08%2F18331958489.jpg&fromurl=ippr_z2C%24qAzdH3FAzdH3Fe_z%26e3Brrpe_z%26e3Bv54AzdH3Frw2jAzdH3Ftwtk9F2rHzdii0tkWE_z%26e3Bip4s&gsm=&rpstart=0&rpnum=0&islist=&querylist=&force=undefined");

        list_path.add("https://image.baidu.com/search/detail?ct=503316480&z=0&ipn=d&word=%E5%93%86%E5%95%A6A%E6%A2%A6&step_word=&hs=0&pn=8&spn=0&di=118140&pi=0&rn=1&tn=baiduimagedetail&is=0%2C0&istype=0&ie=utf-8&oe=utf-8&in=&cl=2&lm=-1&st=undefined&cs=3835923757%2C1980937759&os=265876109%2C1976020808&simid=0%2C0&adpicid=0&lpn=0&ln=1495&fr=&fmq=1573545585312_R&fm=&ic=undefined&s=undefined&hd=undefined&latest=undefined&copyright=undefined&se=&sme=&tab=0&width=undefined&height=undefined&face=undefined&ist=&jit=&cg=&bdtype=0&oriquery=&objurl=http%3A%2F%2Fimg24.pplive.cn%2Fcs180x240%2F2017%2F11%2F08%2F18331958489.jpg&fromurl=ippr_z2C%24qAzdH3FAzdH3Fe_z%26e3Brrpe_z%26e3Bv54AzdH3Frw2jAzdH3Ftwtk9F2rHzdii0tkWE_z%26e3Bip4s&gsm=&rpstart=0&rpnum=0&islist=&querylist=&force=undefined");

        list_path.add("https://image.baidu.com/search/detail?ct=503316480&z=0&ipn=d&word=%E5%93%86%E5%95%A6A%E6%A2%A6&step_word=&hs=0&pn=8&spn=0&di=118140&pi=0&rn=1&tn=baiduimagedetail&is=0%2C0&istype=0&ie=utf-8&oe=utf-8&in=&cl=2&lm=-1&st=undefined&cs=3835923757%2C1980937759&os=265876109%2C1976020808&simid=0%2C0&adpicid=0&lpn=0&ln=1495&fr=&fmq=1573545585312_R&fm=&ic=undefined&s=undefined&hd=undefined&latest=undefined&copyright=undefined&se=&sme=&tab=0&width=undefined&height=undefined&face=undefined&ist=&jit=&cg=&bdtype=0&oriquery=&objurl=http%3A%2F%2Fimg24.pplive.cn%2Fcs180x240%2F2017%2F11%2F08%2F18331958489.jpg&fromurl=ippr_z2C%24qAzdH3FAzdH3Fe_z%26e3Brrpe_z%26e3Bv54AzdH3Frw2jAzdH3Ftwtk9F2rHzdii0tkWE_z%26e3Bip4s&gsm=&rpstart=0&rpnum=0&islist=&querylist=&force=undefined"); 
        list_path.add("https://image.baidu.com/search/detail?ct=503316480&z=0&ipn=d&word=%E5%93%86%E5%95%A6A%E6%A2%A6&step_word=&hs=0&pn=8&spn=0&di=118140&pi=0&rn=1&tn=baiduimagedetail&is=0%2C0&istype=0&ie=utf-8&oe=utf-8&in=&cl=2&lm=-1&st=undefined&cs=3835923757%2C1980937759&os=265876109%2C1976020808&simid=0%2C0&adpicid=0&lpn=0&ln=1495&fr=&fmq=1573545585312_R&fm=&ic=undefined&s=undefined&hd=undefined&latest=undefined&copyright=undefined&se=&sme=&tab=0&width=undefined&height=undefined&face=undefined&ist=&jit=&cg=&bdtype=0&oriquery=&objurl=http%3A%2F%2Fimg24.pplive.cn%2Fcs180x240%2F2017%2F11%2F08%2F18331958489.jpg&fromurl=ippr_z2C%24qAzdH3FAzdH3Fe_z%26e3Brrpe_z%26e3Bv54AzdH3Frw2jAzdH3Ftwtk9F2rHzdii0tkWE_z%26e3Bip4s&gsm=&rpstart=0&rpnum=0&islist=&querylist=&force=undefined"); 
        list_path.add("https://image.baidu.com/search/detail?ct=503316480&z=0&ipn=d&word=%E5%93%86%E5%95%A6A%E6%A2%A6&step_word=&hs=0&pn=8&spn=0&di=118140&pi=0&rn=1&tn=baiduimagedetail&is=0%2C0&istype=0&ie=utf-8&oe=utf-8&in=&cl=2&lm=-1&st=undefined&cs=3835923757%2C1980937759&os=265876109%2C1976020808&simid=0%2C0&adpicid=0&lpn=0&ln=1495&fr=&fmq=1573545585312_R&fm=&ic=undefined&s=undefined&hd=undefined&latest=undefined&copyright=undefined&se=&sme=&tab=0&width=undefined&height=undefined&face=undefined&ist=&jit=&cg=&bdtype=0&oriquery=&objurl=http%3A%2F%2Fimg24.pplive.cn%2Fcs180x240%2F2017%2F11%2F08%2F18331958489.jpg&fromurl=ippr_z2C%24qAzdH3FAzdH3Fe_z%26e3Brrpe_z%26e3Bv54AzdH3Frw2jAzdH3Ftwtk9F2rHzdii0tkWE_z%26e3Bip4s&gsm=&rpstart=0&rpnum=0&islist=&querylist=&force=undefined"); 
		
        list_title.add("哆啦A梦1");
        list_title.add("哆啦A梦2");
        list_title.add("哆啦A梦3");
        list_title.add("哆啦A梦4");
        list_title.add("哆啦A梦5");
        list_title.add("哆啦A梦6");
    }

  private class LocalImageLoader extends ImageLoader {
        @Override
        public void displayImage(Context context, Object path, ImageView imageView) {
            Glide.with(context.getApplicationContext())
                    .load((String) path)
                    .into(imageView);
        }
    }

下载网络图片的时候要记得添加网络权限

<uses-permission android:name="android.permission.INTERNET" />

补充。轮播图几种默认样式对比。。。PS：如果轮播图不想要title，就更改样式就好了

需要注意的是，如果设置有标题出现的样式，那么一定要设置setBannerTitles属性，不然会报错

样式一：CIRCLE_INDICATOR：无标题，有小圆点

//banner无标题样式
mBanner.setBannerStyle(BannerConfig.CIRCLE_INDICATOR);

效果图：

在这里插入图片描述

样式二：CIRCLE_INDICATOR_TITLE_INSIDE：小圆点和标题在同一栏

mBanner.setBannerStyle(BannerConfig.CIRCLE_INDICATOR_TITLE_INSIDE);

效果图

在这里插入图片描述

样式三：CIRCLE_INDICATOR_TITLE：标题和小圆点同时出现

mBanner.setBannerStyle(BannerConfig.CIRCLE_INDICATOR_TITLE);

效果图：

在这里插入图片描述

到此这篇关于Android Banner本地和网络轮播图使用介绍的文章就介绍到这了,更多相关Android本地和网络轮播图内容请搜索以前的文章或继续浏览下面的相关文章希望大家以后多多支持！

您可能感兴趣的文章:
  • Android banner的使用详解与示例
  • Android banner详解用法案例
  • Android实现简单的banner轮播图
  • Android实现层叠卡片式banner
  • Android自定义图片轮播Banner控件使用解析
  • Android垂直切换的圆角Banner与垂直指示器相关介绍与应用详解

Android RollPagerView实现轮播图

Android RollPagerView实现轮播图

Android RollPagerView实现轮播图

android图片轮播效果，RollViewPager的简单使用  

  
<com.jude.rollviewpager.RollPagerView 
      android:id="@+id/mViewPager" 
      android:layout_width="match_parent" 
      android:layout_height="170dp" 
      app:rollviewpager_play_delay="3000" />

    在build.gradle（app）加载包

compile 'com.jude:rollviewpager:1.2.9'

 实现代码：

//广告轮播 
mViewPager = (RollPagerView) ItemView.findViewById(R.id.mViewPager);     
mViewPager.setAdapter(new ImageLoopAdapter(getActivity(),mViewPager)); 

// ImageLoopAdapter.java

public class ImageLoopAdapter extends LoopPagerAdapter { 
 
  String[] imgs = new String[0]; 
  private Context mContext; 
  public ImageLoopAdapter(Context mContext,RollPagerView viewPager) { 
    super(viewPager); 
 
    this.mContext = mContext; 
  } 
 
  @Override 
  public View getView(ViewGroup container,int position) { 
    ImageView view = new ImageView(container.getContext()); 
    view.setScaleType(ImageView.ScaleType.CENTER_CROP); 
    view.setLayoutParams(new ViewGroup.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT,ViewGroup.LayoutParams.MATCH_PARENT)); 
    Glide.with(mContext).load(Constants.URL[position]).into(view); 
 
    return view; 
  } 
 
  @Override 
  public int getRealCount() { 
    return Constants.URL.length; 
  } 
}

 添加图片数据源：

这里可以自己设定

public class  Constants { 
 
  public static String[] URL = { 
      "http://cdn-l.llsapp.com/connett/c3115411-3669-466d-8ef2-e6c42c690303","http://7xjww9.com1.z0.glb.clouddn.com/Hopetoun_falls.jpg","http://cdn.llsapp.com/crm_test_1449051526097.jpg",}; 
 
 
}

以上就是Android 实现轮播图的实例，如有疑问请留言或者到本站社区交流讨论，感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！

android ViewPager 轮播图的实现

android ViewPager 轮播图的实现

原理很简单，发送一个延迟消息就可以了，具体说明看代码：

universal-imageloader 进行的图片加载;

MainActivity：

package com.hong.autoshowpager;

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.View;
import android.view.ViewGroup;
import android.widget.ImageView;

import com.nostra13.universalimageloader.core.DisplayImageOptions;
import com.nostra13.universalimageloader.core.ImageLoader;

import java.util.ArrayList;

public class MainActivity extends AppCompatActivity {
    ViewPager viewPager;
    private MyViewPager adapter;

    private ArrayList<String> showImages;//网络数据(图片的url)
    private DisplayImageOptions options;//加载图片的option设置(universal-imageloader框架)

    /**
     * 自动轮播效果;
     */
    private Handler handler = new Handler() {
        @Override
        public void handleMessage(Message msg) {
            switch (msg.what) {
                case 1:
                    int currentItem = viewPager.getCurrentItem();//获取当前pager的position
                    viewPager.setCurrentItem(currentItem + 1);//收到消息后，播放下一张
                    removeCallbacksAndMessages(null);//移除消息回调
                    sendEmptyMessageDelayed(1, 3000);//再次发送播放下一张的消息;
                    break;
            }
        }
    };
    private MyOnPageChangeListener myOnPageChangeListenr;
    int currentPosition;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        options = new DisplayImageOptions.Builder()//option的设置
                .showImageOnLoading(R.drawable.ic_launcher)
                .cacheOnDisk(true)
                .cacheInMemory(true)
                .build();

        viewPager = (ViewPager) findViewById(R.id.viewpager);

        showImages = ContentUtils.getShowImages();//从数据类里面获得播放的图片数据
        currentPosition = showImages.size() * 2000;//设置初始化时显示第 currentPosition 页;可以设置很大显示position值
        adapter = new MyViewPager();

        viewPager.setCurrentItem(currentPosition);//设置到 currentPosition 的页面
        myOnPageChangeListenr = new MyOnPageChangeListener();


        viewPager.setAdapter(adapter);
        viewPager.addOnPageChangeListener(myOnPageChangeListenr);//给viewPager设置监听事件
        handler.sendEmptyMessageDelayed(1, 3000);//发送延迟消息,每3秒播放下一张

    }

    /**
     * 适配器
     */
    private class MyViewPager extends PagerAdapter {
        @Override
        public void destroyItem(ViewGroup container, int position, Object object) {
            container.removeView((View) object);
        }

        @Override
        public Object instantiateItem(ViewGroup container, int position) {
            View pager1 = View.inflate(getApplicationContext(), R.layout.item_pager, null);
            ImageView imageView = (ImageView) pager1.findViewById(R.id.item_imageview);

            //对Position进行取模，因为 getCount() 方法里面返回的数量是很大的；否则会 OutOfIndexException 错误
            ImageLoader.getInstance().displayImage(showImages.get(position % showImages.size()), imageView, options);
            container.addView(pager1);
            return pager1;
        }

        @Override
        public int getCount() {
            return showImages.size() * 5000;//当然也可以写成：Integer.MAX_VALUE; 随你心情;

        }

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

    /**
     * 实现监听的类
     * 在拖拽状态时不进行轮播
     */
    private class MyOnPageChangeListener implements ViewPager.OnPageChangeListener {

        @Override
        public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {

        }

        @Override
        public void onPageSelected(int position) {

        }

        @Override
        public void onPageScrollStateChanged(int state) {
            if (state == ViewPager.SCROLL_STATE_DRAGGING) {//在 拖拽 的时候移除消息回调
                handler.removeCallbacksAndMessages(null);
            } else if (state == ViewPager.SCROLL_STATE_SETTLING) {//在 松手复位 的时候重新发送消息
                handler.sendEmptyMessageDelayed(1, 3000);
            } else if (state == ViewPager.SCROLL_STATE_IDLE) {//在 空闲 时候发送消息
                handler.sendEmptyMessageDelayed(1, 3000);
            }
        }
    }
}


ContentUtils:

private static String[] showImages = {
        "http://wimg.spriteapp.cn/ugc/2016/04/01/56fdfa2133add_1.jpg",
        "http://wimg.spriteapp.cn/ugc/2015/12/20/5675e6ea806e0_a_1.jpg",
        "http://wimg.spriteapp.cn/ugc/2016/04/01/56fdfd7d9483f_a_1.jpg"
};

public static ArrayList<String> getShowImages() {
    ArrayList<String> images = new ArrayList<>();
    for (int i = 0; i < showImages.length; i++) {
        images.add(showImages[i]);
    }
    return images;
}

不要忘了 添加权限。

demo地址： http://download.csdn.net/download/qq_33363534/9480283

Android ViewPager+轮播图，android开发应用实战详解

Android ViewPager+轮播图，android开发应用实战详解

v.setBackgroundResource(R.drawable.indicator_selected);

LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(UIUtils.dip2px(6), UIUtils.dip2px(6));// dp

// -->

// px

if (i != 0) {

params.leftMargin = UIUtils.dip2px(8);

params.bottomMargin = UIUtils.dip2px(8);

} else {

v.setBackgroundResource(R.drawable.indicator_normal);// 设置默认选中

}

mPointContainer.addView(v, params);

5.2 MAX_VALUE / 3、middle % 3表示第一个小黑点是默认的

// 给ViewPager设置中间选中的值

int middle = Integer.MAX_VALUE / 3;

int extra = middle % 3;

mViewPaper.setCurrentItem(middle - extra);

5.3 轮播图延迟时间，看看下面理解

//自动播放广告栏任务

class AutoSwitchTask implements Runnable {

// 开始轮播

public void start() {

stop();

UIUtils.postDelayed(this, 10000);//“10000”表示轮播图的第一图片开始延迟时间后轮播

}

// 停止轮播

public void stop() {

UIUtils.removeCallbacks(this);

}

@Override

public void run() {

// 让ViewPager选中下一个

int item = mViewPaper.getCurrentItem();

mViewPaper.setCurrentItem(++item);

UIUtils.postDelayed(this, 5000);//“5000”表示每一个图片延迟时间后轮播

}

}

5.4 给容器添加三个轮播图，看看下面理解

@Override

public Object instantiateItem(ViewGroup container, int position) {

position = position % 3;//三个轮播图

ImageView iv = new ImageView(MainActivity.this);

iv.setScaleType(ImageView.ScaleType.FIT_XY);

// 给iv设置数据

iv.setimageResource(R.drawable.image1);// 设置默认图片

// 设置网络图片

if (position == 0) {

iv.setimageResource(R.drawable.image1);//第一个轮播图

// BitmapHelper.display(iv,R.drawable.image1 );

} else if (position == 1){

iv.setimageResource(R.drawable.image2);//第二个轮播图

}else {

iv.setimageResource(R.drawable.image3);//第三个轮播图

}

// BitmapHelper.display(iv, AppConfig.IMAGE_BASE_UR


L + roastingDatas.get(position).get(“ID”));

final int finalPosition = position;

iv.setonClickListener(new View.OnClickListener() {

@Override

public void onClick(View v) {

roastingPictureClick(finalPosition);

}

});

// 给viewpager加视图

container.addView(iv);

return iv;

}

5.5 轮播图点击事件，代码如下：

//轮播图点击

private void roastingPictureClick(int position) {

Toast.makeText(this, “轮播图点击:” + position, Toast.LENGTH_SHORT).show();

}

在这里插入图片描述

5.6 三个小点，一个小黑点，二个小白点

@Override

public void onPageSelected(int position) {

// 页面选中时

position = position % 3;

int count = mPointContainer.getChildCount();

for (int i = 0; i < count; i++) {

View view = mPointContainer.getChildAt(i);
ublic void onPageSelected(int position) {

// 页面选中时

position = position % 3;

int count = mPointContainer.getChildCount();

for (int i = 0; i < count; i++) {

View view = mPointContainer.getChildAt(i);

我们今天的关于[android] 轮播图-滑动图片标题焦点和轮播图滑动效果的分享就到这里，谢谢您的阅读，如果想了解更多关于Android Banner本地和网络轮播图使用介绍、Android RollPagerView实现轮播图、android ViewPager 轮播图的实现、Android ViewPager+轮播图，android开发应用实战详解的相关信息，可以在本站进行搜索。

本文标签：

上一篇[android] 手机卫士接收打电话广播显示号码归属地（来电播报归属地）

下一篇[android] 切换按钮-自定义控件-拖动效果（安卓控件拖动）

相关文章