热门标签 | HotTags
当前位置:  开发笔记 > Android > 正文

Android如何添加多张引导页

摘要:项目需要添加多张引导页,所以在网上搜集了一些资料并整理好。Step1添加一个GuideActivity.其实这个引导页无非就是一个Activity,里面有一个

  

  摘要:项目需要添加多张引导页,所以在网上搜集了一些资料并整理好。  

  

  Step1

    添加一个GuideActivity.

    其实这个引导页无非就是一个Activity,里面有一个ViewPager而已。多张图片放进去,装进ViewPager里面。  

    注意:这里Activity中千万不要设置图片资源,不然会报OOM异常。多张图片会导致内存溢出。

    ==>源码如下:

    ①GuideActivity的Kotlin源码  

class GuideActivity : AppCompatActivity(), ViewPager.OnPageChangeListener {

private var vp: ViewPager? = null
private var imageIdArray: IntArray? = null//图片资源的数组
private var viewList: MutableList? = null//图片资源的集合
private var vg: ViewGroup? = null//放置圆点

//实例化原点View
private var iv_point: ImageView? = null
private var ivPointArray: Array? = null

//最后一页的按钮
private var ib_start: Button? = null

override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)

supportRequestWindowFeature(Window.FEATURE_NO_TITLE)
setContentView(R.layout.activity_guide)
MainApplication.getInstance().addActivity(this)
StatusBarUtils.setWindowStatusBarColor(this, R.color.headline)
ib_start = findViewById(R.id.guide_ib_start) as Button
ib_start!!.setOnClickListener {
val intent:Intent=Intent(this@GuideActivity,NavigationMainActivity::class.java)
intent.putExtra("openAPP",true)
overridePendingTransition(R.anim.slide_right_in,R.anim.slide_left_out)
startActivity(intent)
finish()
}

//加载ViewPager
initViewPager()

//加载底部圆点
initPoint()
}


/**
* 加载底部圆点
*/
private fun initPoint() {
//这里实例化LinearLayout
vg = findViewById(R.id.guide_ll_point) as ViewGroup
//根据ViewPager的item数量实例化数组
ivPointArray = arrayOfNulls(viewList!!.size)
//循环新建底部圆点ImageView,将生成的ImageView保存到数组中
val size = viewList!!.size
for (i in 0..size - 1) {
iv_point = ImageView(this)
iv_point!!.layoutParams = ViewGroup.LayoutParams(50, 50)
iv_point!!.setPadding(20, 0, 20, 150)//left,top,right,bottom
ivPointArray!![i] = iv_point!!
//第一个页面需要设置为选中状态,这里采用两张不同的图片
if (i == 0) {
iv_point!!.setBackgroundResource(R.mipmap.icon_point_pre)
} else {
iv_point!!.setBackgroundResource(R.mipmap.icon_point)
}
//将数组中的ImageView加入到ViewGroup
vg!!.addView(ivPointArray!![i])
}


}

/**
* 加载图片ViewPager
*/
private fun initViewPager() {
vp = findViewById(R.id.guide_vp) as ViewPager
//实例化图片资源
imageIdArray = intArrayOf(R.mipmap.intro_school, R.mipmap.intro_discovery_1, R.mipmap.intro_discovery_2
,R.mipmap.intro_discovery_3,R.mipmap.intro_ask_1,R.mipmap.intro_ask_2,R.mipmap.intro_ask_3,R.mipmap.intro_mew_coin)
viewList = ArrayList()

//循环创建View并加入到集合中
val len = imageIdArray!!.size
for (i in 0..len - 1) {
//new ImageView并设置全屏和图片资源
val imageView = ImageView(this)
viewList!!.add(imageView)
}

//View集合初始化好后,设置Adapter
vp!!.adapter = GuidePageAdapter(viewList)
vp!!.offscreenPageLimit=9
//设置滑动监听
vp!!.setOnPageChangeListener(this)
}


override fun onPageScrolled(position: Int, positionOffset: Float, positionOffsetPixels: Int) {

}

/**
* 滑动后的监听
* @param position
*/
override fun onPageSelected(position: Int) {
//循环设置当前页的标记图
val length = imageIdArray!!.size
for (i in 0..length - 1) {
ivPointArray!![position]!!.setBackgroundResource(R.mipmap.icon_point_pre)
if (position != i) {
ivPointArray!![i]!!.setBackgroundResource(R.mipmap.icon_point)
}
}

//判断是否是最后一页,若是则显示按钮
if (position == imageIdArray!!.size - 1) {
ib_start!!.visibility = View.VISIBLE
} else {
ib_start!!.visibility = View.GONE
}
}


override fun onPageScrollStateChanged(state: Int) {

}
}

   ②activity_guide布局代码: 


xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_
android:layout_
tools:cOntext="com.guangdamiao.www.mew_android_debug.navigation.GuideActivity">

android:id="@+id/guide_vp"
android:layout_
android:layout_>


android:id="@+id/guide_ll_point"
android:layout_
android:layout_
android:orientation="horizontal"
android:layout_alignParentBottom="true"
android:layout_marginBottom="150pt"
android:gravity="center_horizontal">


android:layout_
android:layout_
android:id="@+id/guide_ib_start"
android:text="进入大学喵"
android:textSize="30pt"
android:layout_centerHorizOntal="true"
android:layout_above="@+id/guide_ll_point"
android:background="@drawable/button_shape_apply"
android:visibility="gone"/>


  

 

  Step2

  第二步就是写这个GuidePageAdapter了。

    注意在instanticateItem(ViewGroup container,int position)中设置背景图片,提高加载速度,解决OOM问题。

    源码如下:

    

