android 引导页作用,【Android】如何实现启动APP时引导页、欢迎页功能之（一）引导页功能的实现...

最新推荐文章于 2021-05-27 18:28:52 发布

weixin_39553600

最新推荐文章于 2021-05-27 18:28:52 发布

阅读量242

点赞数

文章标签： android 引导页作用

1、首先我们谈谈布局界面

关于第一个关键点(左右滑动切换页面 )，我们用ViewPager作容器，实现左右滑动切换。那个小圆点我们用LinearLayout就可以布局。activity_guide.xml代码如下：

android:id="@+id/activity_guide"

android:layout_width="match_parent"

android:layout_height="match_parent">

android:id="@+id/guide_ViewPager"

android:layout_width="match_parent"

android:layout_height="match_parent">

android:id="@+id/dot_Layout"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:orientation="horizontal"

android:layout_alignParentBottom="true"

android:layout_centerHorizontal="true"

android:gravity="center"

android:layout_marginBottom="45dip"

2、引导页面的适配器VpAdapter

package com.example.lushuai.caffeapp.adapter;

/**

* 引导页activity_Guide 的ViewPager适配器

import android.support.v4.view.PagerAdapter;

import android.view.View;

import android.view.ViewGroup;

import android.widget.ImageView;

import java.util.ArrayList;

/**

* Created by Administrator on 2017/3/6.

public class VpAdapter extends PagerAdapter {

private ArrayList imageViews;

public VpAdapter(ArrayList imageViews) {

this.imageViews = imageViews;

}

/**

* 获取当前要显示对象的数量

@Override

public int getCount() {

// TODO Auto-generated method stub

return imageViews.size();

}

/**

* 判断是否用对象生成界面

@Override

public boolean isViewFromObject(View arg0, Object arg1) {

// TODO Auto-generated method stub

return arg0 == arg1;

}

/**

* 从ViewGroup中移除当前对象(图片)

@Override

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

container.removeView(imageViews.get(position));

}

/**

* 当前要显示的对象(图片)

@Override

public Object instantiateItem(ViewGroup container, int position) {

container.addView(imageViews.get(position));

return imageViews.get(position);

}

}3、下面来谈一谈关键代码

3.1、私有化(声明)变量当然是一开始我们就要做的

，其中将3张已经P好的引导页图片置于一个数组中，dotView就是底中部的小圆点，并且引入了我们已经写好的适配器VpAdapter。private ViewPager vPager;

private VpAdapter vpAdapter;

private static int[] imgs = {R.drawable.welcomepage1,R.drawable.welcomepage2, R.drawable.welcomepage3};

private ArrayListimageViews;

private ImageView[] dotViews;//小圆点3.2、实现关键点3(点击引导页最后的最后一张实现跳转到主界面)，点击----我们就要想到监听(Listener)事件，所以我们要在这里implements监听事件功能，我们的图片是放在vierpagerl里面的，所以是如下：public class activity_Guide extends AppCompatActivity implements ViewPager.OnPageChangeListener对于每张引导页的图片我们都是需要让他充满窗口的，在XML布局文件里我们已经设置了match_parent(完全匹配父控件)，在这里我们再来通过这句话设置一下：ViewPager.LayoutParams mParams = new ViewPager.LayoutParams();

接下来把引导页要显示的图片添加到集合中，以传递给适配器，用来显示图片。

@Override

private void initImages(){

//设置每一张图片都填充窗口

ViewPager.LayoutParams mParams = new ViewPager.LayoutParams();

imageViews = new ArrayList();

for(int i=0; i

{

ImageView iv = new ImageView(this);

iv.setLayoutParams(mParams);//设置布局

iv.setImageResource(imgs[i]);//为ImageView添加图片资源

iv.setScaleType(ImageView.ScaleType.FIT_XY);//这里也是一个图片的适配

imageViews.add(iv);

if (i == imgs.length -1 ){

//为最后一张图片添加点击事件

iv.setOnTouchListener(new View.OnTouchListener(){

@Override

public boolean onTouch(View v, MotionEvent event){

Intent toMainActivity = new Intent(activity_Guide.this, MainActivity.class);//跳转到主界面

startActivity(toMainActivity);

return true;

}

});

}

}3.3、最后就是小圆点的实现，以及设置根据滑动页面的索引值，来设置小圆点的状态

我在这里是通过xml文件设置的简单小圆点，你也可以自己设置自己喜欢的颜色，或者自己p一个小圆点的图片也是可以的。此dotselector.xml文件放于drawable文件夹下面。设置了未选中状态和选中的状态的颜色，分别对应的是浅灰色和深灰色，代码如下<?xml version="1.0" encoding="utf-8"?>

以下是小圆点数量判断以及小圆点之间的间隔&小圆点默认启动显示的位置

private void initDots(){

LinearLayout layout = (LinearLayout)findViewById(R.id.dot_Layout);

LinearLayout.LayoutParams mParams = new LinearLayout.LayoutParams(20, 20);

mParams.setMargins(10, 0, 10,0);//设置小圆点左右之间的间隔

dotViews = new ImageView[imgs.length];

//判断小圆点的数量，从0开始，0表示第一个

for(int i = 0; i < imageViews.size(); i++)

{

ImageView imageView = new ImageView(this);

imageView.setLayoutParams(mParams);

imageView.setImageResource(R.drawable.dotselector);