【移动应用开发技术】ViewPager如何实现轮播图Banner引导页Guide

【移动应用开发技术】ViewPager如何实现轮播图Banner引导页Guide

/upload/information/20200623/125/126782.gif/upload/information/20200623/125/126783.gifBanner与Guide有什么区别？Banner基础上扩展实现第一步：添加按钮<?xml

version="1.0"

encoding="utf-8"?>

<RelativeLayout

xmlns:android="/apk/res/android"

xmlns:app="/apk/res-auto"

android:id="@+id/layout"

android:layout_width="match_parent"

android:layout_height="match_parent">

<com.allure.lbanners.viewpager.HorizonVerticalViewPager

android:id="@+id/gallery"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:unselectedAlpha="1"></com.allure.lbanners.viewpager.HorizonVerticalViewPager>

<LinearLayout

android:id="@+id/indicatorLayout"

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:layout_alignParentBottom="true"

android:gravity="center"

android:orientation="horizontal"

android:padding="20dp"></LinearLayout>

<Button

android:id="@+id/btn_start"

android:layout_width="104dp"

android:layout_height="29dp"

android:layout_above="@id/indicatorLayout"

android:layout_centerHorizontal="true"

android:layout_marginBottom="40dp"

android:background="@drawable/banners_btn_shape"

android:gravity="center"

android:text="立即开启"

android:textColor="#f24814"

android:textSize="12sp"

/>

</RelativeLayout>Banner基础上扩展实现第二步：按钮的控制与模式支持

<!--是否为引导页-->

<attr

name="isGuide"

format="boolean"></attr>

<attr

name="indicatorBottomPadding"

format="integer"></attr>按钮的控制

public

void

onPageScrolled(int

position,

float

positionOffset,

int

positionOffsetPixels)

{

Log.d("LMBanners",

"onPageScrolled

was

invoke()");

int

realPosition

=

position

%=

showCount;

if(!isGuide){

btnStart.setVisibility(View.GONE);

return;

}

if

(realPosition

==

getItemCount()

-

2)

{

if

(positionOffset

>

0.5f)

{

if

(btnStart

!=

null)

{

ViewHelper.setAlpha(btnStart,

positionOffset);

btnStart.setVisibility(View.VISIBLE);

}

}

else

{

btnStart.setVisibility(View.GONE);

}

}

else

if

(realPosition

==

getItemCount()

-

1)

{

if

(positionOffset

<

0.5f)

{

btnStart.setVisibility(View.VISIBLE);

ViewHelper.setAlpha(btnStart,

1.0f

-

positionOffset);

}

else

{

btnStart.setVisibility(View.GONE);

}

}

else

{

btnStart.setVisibility(View.GONE);

}

}核心点：Banner基础上扩展实现第三步：按钮的点击回调

public

interface

onStartListener

{

void

startOpen();

}Banner基础上扩展实现第四步：Guide模式使用方式//设置为全屏

mLBanners.setLayoutParams(new

LinearLayout.LayoutParams(LinearLayout.LayoutParams.MATCH_PARENT,

LinearLayout.LayoutParams.MATCH_PARENT));

//true为Guide模式，false为banner模式

mLBanners.isGuide(true);

mLBanners.setOnStartListener(new

LMBanners.onStartListener(