前言
最近公司的项目不是太紧张所以也闲的无聊，只能自己找事做。所以自己就想做一个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>
这样就解决了引导页的问题，下面就看一下效果图吧：
看是不是和原版的一样呢，而且也不会显示状态栏，当然了这个图片也可以自己自定义，我这里就是截取的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();
}
}
这样引导页就是完成了并且跳到了登陆页面。
