菜鸟的ViewPager使用

原创 2016年08月30日 21:36:43

1.将ViewPager和Fragment绑定使用

(1) 继承FragmentPagerAdapter,重写ViewPager的适配器

import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentPagerAdapter;

import java.util.List;

/**
 * Created by qd on 2016/8/17.
 */
public class ViewPagerAdapter extends FragmentPagerAdapter {
    List<Fragment> fragmentList;

    public ViewPagerAdapter(FragmentManager fm, List<Fragment> fragmentList) {
        super(fm);
        this.fragmentList = fragmentList;
    }

    @Override
    public Fragment getItem(int position) {
        return fragmentList.get(position);
    }

    @Override
    public int getCount() {
        return fragmentList.size();
    }
}

(2) 新建要添加的Fragment 以OneFragment为例子

public class ThreeFragment extends Fragment {

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
        View view = inflater.inflate(R.layout.fragment_three, container, false);
        return view;
    }
}

(3) 添加数据,并为ViewPager添加适配器

public void initViewpager() {
        if(fragment1==null) fragment1 = new OneFragment();
        if(fragment2==null) fragment2=new TwoFragment();
        if(fragment3==null) fragment3=new ThreeFragment();
        if(fragment4==null) fragment4=new FourFragment();

        list.add(fragment1);
        list.add(fragment2);
        list.add(fragment3);
        list.add(fragment4);

        viewPagerAdapter = new ViewPagerAdapter(getSupportFragmentManager(), list);

        viewpager.setAdapter(viewPagerAdapter);
        //设置初始的时候显示第一页
        viewpager.setCurrentItem(0);

    }

(4)如果有指示器,则需要为ViewPager添加页面改变监听器

viewpager.addOnPageChangeListener(new ViewPager.OnPageChangeListener() {
            @Override
            public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {

            }

            @Override
            public void onPageSelected(int position) {

            }

            @Override
            public void onPageScrollStateChanged(int state) {

            }
        });

2.使用ViewPager实现简单的轮播图效果(待优化)

(1) 准备图片素材:轮播时候需要显示的图片、指示器的选中和未选中状态时候的小圆点。
(2) 轮播图的布局

<?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.ebeijia.viewpaerbanner.MainActivity">

    <RelativeLayout
        android:id="@+id/rl_vp"
        android:layout_width="match_parent"
        android:layout_height="200dp">



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

        </android.support.v4.view.ViewPager>

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical"
            android:layout_alignParentBottom="true"
            android:background="#88D0D0D0"
            android:padding="5dp"
            >
            <TextView
                android:id="@+id/title"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:gravity="center"/>

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:orientation="horizontal"
                android:gravity="center">
                <ImageView
                    android:id="@+id/dot_0"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:padding="5dp"
                    android:background="@mipmap/dot_normal"
                    />
                <ImageView
                    android:id="@+id/dot_1"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:padding="5dp"
                    android:background="@mipmap/dot_normal"
                    />
                <ImageView
                    android:id="@+id/dot_2"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:padding="5dp"
                    android:background="@mipmap/dot_normal"
                    />
                <ImageView
                    android:id="@+id/dot_3"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:padding="5dp"
                    android:background="@mipmap/dot_normal"
                    />
                <ImageView
                    android:id="@+id/dot_4"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:padding="5dp"
                    android:background="@mipmap/dot_normal"
                    />

            </LinearLayout>

        </LinearLayout>


    </RelativeLayout>

</RelativeLayout>

(3)代码实现 :最后一张切换至第一张的时候仍然存在BUG,等待修复

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 android.widget.TextView;

import java.util.ArrayList;
import java.util.concurrent.Executors;
import java.util.concurrent.ScheduledExecutorService;
import java.util.concurrent.TimeUnit;

public class MainActivity extends AppCompatActivity {
    private int imageIds[];
    private String[] titles;
    private ArrayList<ImageView> images;
    private ArrayList<ImageView> dots;
    private TextView title;
    private ViewPager mViewPager;
    private ViewPagerAdapter adapter;
    private int oldPosition = 0;//记录上一次点的位置
    private int currentItem; //当前页面
    private ScheduledExecutorService scheduledExecutorService;
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        //图片ID
        imageIds = new int[]{
                R.mipmap.a,
                R.mipmap.b,
                R.mipmap.c,
                R.mipmap.d,
                R.mipmap.e
        };
        //图片标题
        titles = new String[]{
                "图片1",
                "图片2",
                "图片3",
                "图片4",
                "图片5"
        };
        //显示的图片
        images = new ArrayList<ImageView>();
        for(int i =0; i < imageIds.length; i++){
            ImageView imageView = new ImageView(this);
            imageView.setBackgroundResource(imageIds[i]);
            images.add(imageView);
        }
        //显示的点
        dots = new ArrayList<ImageView>();
        dots.add((ImageView)findViewById(R.id.dot_0));
        dots.add((ImageView)findViewById(R.id.dot_1));
        dots.add((ImageView)findViewById(R.id.dot_2));
        dots.add((ImageView)findViewById(R.id.dot_3));
        dots.add((ImageView)findViewById(R.id.dot_4));
        title = (TextView) findViewById(R.id.title);
        title.setText(titles[0]);
        mViewPager = (ViewPager) findViewById(R.id.vp);
        adapter = new ViewPagerAdapter();
        mViewPager.setAdapter(adapter);

