前言
很長一段時間沒寫博客了何什,再不寫點東西真說不過去,把工作上的一些有價值的東西整理出來分享漫贞,在當(dāng)下還有點時效性,不然遲早會爛在肚子里的育叁。還記得之前小巫有個開源計劃是想實現(xiàn)一個星期開發(fā)app迅脐,現(xiàn)在把它拾起來,計劃沒有實行起來跟我那懶惰的身軀有關(guān)豪嗽,任何偉大的事情都需要強大的執(zhí)行力才能實現(xiàn)谴蔑,慢一點沒關(guān)系,能創(chuàng)造點東西就是值得的事情龟梦。
本篇博客先介紹一個app最常見的特性隐锭,就是新功能屬性介紹和啟動屏,一般會怎么實現(xiàn)呢变秦,這不就打算告訴大家了么成榜。
先說邏輯
- 先判斷是否第一次啟動app框舔,如果是蹦玫,則進(jìn)入功能使用導(dǎo)航(最簡單的做法就是,左右滑動切換查看刘绣,滑動到最后一頁點擊按鈕進(jìn)入首頁)樱溉。
- 如果不是,則顯示啟動屏纬凤,2秒之后進(jìn)入首頁福贞。
邏輯是很簡單,如果有廣告怎么辦停士?廣告肯定是從服務(wù)器拿挖帘,但會緩存到本地完丽,沒網(wǎng)的時候可以顯示,可以使用webView來顯示廣告拇舀,反正筆者是這樣干逻族,具體實現(xiàn)先不說。
看看效果
功能導(dǎo)航
上代碼
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;
/**
* @desc 啟動屏
* Created by devilwwj on 16/1/23.
*/
public class SplashActivity extends Activity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
// 判斷是否是第一次開啟應(yīng)用
boolean isFirstOpen = SpUtils.getBoolean(this, AppConstants.FIRST_OPEN);
// 如果是第一次啟動骄崩,則先進(jìn)入功能引導(dǎo)頁
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啟動狀態(tài),如果為true要拂,則進(jìn)入功能導(dǎo)航抠璃,否則延遲2秒之后進(jìn)入主頁面。
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;
/**
* 歡迎頁
*
* @author wwj_748
*
*/
public class WelcomeGuideActivity extends Activity implements OnClickListener {
private ViewPager vp;
private GuideViewPagerAdapter adapter;
private List<View> views;
private Button startBtn;
// 引導(dǎo)頁圖片資源
private static final int[] pics = { R.layout.guid_view1,
R.layout.guid_view2, R.layout.guid_view3, R.layout.guid_view4 };
// 底部小點圖片
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)頁視圖列表
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();
// 如果切換到后臺脱惰,就設(shè)置下次不進(jìn)入功能引導(dǎo)頁
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];
// 循環(huán)取得小點圖片
for (int i = 0; i < pics.length; i++) {
// 得到一個LinearLayout下面的每一個子元素
dots[i] = (ImageView) ll.getChildAt(i);
dots[i].setEnabled(false);// 都設(shè)為灰色
dots[i].setOnClickListener(this);
dots[i].setTag(i);// 設(shè)置位置tag搏嗡,方便取出與當(dāng)前位置對應(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)前指示點
*
* @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 {
// 當(dāng)滑動狀態(tài)改變時調(diào)用
@Override
public void onPageScrollStateChanged(int position) {
// arg0 ==1的時辰默示正在滑動拉一,arg0==2的時辰默示滑動完畢了彻况,arg0==0的時辰默示什么都沒做。
}
// 當(dāng)前頁面被滑動時調(diào)用
@Override
public void onPageScrolled(int position, float arg1, int arg2) {
// arg0 :當(dāng)前頁面舅踪,及你點擊滑動的頁面
// arg1:當(dāng)前頁面偏移的百分比
// arg2:當(dāng)前頁面偏移的像素位置
}
// 當(dāng)新的頁面被選中時調(diào)用
@Override
public void onPageSelected(int position) {
// 設(shè)置底部小點選中狀態(tài)
setCurDot(position);
}
}
}
代碼解析:左右滑動是使用ViewPager來做的纽甘,切換4個不同的View,監(jiān)聽ViewPager的頁面切換事件來更改底部指示點的切換抽碌,滑動到最后一個頁面悍赢,設(shè)置按鈕的點擊事件,點擊進(jìn)入首頁货徙。
github
更多的代碼上的細(xì)節(jié)左权,大家看源工程,代碼已經(jīng)上傳到github痴颊,歡迎大家down下來使用赏迟。
一周開發(fā)app
001_featureguide
作者:IT_xiao小巫
博客地址:http://blog.csdn.net/wwj_748