RxJava兩步打造華麗的Android引導(dǎo)頁(yè)
前言
之前的一篇文章:基于RxJava實(shí)現(xiàn)酷炫啟動(dòng)頁(yè) 中,我們嘗試了用RxJava實(shí)現(xiàn)酷炫的啟動(dòng)頁(yè),今天我們?cè)诖嘶A(chǔ)上加入首次使用APP時(shí)的引導(dǎo)頁(yè)功能。
效果如下圖:

思路:思路其實(shí)很簡(jiǎn)單,就是在WelcomeActivity 中setContentView()之前判斷是否是首次打開APP,若是,則去啟動(dòng)引導(dǎo)頁(yè)(WelcomeGuideActivity)并return;若不是,則直接setContentView(),然后啟動(dòng)動(dòng)畫再啟動(dòng)MainActivity。
一、WelcomeActivity中判斷是否是第一次啟動(dòng)
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
// 判斷是否是第一次開啟應(yīng)用
boolean isFirstOpen = SharedPreferencesUtil.getBoolean(this, SharedPreferencesUtil.FIRST_OPEN, true);
// 如果是第一次啟動(dòng),則先進(jìn)入功能引導(dǎo)頁(yè)
if (isFirstOpen) {
Intent intent = new Intent(this, WelcomeGuideActivity.class);
startActivity(intent);
finish();
return;
}
// 如果不是第一次啟動(dòng)app,則正常顯示啟動(dòng)屏
setContentView(R.layout.activity_welcome);
ButterKnife.bind(this);
startMainActivity();
}
我們判斷是否是第一次打開APP是用了SharedPreferences,我們這里對(duì)他進(jìn)行了一下簡(jiǎn)單封裝,代碼如下:
/**
* Created by xialo on 2016/7/25.
*/
public class SharedPreferencesUtil {
private static final String spFileName = "welcomePage";
public static final String FIRST_OPEN = "first_open";
public static Boolean getBoolean(Context context, String strKey,
Boolean strDefault) {//strDefault boolean: Value to return if this preference does not exist.
SharedPreferences setPreferences = context.getSharedPreferences(
spFileName, Context.MODE_PRIVATE);
Boolean result = setPreferences.getBoolean(strKey, strDefault);
return result;
}
public static void putBoolean(Context context, String strKey,
Boolean strData) {
SharedPreferences activityPreferences = context.getSharedPreferences(
spFileName, Context.MODE_PRIVATE);
SharedPreferences.Editor editor = activityPreferences.edit();
editor.putBoolean(strKey, strData);
editor.commit();
}
}
二、WelcomeGuideActivity中,我們使用ViewPager以加載多個(gè)引導(dǎo)頁(yè)面使其可以左右滑動(dòng)
不多說,請(qǐng)看WelcomeGuideActivity.java代碼:
/**
* Created by xialo on 2016/7/25.
*/
public class WelcomeGuideActivity extends Activity implements View.OnClickListener {
private ViewPager vp;
private GuideViewPagerAdapter adapter;
private List<View> views;
private Button startBtn;
// 引導(dǎo)頁(yè)圖片資源
private static final int[] pics = { R.layout.guide_view1,
R.layout.guide_view2, R.layout.guide_view3};
// 底部小點(diǎn)圖片
private ImageView[] dots;
// 記錄當(dāng)前選中位置
private int currentIndex;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_guide);
views = new ArrayList<View>();
// 初始化引導(dǎo)頁(yè)視圖列表
for (int i = 0; i < pics.length; i++) {
View view = LayoutInflater.from(this).inflate(pics[i], null);
if (i == pics.length - 1) {
startBtn = (Button) view.findViewById(R.id.btn_enter);
startBtn.setTag("enter");
startBtn.setOnClickListener(this);
}
views.add(view);
}
vp = (ViewPager) findViewById(R.id.vp_guide);
adapter = new GuideViewPagerAdapter(views);
vp.setAdapter(adapter);
vp.addOnPageChangeListener(new PageChangeListener());
initDots();
}
@Override
protected void onResume() {
super.onResume();
}
@Override
protected void onPause() {
super.onPause();
// 如果切換到后臺(tái),就設(shè)置下次不進(jìn)入功能引導(dǎo)頁(yè)
SharedPreferencesUtil.putBoolean(WelcomeGuideActivity.this, SharedPreferencesUtil.FIRST_OPEN, false);
finish();
}
@Override
protected void onStop() {
super.onStop();
}
@Override
protected void onDestroy() {
super.onDestroy();
}
private void initDots() {
LinearLayout ll = (LinearLayout) findViewById(R.id.ll);
dots = new ImageView[pics.length];
// 循環(huán)取得小點(diǎn)圖片
for (int i = 0; i < pics.length; i++) {
// 得到一個(gè)LinearLayout下面的每一個(gè)子元素
dots[i] = (ImageView) ll.getChildAt(i);
dots[i].setEnabled(false);// 都設(shè)為灰色
dots[i].setOnClickListener(this);
dots[i].setTag(i);// 設(shè)置位置tag,方便取出與當(dāng)前位置對(duì)應(yīng)
}
currentIndex = 0;
dots[currentIndex].setEnabled(true); // 設(shè)置為白色,即選中狀態(tài)
}
/**
* 設(shè)置當(dāng)前view
*
* @param position
*/
private void setCurView(int position) {
if (position < 0 || position >= pics.length) {
return;
}
vp.setCurrentItem(position);
}
/**
* 設(shè)置當(dāng)前指示點(diǎn)
*
* @param position
*/
private void setCurDot(int position) {
if (position < 0 || position > pics.length || currentIndex == position) {
return;
}
dots[position].setEnabled(true);
dots[currentIndex].setEnabled(false);
currentIndex = position;
}
@Override
public void onClick(View v) {
if (v.getTag().equals("enter")) {
enterMainActivity();
return;
}
int position = (Integer) v.getTag();
setCurView(position);
setCurDot(position);
}
private void enterMainActivity() {
Intent intent = new Intent(WelcomeGuideActivity.this,
WelcomeActivity.class);
startActivity(intent);
SharedPreferencesUtil.putBoolean(WelcomeGuideActivity.this, SharedPreferencesUtil.FIRST_OPEN, false);
finish();
}
private class PageChangeListener implements ViewPager.OnPageChangeListener {
@Override
public void onPageScrollStateChanged(int position) {
}
@Override
public void onPageScrolled(int position, float arg1, int arg2) {
}
@Override
public void onPageSelected(int position) {
// 設(shè)置底部小點(diǎn)選中狀態(tài)
setCurDot(position);
}
}
}
我們用了三個(gè)頁(yè)面guide_view1、guide_view2、guide_view3作為引導(dǎo)頁(yè)面,布局類似,只是guide_view3多了個(gè)點(diǎn)擊進(jìn)入的Button。
以下是guide_view3.xml
<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent" >
<ImageView
android:layout_width="match_parent"
android:layout_height="match_parent"
android:scaleType="centerCrop"
android:src="@mipmap/guide_img3" />
<Button
android:id="@+id/btn_enter"
android:layout_width="100dp"
android:layout_height="26dp"
android:layout_gravity="bottom|center_horizontal"
android:layout_marginBottom="75dp"
android:background="@drawable/button_shape"
android:text="@string/entry"
android:textColor="@color/white"
android:textSize="18sp"
android:visibility="visible" />
</FrameLayout>
WelcomeGuideActivity中值得注意的是該Button點(diǎn)擊事件的處理,在點(diǎn)擊Button后我們并沒有直接進(jìn)入MainActivity,而是先把SharedPreferences中標(biāo)記是否第一次進(jìn)入的布爾值設(shè)為false,而后再次進(jìn)入WelcomeActivity,此時(shí)WelcomeActivity會(huì)直接setContentView()然后啟動(dòng)動(dòng)畫,進(jìn)入MainActivity。
以上,我們?nèi)A麗麗的引導(dǎo)頁(yè)就完成了。希望本文中能對(duì)你的引導(dǎo)頁(yè)提供幫助,和在大家學(xué)習(xí)Android開發(fā)中有所參考,謝謝大家對(duì)腳本之家的支持。
- Android實(shí)現(xiàn)過渡動(dòng)畫、引導(dǎo)頁(yè) Android判斷是否第一次啟動(dòng)App
- Android使用ViewPager實(shí)現(xiàn)啟動(dòng)引導(dǎo)頁(yè)
- Android開發(fā)實(shí)戰(zhàn)之漂亮的ViewPager引導(dǎo)頁(yè)
- Android開發(fā)實(shí)現(xiàn)的ViewPager引導(dǎo)頁(yè)功能(動(dòng)態(tài)加載指示器)詳解
- Android控件ViewPager實(shí)現(xiàn)帶有動(dòng)畫的引導(dǎo)頁(yè)
- Android引導(dǎo)頁(yè)面的簡(jiǎn)單實(shí)現(xiàn)
- Android實(shí)現(xiàn)繞球心旋轉(zhuǎn)的引導(dǎo)頁(yè)效果
- Android實(shí)現(xiàn)漸變啟動(dòng)頁(yè)和帶有指示器的引導(dǎo)頁(yè)
- Android自定義控件打造絢麗平行空間引導(dǎo)頁(yè)
- Android簡(jiǎn)單實(shí)現(xiàn)引導(dǎo)頁(yè)
相關(guān)文章
Android仿支付寶自定義密碼輸入框及安全鍵盤(密碼鍵盤)
這篇文章主要介紹了Android仿支付寶自定義密碼輸入框及安全鍵盤(密碼鍵盤),需要的朋友可以參考下2018-01-01
android?studio數(shù)據(jù)存儲(chǔ)建立SQLite數(shù)據(jù)庫(kù)實(shí)現(xiàn)增刪查改
這篇文章主要介紹了vandroid?studio數(shù)據(jù)存儲(chǔ)建立SQLite數(shù)據(jù)庫(kù)實(shí)現(xiàn)增刪查改,分別使用sqlite3工具和Android代碼的方式建立SQLite數(shù)據(jù)庫(kù),具體內(nèi)容,需要的小伙伴可以參考下面文章得詳細(xì)內(nèi)容2021-12-12
Android編程之菜單的實(shí)現(xiàn)方法實(shí)例詳解
這篇文章主要介紹了Android編程之菜單的實(shí)現(xiàn)方法,結(jié)合實(shí)例形式較為詳細(xì)的分析了上下文菜單、選項(xiàng)菜單和子菜單的實(shí)現(xiàn)技巧,需要的朋友可以參考下2015-11-11
Android可簽到日歷控件的實(shí)現(xiàn)方法
這篇文章主要為大家詳細(xì)介紹了Android可簽到日歷控件的實(shí)現(xiàn)方法,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2018-05-05
android中使用SharedPreferences進(jìn)行數(shù)據(jù)存儲(chǔ)的操作方法
本篇文章介紹了,在android中使用SharedPreferences進(jìn)行數(shù)據(jù)存儲(chǔ)的操作方法。需要的朋友參考下2013-04-04
Android語(yǔ)音識(shí)別技術(shù)詳解及實(shí)例代碼
這篇文章主要介紹了Android語(yǔ)音識(shí)別技術(shù)的相關(guān)資料,并附實(shí)例代碼及實(shí)例實(shí)現(xiàn)效果圖,需要的朋友可以參考下2016-09-09

