Android啟動屏實現左右滑動切換查看功能

本文介紹一個app最常見的特性，就是新功能屬性介紹和啟動屏，一般會怎麼實現呢，這不就打算告訴大家了麼。

先說邏輯

• 先判斷是否第一次啟動app，如果是，則進入功能使用導航（最簡單的做法就是，左右滑動切換查看，滑動到最後一頁點擊按鈕進入首頁）。
• 如果不是，則顯示啟動屏，2秒之後進入首頁。
  

邏輯是很簡單，如果有廣告怎麼辦？廣告肯定是從服務器拿，但會緩存到本地，沒網的時候可以顯示，可以使用webView來顯示廣告，反正筆者是這樣干，具體實現先不說。

看看效果

上代碼

SplashActivity.java

package com.devilwwj.featureguide;

import android.app.Activity;
import android.content.Intent;
import android.os.Bundle;
import android.os.Handler;

import com.devilwwj.featureguide.global.AppConstants;
import com.devilwwj.featureguide.utils.SpUtils;

public class SplashActivity extends Activity {
 @Override
 protected void onCreate(Bundle savedInstanceState) {
 super.onCreate(savedInstanceState);
 // 判斷是否是第一次開啟應用
 boolean isFirstOpen = SpUtils.getBoolean(this, AppConstants.FIRST_OPEN);
 // 如果是第一次啟動，則先進入功能引導頁
 if (!isFirstOpen) {
  Intent intent = new Intent(this, WelcomeGuideActivity.class);
  startActivity(intent);
  finish();
  return;
 }

 // 如果不是第一次啟動app，則正常顯示啟動屏
 setContentView(R.layout.activity_splash);

 new Handler().postDelayed(new Runnable() {

  @Override
  public void run() {
  enterHomeActivity();
  }
 }, 2000);
 }

 private void enterHomeActivity() {
 Intent intent = new Intent(this, MainActivity.class);
 startActivity(intent);
 finish();
 }
}

代碼解析：使用SharedPreference來保存app啟動狀態，如果為true，則進入功能導航，否則延遲2秒之後進入主頁面。

WelcomeGuideActivity.java

package com.devilwwj.featureguide;

import android.app.Activity;
import android.content.Intent;
import android.os.Bundle;
import android.support.v4.view.ViewPager;
import android.support.v4.view.ViewPager.OnPageChangeListener;
import android.view.LayoutInflater;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.ImageView;
import android.widget.LinearLayout;

import com.devilwwj.featureguide.global.AppConstants;
import com.devilwwj.featureguide.utils.SpUtils;

import java.util.ArrayList;
import java.util.List;

public class WelcomeGuideActivity extends Activity implements OnClickListener {

 private ViewPager vp;
 private GuideViewPagerAdapter adapter;
 private List<View> views;
 private Button startBtn;

 // 引導頁圖片資源
 private static final int[] pics = { R.layout.guid_view1,
  R.layout.guid_view2, R.layout.guid_view3, R.layout.guid_view4 };

 // 底部小點圖片
 private ImageView[] dots;

 // 記錄當前選中位置
 private int currentIndex;

 @Override
 protected void onCreate(Bundle savedInstanceState) {
 super.onCreate(savedInstanceState);
 setContentView(R.layout.activity_guide);

 views = new ArrayList<View>();

 // 初始化引導頁視圖列表
 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_login);
  startBtn.setTag("enter");
  startBtn.setOnClickListener(this);
  }

  views.add(view);

 }

 vp = (ViewPager) findViewById(R.id.vp_guide);
 // 初始化adapter
 adapter = new GuideViewPagerAdapter(views);
 vp.setAdapter(adapter);
 vp.setOnPageChangeListener(new PageChangeListener());

 initDots();

 }

 @Override
 protected void onResume() {
 super.onResume();
 }

 @Override
 protected void onPause() {
 super.onPause();
 // 如果切換到後台，就設置下次不進入功能引導頁
 SpUtils.putBoolean(WelcomeGuideActivity.this, AppConstants.FIRST_OPEN, true);
 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];

 // 循環取得小點圖片
 for (int i = 0; i < pics.length; i++) {
  // 得到一個LinearLayout下面的每一個子元素
  dots[i] = (ImageView) ll.getChildAt(i);
  dots[i].setEnabled(false);// 都設為灰色
  dots[i].setOnClickListener(this);
  dots[i].setTag(i);// 設置位置tag，方便取出與當前位置對應
 }

 currentIndex = 0;
 dots[currentIndex].setEnabled(true); // 設置為白色，即選中狀態

 }

 /**
 * 設置當前view
 * 
 * @param position
 */
 private void setCurView(int position) {
 if (position < 0 || position >= pics.length) {
  return;
 }
 vp.setCurrentItem(position);
 }

 /**
 * 設置當前指示點
 * 
 * @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,
  SplashActivity.class);
 startActivity(intent);
 SpUtils.putBoolean(WelcomeGuideActivity.this, AppConstants.FIRST_OPEN, true);
 finish();
 }

 private class PageChangeListener implements OnPageChangeListener {
 // 當滑動狀態改變時調用
 @Override
 public void onPageScrollStateChanged(int position) {
  // arg0 ==1的時辰默示正在滑動，arg0==2的時辰默示滑動完畢了，arg0==0的時辰默示什麼都沒做。

 }

 // 當前頁面被滑動時調用
 @Override
 public void onPageScrolled(int position, float arg1, int arg2) {
  // arg0 :當前頁面，及你點擊滑動的頁面
  // arg1:當前頁面偏移的百分比
  // arg2:當前頁面偏移的像素位置

 }

 // 當新的頁面被選中時調用
 @Override
 public void onPageSelected(int position) {
  // 設置底部小點選中狀態
  setCurDot(position);
 }

 }
}

代碼解析：左右滑動是使用ViewPager來做的，切換4個不同的View，監聽ViewPager的頁面切換事件來更改底部指示點的切換，滑動到最後一個頁面，設置按鈕的點擊事件，點擊進入首頁。

以上就是本文的全部內容，希望對大家學習Android軟件編程有所幫助。