很多APP中都实现了类似引导页的自动轮播,不由得想到昨天的引导页上修改一下代码实现轮播。 其实大体上只需要添加一个线程循环执行就可以了。

同样的先上图

直接上代码,注释都全的,我想这样更有利于理解。

先改了Adapter

package com.example.nanchen.taketurnplaydemo;

import android.support.v4.view.PagerAdapter;

import android.view.View;

import android.view.ViewGroup;

import java.util.List;

/**

* Created by 南尘 on 2016/7/10.

*/

public class GuidePageAdapter extends PagerAdapter {

private List viewList;

public GuidePageAdapter(List viewList) {

this.viewList = viewList;

}

/**

* @return 返回页面的个数

*/

@Override

public int getCount() {

if (viewList != null){

// return viewList.size();

//第一处修改,设置轮播最大值,等于无限循环

return Integer.MAX_VALUE;

}

return 0;

}

/**

* 判断对象是否生成界面

* @param view

* @param object

* @return

*/

@Override

public boolean isViewFromObject(View view, Object object) {

return view == object;

}

/**

* 初始化position位置的界面

* @param container

* @param position

* @return

*/

@Override

public Object instantiateItem(ViewGroup container, int position) {

//第二处修改,当前要显示的数据索引为集合长度

int newPosition = position % viewList.size();

container.addView(viewList.get(newPosition));

return viewList.get(newPosition);

// container.addView(viewList.get(position));

// return viewList.get(position);

}

@Override

public void destroyItem(ViewGroup container, int position, Object object) {

//第三处修改,移除的索引为集合的长度

int newPosition = position % viewList.size();

container.removeView(viewList.get(newPosition));

// container.removeView(viewList.get(position));

}

}

在看Activity

package com.example.nanchen.taketurnplaydemo;

import android.content.Intent;

import android.os.Bundle;

import android.support.v4.view.ViewPager;

import android.support.v7.app.AppCompatActivity;

import android.view.View;

import android.view.ViewGroup;

import android.view.Window;

import android.widget.ImageButton;

import android.widget.ImageView;

import android.widget.LinearLayout;

import java.util.ArrayList;

import java.util.List;

/**

* 实现首次启动的引导页面

*/

public class GuideActivity extends AppCompatActivity implements ViewPager.OnPageChangeListener{

private ViewPager vp;

private int []imageIdArray;//图片资源的数组

private List viewList;//图片资源的集合

private ViewGroup vg;//放置圆点

//实例化原点View

private ImageView iv_point;

private ImageView []ivPointArray;

private boolean isLooper;

//最后一页的按钮

private ImageButton ib_start;

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

supportRequestWindowFeature(Window.FEATURE_NO_TITLE);

setContentView(R.layout.activity_guide);

ib_start = (ImageButton) findViewById(R.id.guide_ib_start);

ib_start.setOnClickListener(new View.OnClickListener() {

@Override

public void onClick(View v) {

startActivity(new Intent(GuideActivity.this,MainActivity.class));

finish();

}

});

//加载ViewPager

initViewPager();

//加载底部圆点

initPoint();

//修改添加设置ViewPager的当前页,为了保证左右轮播

vp.setCurrentItem(5000000);

//开启一个线程,用于循环

new Thread(new Runnable() {

@Override

public void run() {

isLooper = true;

while (isLooper){

try {

Thread.sleep(2000);

} catch (InterruptedException e) {

e.printStackTrace();

}

runOnUiThread(new Runnable() {

@Override

public void run() {

//这里是设置当前页的下一页

vp.setCurrentItem(vp.getCurrentItem() + 1);

}

});

}

}

}).start();

}

/**

* 加载底部圆点

*/