public class GuidePageAdapter extends PagerAdapter {
private List viewList;
private int[] mResIds=new int[]{
R.mipmap.intro_school,
R.mipmap.intro_discovery_1,
R.mipmap.intro_discovery_2,
R.mipmap.intro_discovery_3,
R.mipmap.intro_ask_1,
R.mipmap.intro_ask_2,
R.mipmap.intro_ask_3,
R.mipmap.intro_mew_coin,
};

public GuidePageAdapter(List viewList) {
this.viewList = viewList;
}

/**
* @return 返回页面的个数
*/
@Override
public int getCount() {
if (viewList != null){
return viewList.size();
}
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) {
//在此设置背景图片,提高加载速度,解决OOM问题
View view=viewList.get(position);
int count=getCount();
ViewGroup.LayoutParams params = new ViewGroup.LayoutParams(
ViewGroup.LayoutParams.MATCH_PARENT,
ViewGroup.LayoutParams.MATCH_PARENT);
view.setBackgroundResource(mResIds[position%count]);
view.setLayoutParams(params);
container.addView(viewList.get(position));
return viewList.get(position);
}


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

 

  

  Step3

  第三步就是在启动页中设置跳转引导页了。

  引导页一般是第一次安装APP后才会出现,这里可以写一个sharePreferences文件记录是不是第一次安装。

  最后利用intent跳转到引导页就可以了。

 


推荐阅读
  • 2023年京东Android面试真题解析与经验分享
    本文由一位拥有6年Android开发经验的工程师撰写,详细解析了京东面试中常见的技术问题。涵盖引用传递、Handler机制、ListView优化、多线程控制及ANR处理等核心知识点。 ... [详细]
  • andr ... [详细]
  • 本文介绍如何使用Python进行文本处理,包括分词和生成词云图。通过整合多个文本文件、去除停用词并生成词云图,展示文本数据的可视化分析方法。 ... [详细]
  • 解决JAX-WS动态客户端工厂弃用问题并迁移到XFire
    在处理Java项目中的JAR包冲突时,我们遇到了JaxWsDynamicClientFactory被弃用的问题,并成功将其迁移到org.codehaus.xfire.client。本文详细介绍了这一过程及解决方案。 ... [详细]
  • 从零开始构建完整手机站:Vue CLI 3 实战指南(第一部分)
    本系列教程将引导您使用 Vue CLI 3 构建一个功能齐全的移动应用。我们将深入探讨项目中涉及的每一个知识点,并确保这些内容与实际工作中的需求紧密结合。 ... [详细]
  • 帝国CMS多图上传插件详解及使用指南
    本文介绍了一款用于帝国CMS的多图上传插件,该插件通过Flash技术实现批量图片上传功能,显著提升了多图上传效率。文章详细说明了插件的安装、配置和使用方法。 ... [详细]
  • 百度服务再次遭遇技术问题,疑似DNS解析故障
    近日晚间,百度多项在线服务出现加载异常,包括移动端搜索在内的多个功能受到影响。初步迹象表明,问题可能与DNS服务器解析有关。 ... [详细]
  • 本文详细介绍了《问道》手游在2020年12月31日进行的服务器维护情况,以及此次更新中新增的跨年狂欢活动和寒假活动等内容。同时,文章还涵盖了其他重要的系统优化与修复信息。 ... [详细]
  • Win11扩展卷无法使用?解决扩展卷灰色问题的指南
    本文详细介绍了在Windows 11中遇到扩展卷灰色无法使用时的解决方案,帮助用户快速恢复磁盘扩展功能。 ... [详细]
  • 掌握 Photoshop 是学习网页设计的重要一步。本文将详细介绍 Photoshop 的基础与进阶功能,帮助您更好地进行图像处理和网页设计。推荐使用最新版本的 Photoshop,以体验更强大的功能和更高的效率。 ... [详细]
  • Scala 实现 UTF-8 编码属性文件读取与克隆
    本文介绍如何使用 Scala 以 UTF-8 编码方式读取属性文件,并实现属性文件的克隆功能。通过这种方式,可以确保配置文件在多线程环境下的一致性和高效性。 ... [详细]
  • ASP.NET MVC中Area机制的实现与优化
    本文探讨了在ASP.NET MVC框架中,如何通过Area机制有效地组织和管理大规模应用程序的不同功能模块。通过合理的文件夹结构和命名规则,开发人员可以更高效地管理和扩展项目。 ... [详细]
  • Python实现照片磨皮效果
    本文介绍如何使用Python和OpenCV库来实现照片的磨皮效果,使图片更加平滑并提升整体美感。 ... [详细]
  • 基于KVM的SRIOV直通配置及性能测试
    SRIOV介绍、VF直通配置,以及包转发率性能测试小慢哥的原创文章,欢迎转载目录?1.SRIOV介绍?2.环境说明?3.开启SRIOV?4.生成VF?5.VF ... [详细]
  • 深入探讨CPU虚拟化与KVM内存管理
    本文详细介绍了现代服务器架构中的CPU虚拟化技术,包括SMP、NUMA和MPP三种多处理器结构,并深入探讨了KVM的内存虚拟化机制。通过对比不同架构的特点和应用场景,帮助读者理解如何选择最适合的架构以优化性能。 ... [详细]
author-avatar
弋弋弋丶妗妗_126
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有