splash页面定时跳转，引导页倒计时功能开发

splash页面定时跳转，引导页倒计时功能开发

一、概述

[TOC]
思绪乱飞 - - 1030

一直以来都以为都不怎么在意更新博客，最近电脑加了固态硬盘，整理内存资料时发现，资料乱的一堆，乱七八糟，个人也有喜欢收集资料的癖好，看过的没看过的，都没有总结过，整理的好累，就想提炼出来放一个地方，刚巧看到当年同时出来的 同学现在都已经写了好多篇日志，总结分类条理巨清晰，心里甚是羡慕，决心也开始整理博客，梳理内容！，当然如果能帮助到各位看官，那就更开心了，当然，也欢迎多多指教！

最近看到有好多app突然就变了风格，卡片式交互操作突然就多了起来，app启动页面也都换成了倒计时+跳过，今天就随手写了一个，有需要的可以直接拿走！！ 下面代码区有完整版

首先先来看效果

---

右下角其实是button 按钮啦
下面直接贴代码 ：
splashActivity 布局的代码：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@drawable/bg_home"
    android:orientation="vertical">

    <Button
        android:onClick="onclick"
        android:minWidth="60dp"
        android:textColor="@android:color/white"
        android:minHeight="28dp"
        android:background="@drawable/btn_selector"
        android:text="跳过"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginRight="22dp"
        android:layout_marginBottom="36dp"
        android:id="@+id/button"
        android:gravity="center"
        android:layout_alignParentBottom="true"
        android:layout_alignParentRight="true"
        android:layout_alignParentEnd="true" />

</RelativeLayout>

当然，为了好看，我在字体颜色和Button背景上都用了selector，要精致嘛！哈哈哈！
下面贴出 selector代码

btn_selector.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@drawable/btn_pressed_color" android:state_pressed="true" />
    <item android:drawable="@drawable/btn_normal_color" android:state_pressed="false" />
</selector>

selector 中使用的是xml定义的shape图形，上代码：

btn_pressed_color.xml

<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <stroke android:color="@android:color/white" android:width="1dp" />
    <corners android:radius="3dp" />
    <size android:height="10dp" android:width="10dp" />
    <solid android:color="#55000000" />
</shape>

btn_nomal_color.xml

<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <stroke android:color="@android:color/white" android:width="1dp" />
    <corners android:radius="3dp" />
    <size android:height="10dp" android:width="10dp" />
    <solid android:color="#5aaaaaaa" />
</shape>

xml 布局搞完了，下面开始上真的代码！！

下面贴 activity内的代码，当然，也可以放在Fragment 中，毕竟本人也这样做过！

SplashActivity.java

package top.angame.mnews;

import android.app.Activity;
import android.content.Intent;
import android.os.Bundle;
import android.os.Handler;
import android.os.Message;
import android.support.annotation.Nullable;
import android.view.View;
import android.widget.Button;

import java.util.Timer;
import java.util.TimerTask;

import top.angame.mnews.Utils.ActivityUtils;

/**
 * Created by WU on 2016/10/28.
 */
public class SplashActivity extends Activity {
    //设定倒计时时长 n 单位 s
    private int time = 5;
    //初始化 Handler
    private Handler handler = new Handler() {
        @Override
        public void handleMessage(Message msg) {
            switch (msg.what) {
                case 0:
                    btn_skip.setText("跳过(" + time + ")");
                    break;
                case 1:
                    startActivity(new Intent(SplashActivity.this, MainActivity.class));
                    finish();
            }
            super.handleMessage(msg);
        }
    };
    private Button btn_skip;
    private Timer timer;

    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        ActivityUtils.trastate(this);
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_splash);
        btn_skip = (Button) findViewById(R.id.button);

    }

    /** skip Button 点击事件 */
    public void onclick(View view) {
        handler.sendEmptyMessage(1);
    }

    @Override
    protected void onResume() {
        timer = new Timer(true);
        timer.schedule(new TimerTask() {
            @Override
            public void run() {
                time--;
                handler.sendEmptyMessage((time == 0 ? 1 : 0));
            }
        }, 1000, 1000);
        super.onResume();
    }

    @Override
    protected void onPause() {
        timer.cancel();
        super.onPause();
    }
}

到此，就 ok 了，是不是很简单呢！！！