android引导页自动轮播,Android使用ViewPager实现自动轮播
很多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实现自动轮播相关推荐
- Android 引导页开发管理2
<Android 引导页开发管理1>说明的是连续页面的闪烁效果,本次文章显示的是,一张效果效果图等待3s后进入主页面. 后续开发可以显示一段flash或者其他效果图看看. 1.splash ...
- Android开发--实现Android引导页
几乎每个app都有引导页,下面我们来做一个引导页的实现. 引导页,是指软件首次进入或者更新完成后,软件显示的页面,一般展示软件特色功能或者更新的内容. 先判断是否第一次启动app,如果是,则进入引导页 ...
- Android引导页图片拉伸问题
程序启动时候通过设置主体Theme的方式设置引导页,这样会使程序视觉上启动较快,不卡顿,参考以下链接: https://blog.csdn.net/Mr_Tony/article/details/10 ...
- android引导页大小,Android:启动引导页实现
2 android:layout_width=match_parent 3 android:layout_height=match_parent > 4 5 6 android:id=@+id/ ...
- android 启动页大小,android引导页大图
引导页图片一般采用本地图片打包在APK中,并且显示大小为整个屏幕,所以在显示引导页图片时有以下几点需要注意: 1. 最好使用多个尺寸的引导页来保证适配效果,比如在drawable-hdpi, draw ...
- android引导页图片全屏适配,关于图片适配不同尺寸的image View(实战)
分享人:广州华软佐罗 一. 前言 在前端开发过程中,设计稿中往往只提供一张图片,但是app内需要用到的尺寸各种各样. 同时图片不仅是信息的直接表达,也会为网站起到美观点缀的作用,图片的变形.过分裁切会 ...
- android透明功能引导页,Android 利用PagerView做引导页
先看实际效果,这个是用了一个APP里面的图片,不是自己的图. 第一步:创建引导页的 Activity,先在引导页上的xml定义一个ViewPager和用于下面放置圆点导航的ViewImage. and ...
- Android商城开发----viewPager实现广告轮播(在首页Fragment中实现)
Android商城开发----在商城首页Fragment使用viewPager实现广告轮播 写在前面:本篇文章建立在创建底部导航栏之后,对商城首页进行开发.创建底部导航栏的内容请查看:Android开 ...
- Android stdio制作轮播图式带背景音乐的引导页
转载请注明原作者和原文链接 一款app如果要想吸引别人眼球,那么在第一次启动时展示出精美的引导页就是必不可少的,本次将会介绍如何制作滑动轮播图式带背景音乐的引导页. 先来看看引导页成果展示↓ 移动开发 ...
最新文章
- 瑞尔森大学的计算机科学专业,瑞尔森大学有哪些专业处于世界顶尖水平?
- HDU1556(树状数组模版)
- 让Win32窗口程序拥有控制台窗口
- 计算机任务管理器恢复默认,关于任务管理器的一个问题??
- 工作效率上的错觉(转载)
- IEC60958/61937协议
- 华为获颁中国首个5G基站设备进网许可证:可支持中国规模部署;IBM推出新一代企业平台Z15;Testin最新AI产品发布……...
- 大电流dcdc降压芯片20a_电源篇 - 降压电路(DCDC,非隔离
- 针对谷粒商城P46 验证码图片加载出来错误503
- 告别户外弱网困扰,4G多卡聚合设备增强弱网环境下应急救援信号
- jmeter与lr区别
- LeetCode 13 罗马符号转化为数字(难度: Easy)
- npm install 连接不上github解决办法
- PHP-中文转换成拼音
- 第1章 计算机组成原理概述
- ios tableView那些事 (九) tableview的删除
- 【木棍问题——回溯与分支限界算法(使用C语言解决)】
- OpenWrt系统下挂载阿里云盘提供webDAV服务再用kodi打造家庭影院
- Linux下cp命令
- 中国人民大学出版社2022年校招
热门文章
- 读写锁(ReentrantReadWriteLock)
- ReDroid打造自己的云手机(二) arm转译x86
- 【node进阶】深入浅出---MVC设计模式RESTful风格
- Js日期加减(天数),时间加减,日期运算
- 高德地图JSAPI的使用注意项
- java毕业设计糖果销售管理系统源码+lw文档+mybatis+系统+mysql数据库+调试
- Java回收垃圾的基本过程与常用算法
- C# 中object sender与EventArgs e
- 数字设计自学-数字系统设计教程3:自写思考题答案
- https://www.cnblogs.com/HD/p/4107674.html