Android轮播图(ViewPage)

Demo传送门：http://download.csdn.net/detail/as_jon/9624249
在android移动端的开发中，首页轮播图是一个特别常见的功能，所以今天就来将最近写的一个小demo记录一下。

首先当然是新建一个项目代码如下：

activity_main.xml文件：

<?xml version="1.0" encoding="utf-8"?><RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:tools="http://schemas.android.com/tools"    android:layout_width="match_parent"    android:layout_height="match_parent"    tools:context="com.yzp.viewpagedemo.MainActivity"    android:background="#f6f6f6">        <RelativeLayout        android:id="@+id/topPanel_vpg"        android:layout_width="match_parent"        android:layout_height="190dp"        >        <android.support.v4.view.ViewPager            android:id="@+id/ViewPage_Detail"            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:flipInterval="30"            android:persistentDrawingCache="animation" />        <LinearLayout            android:id="@+id/point_detail"            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:layout_gravity="center"            android:orientation="horizontal"            android:layout_centerHorizontal="true"            android:layout_alignParentBottom="true"            >        LinearLayout>    RelativeLayout>RelativeLayout>

MainActivity

package com.yzp.viewpagedemo;import android.content.Context;import android.os.Handler;import android.os.Message;import android.support.v4.view.ViewPager;import android.support.v7.app.AppCompatActivity;import android.os.Bundle;import android.view.View;import android.widget.ImageView;import android.widget.LinearLayout;import java.util.ArrayList;public class MainActivity extends AppCompatActivity {    private ViewPager ViewPage_Detail;    private LinearLayout point_detail;    private Context context;    private View view;    //轮播图图片资源    private final int[] viewpage_images = {R.mipmap.two, R.mipmap.three, R.mipmap.four, R.mipmap.fifve};    private ArrayList viewpage_imageList;    //判断是否自动滚动ViewPage    private boolean isRunning = true;    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_main);        Instantiation();    }    public void Instantiation() {        ViewPage_Detail = (ViewPager)findViewById(R.id.ViewPage_Detail);        point_detail = (LinearLayout)findViewById(R.id.point_detail);        //初始化图片资源        viewpage_imageList = new ArrayList();        for (int i : viewpage_images) {            // 初始化图片资源            ImageView imageView = new ImageView(this);            imageView.setBackgroundResource(i);            viewpage_imageList.add(imageView);            // 添加指示小点            ImageView point = new ImageView(this);            LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(15,                    15);            params.rightMargin = 10;            params.bottomMargin = 15;            point.setLayoutParams(params);            point.setBackgroundResource(R.mipmap.light_blue_point);            if (i == R.mipmap.two) {                //默认聚焦在第一张                point.setBackgroundResource(R.mipmap.blue_point);                point.setEnabled(true);            } else {                point.setEnabled(false);            }            point_detail.addView(point);        }        //首页轮播        CarouselShow carouselShow = new CarouselShow(context, viewpage_imageList);        carouselShow.CarouselShow_Info_Detail(this);        handler.sendEmptyMessageDelayed(0, 3000);    }    private Handler handler = new Handler() {        public void handleMessage(Message msg) {            // 执行滑动到下一个页面            ViewPage_Detail.setCurrentItem(ViewPage_Detail.getCurrentItem() + 1);            if (isRunning) {                // 在发一个handler延时                handler.sendEmptyMessageDelayed(0, 3000);            }        }    };    @Override    public void onDestroy() {        // 停止滚动        isRunning = false;        super.onDestroy();    }}

CarouselShow类(轮播功能实现)：

package com.yzp.viewpagedemo;import android.content.Context;import android.support.v4.view.ViewPager;import android.widget.ImageView;import android.widget.LinearLayout;import java.util.ArrayList;/** * 轮播展示公共类 * 作者: yzp on 2016-09-07. * E-mail: 15111424807@163.com * QQ: 486492302 */public class CarouselShow {    private final Context context;    private LinearLayout point_group;    private ArrayList viewpage_imageList;    protected int lastPosition = 0;    private ViewPager ViewPage_Detail;    private LinearLayout point_detail;    public CarouselShow(Context context, ArrayList viewpage_imageList) {        this.context = context;        this.viewpage_imageList = viewpage_imageList;    }    /**     * 当需要多个轮播功能的时候 建立一个类来调用 并实现此方法     */    public void CarouselShow_Info_Detail(MainActivity view){        ViewPage_Detail = (ViewPager)view.findViewById(R.id.ViewPage_Detail);        point_detail = (LinearLayout) view.findViewById(R.id.point_detail);        ViewPage_Detail.setAdapter(new TeaNetPageAdapter(viewpage_imageList));        // 设置当前viewPager的位置        ViewPage_Detail.setCurrentItem(Integer.MAX_VALUE / 2                - (Integer.MAX_VALUE / 2 % viewpage_imageList.size()));        ViewPage_Detail.setOnPageChangeListener(new ViewPager.OnPageChangeListener() {            @Override            public void onPageSelected(int position) {                // 页面切换后调用， position是新的页面位置                // 实现无限制循环播放                position %= viewpage_imageList.size();                // 把当前点设置为true,将上一个点设为false；并设置point_group图标                point_detail.getChildAt(position).setEnabled(true);                point_detail.getChildAt(position).setBackgroundResource(R.mipmap.blue_point);//设置聚焦时的图标样式                point_detail.getChildAt(lastPosition).setEnabled(false);                point_detail.getChildAt(lastPosition).setBackgroundResource(R.mipmap.light_blue_point);//上一张恢复原有图标                lastPosition = position;            }            @Override            public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {            }            @Override            public void onPageScrollStateChanged(int state) {            }        });    }}

TeaNetPageAdapter(适配器)：

package com.yzp.viewpagedemo;import android.support.v4.view.PagerAdapter;import android.view.View;import android.view.ViewGroup;import android.widget.ImageView;import java.util.ArrayList;/** * 作者: yzp on 2016-09-07. * E-mail: 15111424807@163.com * QQ: 486492302 */public class TeaNetPageAdapter extends PagerAdapter {    private ArrayList viewpage_imageList;    public TeaNetPageAdapter(ArrayList viewpage_imageList) {        this.viewpage_imageList = viewpage_imageList;    }    // 需要实现以下四个方法    @Override    public int getCount() {        return Integer.MAX_VALUE;    }    @Override    public boolean isViewFromObject(View view, Object object) {        // 判断view和Object对应是否有关联关系        if (view == object) {            return true;        } else {            return false;        }    }    @Override    public Object instantiateItem(ViewGroup container, int position) {        // 获得相应位置上的view； container view的容器，其实就是viewpage自身,        // position: viewpager上的位置        // 给container添加内容        container.addView(viewpage_imageList.get(position % viewpage_imageList.size()));        return viewpage_imageList.get(position % viewpage_imageList.size());    }    @Override    public void destroyItem(ViewGroup container, int position, Object object) {        // 销毁对应位置上的Object        // super.destroyItem(container, position, object);        container.removeView((View) object);        object = null;    }}

简单的几个类，首页轮播的功能就实现了，不过主类的图片资源就没有贴出来了，到时候可以自己下载几张图片，贴到mipmap文件夹下就OK了。

效果图展示：

更多相关文章

随机推荐