shape圆点轮播(viewpager适配器)

activity_main.xml 文件设置

<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" >

    <android.support.v4.view.ViewPager
        android:id="@+id/viewPager"
        android:layout_width="match_parent"
        android:layout_height="250dp" >
    </android.support.v4.view.ViewPager>

    <LinearLayout
        android:id="@+id/ll_dots"
        android:gravity="center"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignBottom="@id/viewPager" >
    </LinearLayout>

</RelativeLayout>

MainActivity主入口里

package com.example.roolimage;

import java.util.ArrayList;

import android.app.Activity;
import android.os.Bundle;
import android.os.Handler;
import android.support.v4.view.ViewPager;
import android.support.v4.view.ViewPager.OnPageChangeListener;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.LinearLayout.LayoutParams;

public class MainActivity extends Activity {

    private LinearLayout ll_dots;
    private ViewPager viewPager;

    private String[] imageUrls = new String[] {
            "http://192.168.137.110:8080/ab.jpg",
            "http://192.168.137.110:8080/ae.jpg",
            "http://192.168.137.110:8080/af.jpg",
            "http://192.168.137.110:8080/ah.jpg" };

    private ArrayList<ImageView> dotsList;
    Handler handler = new Handler() {
        public void handleMessage(android.os.Message msg) {
            if (msg.what == 0) {
                // 先获取当前页码值
                int currentItem = viewPager.getCurrentItem();
                // 设置条目页码加加
                currentItem++;
                viewPager.setCurrentItem(currentItem);
                // 再发送消息
                move();
            }
        };
    };

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        viewPager = (ViewPager) findViewById(R.id.viewPager);
        ll_dots = (LinearLayout) findViewById(R.id.ll_dots);
        // 设置viewPager的数据适配器
        viewPager.setAdapter(new MyPagerAdapter(this, imageUrls, handler));
        // 设置当前的页码
        viewPager.setCurrentItem(10000000);
        initDots();
        viewPager.setOnPageChangeListener(new OnPageChangeListener() {
            @Override
            public void onPageSelected(int position) {
                for (int i = 0; i < dotsList.size(); i++) {
                    if (position % imageUrls.length == i) {
                        dotsList.get(i).setImageDrawable(
                                getResources().getDrawable(
                                        R.drawable.dots_focused));
                    } else {
                        dotsList.get(i).setImageDrawable(
                                getResources().getDrawable(
                                        R.drawable.dots_normal));
                    }
                }
            }

            @Override
            public void onPageScrolled(int arg0, float arg1, int arg2) {
            }

            @Override
            public void onPageScrollStateChanged(int arg0) {
            }
        });
        // 先执行发送消息
        move();
    }

    public void move() {
        handler.sendEmptyMessageDelayed(0, 2000);
    }

    // 初始化小点
    private void initDots() {
        dotsList = new ArrayList<ImageView>();
        ll_dots.removeAllViews();
        dotsList.clear();
        for (int i = 0; i < imageUrls.length; i++) {
            ImageView imageView = new ImageView(this);
            // 加小点
            if (i == 0) {
                // 默认就是一个亮的小点
                imageView.setImageDrawable(getResources().getDrawable(
                        R.drawable.dots_focused));
            } else {
                imageView.setImageDrawable(getResources().getDrawable(
                        R.drawable.dots_normal));
            }
            // 设置小点的宽高 dp---dip
            LayoutParams params = new LayoutParams(20, 20);
            // 将imageView添加到线性布局里边
            // 设置边距
            params.setMargins(5, 0, 5, 0);
            ll_dots.addView(imageView, params);
            // 将小点添加到集合中
            dotsList.add(imageView);
        }
    }
}

MyPagerAdapter适配器类

package com.example.roolimage;

import android.content.Context;
import android.os.Handler;
import android.support.v4.view.PagerAdapter;
import android.util.Log;
import android.view.MotionEvent;
import android.view.View;
import android.view.View.OnTouchListener;
import android.view.ViewGroup;
import android.widget.ImageView;

import com.lidroid.xutils.BitmapUtils;

public class MyPagerAdapter extends PagerAdapter {
    protected static final String TAG = "MyPagerAdapter";
    private String[] imageUrls;
    private Context context;
    private Handler handler;

    public MyPagerAdapter(Context context, String[] imageUrls, Handler handler) {
        this.context = context;
        this.imageUrls = imageUrls;
        this.handler = handler;
    }

    @Override
    public int getCount() {
        return Integer.MAX_VALUE;
    }
    @Override
    public boolean isViewFromObject(View arg0, Object arg1) {
        return arg0 == arg1;
    }
    @Override
    public Object instantiateItem(ViewGroup container, int position) {
        ImageView imageView = new ImageView(context);
        imageView.setOnTouchListener(new OnTouchListener() {

            @Override
            public boolean onTouch(View v, MotionEvent event) {
                switch (event.getAction()) {
                // 按下
                case MotionEvent.ACTION_DOWN:
                    // 移除所有消息和任务
                    handler.removeCallbacksAndMessages(null);
                    Log.i(TAG, "down......");
                    break;
                // 手指抬起
                case MotionEvent.ACTION_UP:
                    handler.sendEmptyMessageDelayed(0, 2000);
                    Log.i(TAG, "up......");
                    break;
                // 取消触摸事件
                case MotionEvent.ACTION_CANCEL:
                    Log.i(TAG, "cancel......");
                    handler.sendEmptyMessageDelayed(0, 2000);
                    break;
                default:
                    break;
                }
                // 是否消费该事件 事件的传递机制
                return true;
            }
        });
        BitmapUtils bitmapUtils = new BitmapUtils(context);
        bitmapUtils.display(imageView, imageUrls[position % imageUrls.length]);
        container.addView(imageView);
        return imageView;

        /*View view = View.inflate(context, R.layout.viewitems, null);
        TextView view_title = (TextView) view.findViewById(R.id.view_title);
        ImageView view_image = (ImageView) view.findViewById(R.id.view_image); // 设置数据
        BitmapUtils bitmapUtils = new BitmapUtils(context);
        bitmapUtils.display(view_image,
                fromJson.result.video_rec.get(position).cover);
        view_title.setText(fromJson.result.video_rec.get(position).title);
        container.addView(view);
        return view;*/
    }

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

shape画图
dots_focused.xml

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

</shape>

dots_normal.xml

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

</shape>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值