        mViewPager.addOnPageChangeListener(new ViewPager.OnPageChangeListener() {
            @Override
            public void onPageSelected(int position) {
                title.setText(titles[position]);
                dots.get(oldPosition).setBackgroundResource(R.mipmap.dot_normal);
                dots.get(position).setBackgroundResource(R.mipmap.dot_focused);
                oldPosition = position;
                currentItem = position;
            }
            @Override
            public void onPageScrolled(int arg0, float arg1, int arg2) {
            }
            @Override
            public void onPageScrollStateChanged(int arg0) {
            }
        });
    }
    private class ViewPagerAdapter extends PagerAdapter {
        @Override
        public int getCount() {
            return images.size();
            //return  Integer.MAX_VALUE;
        }
        //是否是同一张图片
        @Override
        public boolean isViewFromObject(View arg0, Object arg1) {
            return arg0 == arg1;
        }
        @Override
        public void destroyItem(ViewGroup view, int position, Object object) {
            view.removeView(images.get(position));
        }
        @Override
        public Object instantiateItem(ViewGroup view, int position) {
            view.addView(images.get(position));
            return images.get(position);
        }
    }

    @Override
    protected void onStart() {
        // TODO Auto-generated method stub
        super.onStart();
        scheduledExecutorService = Executors.newSingleThreadScheduledExecutor();
        //每隔2秒钟切换一张图片
        scheduledExecutorService.scheduleWithFixedDelay(new ViewPagerTask(), 2, 2, TimeUnit.SECONDS);
    }

    //切换图片
    private class ViewPagerTask implements Runnable {
        @Override
        public void run() {
            currentItem = (currentItem +1) % imageIds.length;
            //更新界面
            handler.obtainMessage().sendToTarget();
        }
    }
    private Handler handler = new Handler(){
        @Override
        public void handleMessage(Message msg) {
            //设置当前页面
            mViewPager.setCurrentItem(currentItem);
        }
    };
}

(4) 运行效果

这里写图片描述

版权声明:本文为博主原创文章,未经博主允许不得转载。 举报

相关文章推荐

菜鸟的Jquery validate入门

JqueryValidate插件入门 古月为君最近自学因为项目要用到 validate插件所以本人自学了一下给大家分享一下废话不多说直入正题吧* 首先我们下载jquery插件 和validate插件*...

比新人还新的人自学emacs 第一季第1更

(以下内容是比菜鸟还菜的人接触的第一感觉,新人看了别笑,大神看了别哭)

精选:深入理解 Docker 内部原理及网络配置

网络绝对是任何系统的核心,对于容器而言也是如此。Docker 作为目前最火的轻量级容器技术,有很多令人称道的功能,如 Docker 的镜像管理。然而,Docker的网络一直以来都比较薄弱,所以我们有必要深入了解Docker的网络知识,以满足更高的网络需求。

菜鸟的第一篇日志

一只菜鸟不断前行的的日志

比新人还新的人自学emacs 第一季第二更

好吧接着昨天的来,研究了一晚上,霍大爷的第一步终于完成了。

Android菜鸟的成长笔记(27)——ViewPager的使用

ViewPager是Android 3.0以上可以使用的API。一、ViewPager能干什么?1、微信5.0中连带滑动用ViewPager可以轻松实现。2、实现类似于新浪微博的导航引导界面。3、实现...

我们都曾是菜鸟

简述菜鸟就是新手,每个人不管干什么都是从菜鸟做成高手的,别管别人怎么说,认真干好每一件事,你离高手就不远了。我们都曾是职场菜鸟,历经磨难。但菜鸟总有翻身之日,而菜鸟的成长史,就是一段从弱爆了到碉堡了的...

辗转相除法 在 公约数和公倍数 问题求解中的应用

离断网还有13分钟。。趁着这个时间写下辗转相除法吧。 这个方法是我在寒假的时候,刷南阳理工的OJ的一道题学会的,当时提交时一直显示超时,问了基友,才知道要用辗转相除。 一个简单的辗转相除的...

瞎学笔记之数组,vector,string in C++

前言:初学C++,就觉得C略显原始,最近看《C++ Primer》了解了一点类型,在这里做个笔记数组 vector 定义和初始化 运算 数组与vector string 定义初始化 运算 处理字符 C...

Android菜单的使用

1、Android菜单的使用 (在Android中总共有三种类型的菜单:选项菜单,子菜单,上下文菜单) 1.1、选项菜单(实现方式一) (1)首先在src->menu->main.xml文件中创...

对于Java转型的一些个人理解

今天因为在听课的时候涉及到了一个java转型的问题,自己的理解不深,所以就到网上收集和看了一些资料,在这里对自己的一些理解做一个记录,欢迎指错,欢迎纠正,求进步。 在java中经常可以见到一些转型的问...
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)