android基础学习-android篇day18-旅游UI之(1-1)闪屏的实现

• Part1-1：闪屏的实现 

新建一个SplashActivity类和相应的activity_splash.xml布局

activity_splash.xml 用来装闪屏的图片 android:background="@mipmap/bg_splash"

<?xml version="1.0" encoding="utf-8"?>
<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"
    tools:context=".SplashActivity"
    android:background="@mipmap/bg_splash">
    <ImageView
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:src="@mipmap/logo"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="85dp"/>

</RelativeLayout>

 SplashActivity.java 主要控制页面延时跳转

/**
 * 这是闪屏Activity
 */

public class SplashActivity extends AppCompatActivity {
//新建一个Handler
    protected Handler mHandler =new Handler();

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_splash);
        mHandler.postDelayed(new Runnable() {//延迟多少时间做什么事情,由闪屏页调到主页面
            @Override
            public void run() {
                startActivity(new Intent(SplashActivity.this,MainActivity.class));
            }
        },2000);//延迟多少时间做什么事情,由闪屏页调到主页面
    }
}

别忘了要在AndroidManifest.xml布局中将SplashActivity弄成第一个启动的界面

<activity android:name=".SplashActivity">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

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

还有布局的主题改成

Theme.AppCompat.NoActionBar

在style.xml布局中 

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

到这里就完成了。