ViewPager广告位_完整版_轮播_手势(指)控制

	ViewPager做广告位,其实有好多种方法,可是我做了好多,觉得自己理论上都可以走,可是一写完就出不来完美的效果,这次总算是完美了
	有标题,有图片,有指示器

1、编写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:id="@+id/activity_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="com.xu.show_viewpager2.MainActivity">

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="180dp">
        <android.support.v4.view.ViewPager
            android:id="@+id/vp_id"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            />
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="40dp"
            android:orientation="vertical"
            android:layout_alignParentBottom="true"
            android:padding="5dp"
            android:background="#6000"
            android:gravity="center_horizontal"
            >
            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:id="@+id/tv_desc"
                android:textColor="#fff"
                />
            <LinearLayout
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:id="@+id/ll_point"
                android:orientation="horizontal"
                android:layout_marginTop="5dp"
                ></LinearLayout>

        </LinearLayout>
    </RelativeLayout>

</RelativeLayout>

2、编写java代码


package com.xu.show_viewpager2;

import android.os.Bundle;
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.util.Log;
import android.view.MotionEvent;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.TextView;
import android.widget.Toast;

import java.util.ArrayList;

public class MainActivity extends AppCompatActivity implements ViewPager.OnPageChangeListener{

    //控件
    private TextView tv;
    private LinearLayout linearLayout;
    private ViewPager vp;
    //数据
    private int[] imageResIds;
    private ArrayList<ImageView> imageViews;
    private String[] contentDescs;

    private boolean isRunning=true;//viewpager是否自动循环

    private Handler handler=new Handler(){
        @Override
        public void handleMessage(Message msg) {
            super.handleMessage(msg);

            switch (msg.what){
                case 1:
                    if(isRunning){
                        vp.setCurrentItem(vp.getCurrentItem()+1);
                        handler.sendEmptyMessageDelayed(1,3000);
                    }
                    break;
            }

        }
    };
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        //MVC模型  model数据 View视图 Control控制
        initView();
        initData();
        initAdapter();
        startPaly();
    }
    //轮播 播放 开启
    private void startPaly(){
        handler.sendEmptyMessageDelayed(1,3000);
    }

    private void initView() {
        tv= (TextView) findViewById(R.id.tv_desc);
        linearLayout= (LinearLayout) findViewById(R.id.ll_point);
        vp= (ViewPager) findViewById(R.id.vp_id);
    }

    private void initData() {
        imageResIds= new int[]{R.mipmap.emoji_000, R.mipmap.emoji_001, R.mipmap.emoji_002,
                R.mipmap.emoji_003,
                R.mipmap.emoji_004};
        contentDescs= new String[]{"one", "two", "three", "four", "five"};
        imageViews=new ArrayList<>();
        ImageView imageView;
        View pointView;
        for (int i=0;i<imageResIds.length;i++){
            imageView=new ImageView(this);
            imageView.setBackgroundResource(imageResIds[i]);
            imageViews.add(imageView);

            //指示器
            pointView=new View(this);
            pointView.setBackgroundResource(R.mipmap.page);
            LinearLayout.LayoutParams layoutParams=new LinearLayout.LayoutParams(8,8);
            if(i!=0){
                layoutParams.leftMargin=10;
            }
//            pointView.;//设置都是暗色
            linearLayout.addView(pointView,layoutParams);
        }

    }

    private void initAdapter() {
        linearLayout.getChildAt(0).setBackgroundResource(R.mipmap.page_now);//初始化控件,设置第一个原点为亮色
        tv.setText(contentDescs[0]);
        vp.setAdapter(new MyAdapter());
        vp.setCurrentItem(5000);
        vp.addOnPageChangeListener(this);
        vp.setOnTouchListener(new View.OnTouchListener() {
            @Override
            public boolean onTouch(View view, MotionEvent motionEvent) {
                switch (motionEvent.getAction()) {
                    case MotionEvent.ACTION_DOWN:
                        Toast.makeText(MainActivity.this, "Down", Toast.LENGTH_SHORT).show();
                        isRunning = false;
                        handler.removeMessages(1);//为防止轮播太快 只能这的了
                        break;
                    case MotionEvent.ACTION_UP:
                        Toast.makeText(MainActivity.this, "Up", Toast.LENGTH_SHORT).show();
                        isRunning = true;
                        startPaly();
                        break;
                }
                return false;
            }
        });
    }

    //界面销毁,停止viewpager的循环
    @Override
    protected void onDestroy() {
        super.onDestroy();
        isRunning=false;
    }



    class MyAdapter extends PagerAdapter{

        @Override
        public int getCount() {
            return Integer.MAX_VALUE;
        }

        @Override
        public Object instantiateItem(ViewGroup container, int position) {
            int newPosition=position%5;

            ImageView imgview=imageViews.get(newPosition);
            container.addView(imgview);

            return imgview;
        }

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

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

    //viewPager的监听方法
    @Override
    public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {

    }

    @Override
    public void onPageSelected(int position) {
        int newPosition=position%5;
        Log.e("infoAA",newPosition+"newPostion");
        for (int i=0;i<5;i++){
            Log.e("infoAA",i+"i");
            linearLayout.getChildAt(i).setBackgroundResource(R.mipmap.page);
        }
        linearLayout.getChildAt(newPosition).setBackgroundResource(R.mipmap.page_now);
        tv.setText(contentDescs[newPosition]);
    }
    @Override
    public void onPageScrollStateChanged(int state) {

    }

}


 这下就解决了ViewPager 的轮播 和 手势 ,之前不知道为什么会轮播加速 应该是线程问题 ,之后又加了 handler清除方法 虽然解决的,但是觉得好 low,大神们可以的话,发个链接,学习学习,谢谢


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值