private void initPoint() {

//这里实例化LinearLayout

vg = (ViewGroup) findViewById(R.id.guide_ll_point);

//根据ViewPager的item数量实例化数组

ivPointArray = new ImageView[viewList.size()];

//循环新建底部圆点ImageView,将生成的ImageView保存到数组中

int size = viewList.size();

for (int i = 0;i

iv_point = new ImageView(this);

iv_point.setLayoutParams(new ViewGroup.LayoutParams(20,20));

iv_point.setPadding(30,0,30,0);//left,top,right,bottom

ivPointArray[i] = iv_point;

//第一个页面需要设置为选中状态,这里采用两张不同的图片

if (i == 0){

iv_point.setBackgroundResource(R.mipmap.full_holo);

}else{

iv_point.setBackgroundResource(R.mipmap.empty_holo);

}

//将数组中的ImageView加入到ViewGroup

vg.addView(ivPointArray[i]);

}

}

/**

* 加载图片ViewPager

*/

private void initViewPager() {

vp = (ViewPager) findViewById(R.id.guide_vp);

//实例化图片资源

imageIdArray = new int[]{R.mipmap.guide1,R.mipmap.guide2,R.mipmap.guide3};

viewList = new ArrayList<>();

//获取一个Layout参数,设置为全屏

LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(

LinearLayout.LayoutParams.MATCH_PARENT,LinearLayout.LayoutParams.MATCH_PARENT);

//循环创建View并加入到集合中

int len = imageIdArray.length;

for (int i = 0;i

//new ImageView并设置全屏和图片资源

ImageView imageView = new ImageView(this);

imageView.setLayoutParams(params);

imageView.setBackgroundResource(imageIdArray[i]);

//将ImageView加入到集合中

viewList.add(imageView);

}

//View集合初始化好后,设置Adapter

vp.setAdapter(new GuidePageAdapter(viewList));

//设置滑动监听

vp.setOnPageChangeListener(this);

}

@Override

public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {

}

/**

* 滑动后的监听

* @param position

*/

@Override

public void onPageSelected(int position) {

//修改全部的position长度

int newPosition = position % viewList.size();

//循环设置当前页的标记图

int length = imageIdArray.length;

for (int i = 0;i

ivPointArray[newPosition].setBackgroundResource(R.mipmap.full_holo);

if (newPosition != i){

ivPointArray[i].setBackgroundResource(R.mipmap.empty_holo);

}

}

// //循环设置当前页的标记图

// int length = imageIdArray.length;

// for (int i = 0;i

// ivPointArray[position].setBackgroundResource(R.mipmap.full_holo);

// if (position != i){

// ivPointArray[i].setBackgroundResource(R.mipmap.empty_holo);

// }

// }

//判断是否是最后一页,若是则显示按钮

// if (position == imageIdArray.length - 1){

// ib_start.setVisibility(View.VISIBLE);

// }else {

// ib_start.setVisibility(View.GONE);

// }

}

@Override

public void onPageScrollStateChanged(int state) {

}

}

在Activity中值得一提的是,我们在实际的安卓开发中会经常用到更新UI,以前我们通常使用的都是Handler,这里就提供了另外的一种实现方式runOnUiThread(),需要一个实现Runnable接口的实现类作为参数,

XML同样简单

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=".GuideActivity">

android:layout_width="match_parent"

android:layout_height="200dp">

android:id="@+id/guide_vp"

android:layout_width="match_parent"

android:layout_height="match_parent">

android:id="@+id/guide_ll_point"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:orientation="horizontal"

android:layout_alignParentBottom="true"

android:paddingBottom="10dp"

android:gravity="center_horizontal">

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:id="@+id/guide_ib_start"

android:src="@mipmap/btn_start"

android:layout_centerHorizontal="true"

android:layout_above="@+id/guide_ll_point"

android:background="@null"

android:visibility="gone"/>

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

