Android技巧1:啟動屏+功能引導(dǎo)頁

前言

很長一段時間沒寫博客了何什,再不寫點東西真說不過去,把工作上的一些有價值的東西整理出來分享漫贞,在當(dāng)下還有點時效性,不然遲早會爛在肚子里的育叁。還記得之前小巫有個開源計劃是想實現(xiàn)一個星期開發(fā)app迅脐,現(xiàn)在把它拾起來,計劃沒有實行起來跟我那懶惰的身軀有關(guān)豪嗽,任何偉大的事情都需要強大的執(zhí)行力才能實現(xiàn)谴蔑,慢一點沒關(guān)系,能創(chuàng)造點東西就是值得的事情龟梦。

本篇博客先介紹一個app最常見的特性隐锭,就是新功能屬性介紹和啟動屏,一般會怎么實現(xiàn)呢变秦,這不就打算告訴大家了么成榜。

先說邏輯

  1. 先判斷是否第一次啟動app框舔,如果是蹦玫,則進(jìn)入功能使用導(dǎo)航(最簡單的做法就是,左右滑動切換查看刘绣,滑動到最后一頁點擊按鈕進(jìn)入首頁)樱溉。
  2. 如果不是,則顯示啟動屏纬凤,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

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市蠢棱,隨后出現(xiàn)的幾起案子锌杀,更是在濱河造成了極大的恐慌,老刑警劉巖泻仙,帶你破解...
    沈念sama閱讀 222,183評論 6 516
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件糕再,死亡現(xiàn)場離奇詭異,居然都是意外死亡玉转,警方通過查閱死者的電腦和手機突想,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,850評論 3 399
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人猾担,你說我怎么就攤上這事袭灯。” “怎么了绑嘹?”我有些...
    開封第一講書人閱讀 168,766評論 0 361
  • 文/不壞的土叔 我叫張陵妓蛮,是天一觀的道長。 經(jīng)常有香客問我圾叼,道長蛤克,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 59,854評論 1 299
  • 正文 為了忘掉前任夷蚊,我火速辦了婚禮构挤,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘惕鼓。我一直安慰自己筋现,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 68,871評論 6 398
  • 文/花漫 我一把揭開白布箱歧。 她就那樣靜靜地躺著矾飞,像睡著了一般。 火紅的嫁衣襯著肌膚如雪呀邢。 梳的紋絲不亂的頭發(fā)上洒沦,一...
    開封第一講書人閱讀 52,457評論 1 311
  • 那天,我揣著相機與錄音价淌,去河邊找鬼申眼。 笑死,一個胖子當(dāng)著我的面吹牛蝉衣,可吹牛的內(nèi)容都是我干的括尸。 我是一名探鬼主播,決...
    沈念sama閱讀 40,999評論 3 422
  • 文/蒼蘭香墨 我猛地睜開眼病毡,長吁一口氣:“原來是場噩夢啊……” “哼濒翻!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起啦膜,我...
    開封第一講書人閱讀 39,914評論 0 277
  • 序言:老撾萬榮一對情侶失蹤有送,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后功戚,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體娶眷,經(jīng)...
    沈念sama閱讀 46,465評論 1 319
  • 正文 獨居荒郊野嶺守林人離奇死亡似嗤,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,543評論 3 342
  • 正文 我和宋清朗相戀三年啸臀,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 40,675評論 1 353
  • 序言:一個原本活蹦亂跳的男人離奇死亡乘粒,死狀恐怖豌注,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情灯萍,我是刑警寧澤轧铁,帶...
    沈念sama閱讀 36,354評論 5 351
  • 正文 年R本政府宣布,位于F島的核電站旦棉,受9級特大地震影響齿风,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜绑洛,卻給世界環(huán)境...
    茶點故事閱讀 42,029評論 3 335
  • 文/蒙蒙 一救斑、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧真屯,春花似錦脸候、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,514評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至配深,卻和暖如春携添,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背篓叶。 一陣腳步聲響...
    開封第一講書人閱讀 33,616評論 1 274
  • 我被黑心中介騙來泰國打工薪寓, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人澜共。 一個月前我還...
    沈念sama閱讀 49,091評論 3 378
  • 正文 我出身青樓向叉,卻偏偏與公主長得像,于是被迫代替她去往敵國和親嗦董。 傳聞我的和親對象是個殘疾皇子母谎,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 45,685評論 2 360

推薦閱讀更多精彩內(nèi)容