Android端:从引导页到注册（一）

前言

最近公司的项目不是太紧张所以也闲的无聊，只能自己找事做。所以自己就想做一个App算是学习新知识。想来想去最后就想做一个仿QQ的一个App ，当然了，不可能做的像QQ那么厉害，但这里只是为了学习而已。由于本人的技术有限就没有IOS端的了，这里只有Android端和后台服务端的。这里会从最基本的开始。从安卓端再到服务端都会把学到的一一作记录。

（一）引导页

众所周知每一个App都会有一个引导页。这里可能会放的是广告，也可能是App的介绍什么的所引导页就是我们这个项目的第一步。
1.首先创建一个Android项目本人Android Studio版本是2.3.2的 没有更新到最新版本。创建一个Activity。创建一个Activity名为BaseActivity 让其继承于AppCompatActivity后面所有创建的Activity都继承于BaseActivity。首先我们要做的就是全屏显示整个界面所以我们在style.xml文件下设置parent="Theme.AppCompat.Light.NoActionBar"

<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
        <!-- Customize your theme here. -->
        <item name="colorPrimary">@color/colorPrimary</item>
        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
        <item name="colorAccent">@color/colorAccent</item>
    </style>

但你会发现其实这样做并不能完全的全屏的显示，上面还是会有一块下面就要实现头部沉浸式。在BaseActivity的onCreateView方法下面加入如下代码。这样所有继承于BaseActivity的Activity都会是沉浸式布局

if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT){
            //透明状态栏
            getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
            //透明导航栏
            getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION);}

虽然这样实现了沉浸式头部，但还是不理想，因为还会显示状态栏的。我们看原版QQ你会发现导航页是不显示状态栏的，所有这里就是要让其不显示状态栏。其实要实现这个也简单。

<style name="guditTheme" parent="Theme.AppCompat.Light.NoActionBar">
        <item name="android:background">@mipmap/gud_first</item>
        <item name="windowActionBar">false</item>
        <item name="android:windowNoTitle">true</item>
        <item name="android:windowFullscreen">true</item>
        <item name="windowNoTitle">true</item>
 </style>

这里name="android:background">@mipmap/gud_first 这个图片是我截取的QQ的这里的图片就是你引导页显示的背景图片样式写完了就是要给Activity添加这个样式了，我新建的引导页命名为GuditActivity我们在AndroidManifest下面配置这个样式

 <activity
            android:name=".activity.GuditActivity"
            android:screenOrientation="portrait"
            android:theme="@style/guditTheme">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>

下面就是我得布局了，布局就特别简单了放一个图片全屏显示就可以了

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#FFFFFF"
    tools:context="com.example.mywang.qqproject.activity.GuditActivity">

    <ImageView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:src="@mipmap/gud_first"
        />
</RelativeLayout>

这样就解决了引导页的问题，下面就看一下效果图吧：

image.png

看是不是和原版的一样呢，而且也不会显示状态栏，当然了这个图片也可以自己自定义，我这里就是截取的QQ的。
2.我们接下来要做的就是跳转到登陆页了，新建一个登陆页命名为LoginActivity。下面代码就是定时跳转。这个就不多说了。就是开了一个定时器过三秒执行跳转到LoginActivity的一个操作。

public class GuditActivity extends BaseActivity {

    Handler handler = new Handler(){
        @Override
        public void handleMessage(Message msg) {
            super.handleMessage(msg);
            switch (msg.what){
                case 0:
                    Intent intent = new Intent(GuditActivity.this,LoginActivity.class);
                    startActivity(intent);
                    GuditActivity.this.finish();
                    break;
            }
        }
    };
    Timer timer = new Timer();
    TimerTask task = new TimerTask() {
        @Override
        public void run() {
            Message msg = new Message();
            msg.what=0;
            handler.sendMessage(msg);
        }
    };
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_gudit);
        timer.schedule(task,3000);
    }

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

这样引导页就是完成了并且跳到了登陆页面。