android引导页自动轮播,Android使用ViewPager实现自动轮播相关推荐

  1. Android 引导页开发管理2

    <Android 引导页开发管理1>说明的是连续页面的闪烁效果,本次文章显示的是,一张效果效果图等待3s后进入主页面. 后续开发可以显示一段flash或者其他效果图看看. 1.splash ...

  2. Android开发--实现Android引导页

    几乎每个app都有引导页,下面我们来做一个引导页的实现. 引导页,是指软件首次进入或者更新完成后,软件显示的页面,一般展示软件特色功能或者更新的内容. 先判断是否第一次启动app,如果是,则进入引导页 ...

  3. Android引导页图片拉伸问题

    程序启动时候通过设置主体Theme的方式设置引导页,这样会使程序视觉上启动较快,不卡顿,参考以下链接: https://blog.csdn.net/Mr_Tony/article/details/10 ...

  4. android引导页大小,Android:启动引导页实现

    2 android:layout_width=match_parent 3 android:layout_height=match_parent > 4 5 6 android:id=@+id/ ...

  5. android 启动页大小,android引导页大图

    引导页图片一般采用本地图片打包在APK中,并且显示大小为整个屏幕,所以在显示引导页图片时有以下几点需要注意: 1. 最好使用多个尺寸的引导页来保证适配效果,比如在drawable-hdpi, draw ...

  6. android引导页图片全屏适配,关于图片适配不同尺寸的image View(实战)

    分享人:广州华软佐罗 一. 前言 在前端开发过程中,设计稿中往往只提供一张图片,但是app内需要用到的尺寸各种各样. 同时图片不仅是信息的直接表达,也会为网站起到美观点缀的作用,图片的变形.过分裁切会 ...

  7. android透明功能引导页,Android 利用PagerView做引导页

    先看实际效果,这个是用了一个APP里面的图片,不是自己的图. 第一步:创建引导页的 Activity,先在引导页上的xml定义一个ViewPager和用于下面放置圆点导航的ViewImage. and ...

  8. Android商城开发----viewPager实现广告轮播(在首页Fragment中实现)

    Android商城开发----在商城首页Fragment使用viewPager实现广告轮播 写在前面:本篇文章建立在创建底部导航栏之后,对商城首页进行开发.创建底部导航栏的内容请查看:Android开 ...

  9. Android stdio制作轮播图式带背景音乐的引导页

    转载请注明原作者和原文链接 一款app如果要想吸引别人眼球,那么在第一次启动时展示出精美的引导页就是必不可少的,本次将会介绍如何制作滑动轮播图式带背景音乐的引导页. 先来看看引导页成果展示↓ 移动开发 ...

最新文章

  1. 瑞尔森大学的计算机科学专业,瑞尔森大学有哪些专业处于世界顶尖水平?
  2. HDU1556(树状数组模版)
  3. 让Win32窗口程序拥有控制台窗口
  4. 计算机任务管理器恢复默认,关于任务管理器的一个问题??
  5. 工作效率上的错觉(转载)
  6. IEC60958/61937协议
  7. 华为获颁中国首个5G基站设备进网许可证:可支持中国规模部署;IBM推出新一代企业平台Z15;Testin最新AI产品发布……...
  8. 大电流dcdc降压芯片20a_电源篇 - 降压电路(DCDC,非隔离
  9. 针对谷粒商城P46 验证码图片加载出来错误503
  10. 告别户外弱网困扰,4G多卡聚合设备增强弱网环境下应急救援信号
  11. jmeter与lr区别
  12. LeetCode 13 罗马符号转化为数字(难度: Easy)
  13. npm install 连接不上github解决办法
  14. PHP-中文转换成拼音
  15. 第1章 计算机组成原理概述
  16. ios tableView那些事 (九) tableview的删除
  17. 【木棍问题——回溯与分支限界算法(使用C语言解决)】
  18. OpenWrt系统下挂载阿里云盘提供webDAV服务再用kodi打造家庭影院
  19. Linux下cp命令
  20. 中国人民大学出版社2022年校招

热门文章

  1. 读写锁(ReentrantReadWriteLock)
  2. ReDroid打造自己的云手机(二) arm转译x86
  3. 【node进阶】深入浅出---MVC设计模式RESTful风格
  4. Js日期加减(天数),时间加减,日期运算
  5. 高德地图JSAPI的使用注意项
  6. java毕业设计糖果销售管理系统源码+lw文档+mybatis+系统+mysql数据库+调试
  7. Java回收垃圾的基本过程与常用算法
  8. C# 中object sender与EventArgs e
  9. 数字设计自学-数字系统设计教程3:自写思考题答案
  10. https://www.cnblogs.com/HD/p/4107674.html