Android 自定義輪播圖片控件使用

效果圖

直接先上效果圖。

實現原理

本篇主要講如何在項目中引用。具體實現請查看Android 自定義輪播圖

添加依賴

在module的 build.gradle 中添加：

allprojects {
    repositories {
        jcenter()
        maven { url quot;https://jitpack.ioquot; }
    }
}

在app的 build.gradle 中添加:

compile 'com.github.fccaikai:AutoScrollViewPager:0.7.0', {
        exclude group: 'com.android.support', module: 'appcompat-v7'
    }

exclude group: 'com.android.support', module: 'appcompat-v7'

是為了解決appcompat版本的沖突，因為我這里用的是24.2.0版本，你們的app可能不是這個版本。

布局文件

activity_main.xml

lt;?xml version=quot;1.0quot; encoding=quot;utf-8quot;?gt;
lt;RelativeLayout
    xmlns:android=quot;http://schemas.android.com/apk/res/androidquot;
    xmlns:tools=quot;http://schemas.android.com/toolsquot;
    android:id=quot;@ id/activity_mainquot;
    android:layout_width=quot;match_parentquot;
    android:layout_height=quot;match_parentquot;
    tools:context=quot;com.kcode.autoviewpager.MainActivityquot;gt;

    lt;com.kcode.autoscrollviewpager.view.AutoScrollViewPager
        android:id=quot;@ id/viewPagerquot;
        android:layout_width=quot;match_parentquot;
        android:layout_height=quot;220dpquot;gt;

    lt;/com.kcode.autoscrollviewpager.view.AutoScrollViewPagergt;
lt;/RelativeLayoutgt;

Activity

package com.kcode.autoviewpager;

import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.widget.ImageView;
import android.widget.Toast;

import com.kcode.autoscrollviewpager.view.AutoScrollViewPager;
import com.kcode.autoscrollviewpager.view.BaseViewPagerAdapter;
import com.kcode.autoviewpager.bean.Picture;
import com.squareup.picasso.Picasso;

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

public class MainActivity extends AppCompatActivity {

    private AutoScrollViewPager mViewPager;

    private String[] paths = {quot;https://ss3.baidu.com/-fo3dSag_xI4khGko9WTAnF6hhy/image/h%3D200/sign=c493b482b47eca800d053ee7a1229712/8cb1cb1349540923abd671df9658d109b2de49d7.jpgquot;,
            quot;https://ss0.baidu.com/94o3dSag_xI4khGko9WTAnF6hhy/image/h%3D200/sign=45fbfa5555da81cb51e684cd6267d0a4/2f738bd4b31c8701491ea047237f9e2f0608ffe3.jpgquot;,
            quot;https://ss2.baidu.com/-vo3dSag_xI4khGko9WTAnF6hhy/image/h%3D200/sign=ae0e95c0fc1986185e47e8847aec2e69/0b46f21fbe096b63eb314ef108338744ebf8ac62.jpgquot;,
            quot;https://ss3.baidu.com/9fo3dSag_xI4khGko9WTAnF6hhy/image/h%3D200/sign=1fad2b46952397ddc9799f046983b216/dc54564e9258d109c94bbb13d558ccbf6d814de2.jpgquot;,
            quot;https://ss1.baidu.com/9vo3dSag_xI4khGko9WTAnF6hhy/image/h%3D200/sign=ff0999f6d4160924c325a51be406359b/86d6277f9e2f070861ccd4a0ed24b899a801f241.jpgquot;};

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

        //初始化AutoScrollViewPager對象
        mViewPager = (AutoScrollViewPager) findViewById(R.id.viewPager);
        //設置Adapter，這里需要重寫loadImage方法，在里面加載圖片，這里我使用的是Picasso框架，你可以換成你自己的。
        mViewPager.setAdapter(new BaseViewPagerAdapterlt;Stringgt;(this,initData(),listener) {
            @Override
            public void loadImage(ImageView view, int position, String url) {
                Picasso.with(MainActivity.this).load(url).into(view);
            }
        });


    }

    private Listlt;Stringgt; initData() {
        Listlt;Stringgt; data = http://www.tuicool.com/articles/new ArrayListlt;gt;();
        Picture picture ;
        for (int i = 0 ; i lt; paths.length ;i  ){
            data.add(paths[i]);
        }
        return data;
    }

    @Override
    protected void onDestroy() {
        super.onDestroy();
        //記得在銷毀的時候調用onDestroy()方法。用來銷毀定時器。
        mViewPager.onDestroy();
    }

    //定義點擊事件
    private BaseViewPagerAdapter.OnAutoViewPagerItemClickListener listener = new BaseViewPagerAdapter.OnAutoViewPagerItemClickListenerlt;Stringgt;() {

        @Override
        public void onItemClick(int position, String url) {
            Toast.makeText(getApplicationContext(),
                    url, Toast.LENGTH_SHORT).show();
        }
    };
}

主要代碼：

• 初始化

  mViewPager = (AutoScrollViewPager) findViewById(R.id.viewPager);
        mViewPager.setAdapter(new BaseViewPagerAdapterlt;Stringgt;(this,initData(),listener) {
            @Override
            public void loadImage(ImageView view, int position, String url) {
                Picasso.with(MainActivity.this).load(url).into(view);
            }
        });

• 點擊事件

  private BaseViewPagerAdapter.OnAutoViewPagerItemClickListener listener = new BaseViewPagerAdapter.OnAutoViewPagerItemClickListenerlt;Stringgt;() {
  
        @Override
        public void onItemClick(int position, String url) {
            Toast.makeText(getApplicationContext(),
                    url, Toast.LENGTH_SHORT).show();
        }
    };

源碼地址： AutoViewPager 歡迎大家start。還在更新中，目前可能還不是很完善。

我的簡書： http://www.jianshu.com/users/629c1b27e187/latest_articles

喜歡的可以關注一下。