美文网首页Android 拾遗安卓UIAndroid收藏集
Android实践 | 启动页 Splash Screen 实现

Android实践 | 启动页 Splash Screen 实现

作者: CCCode1997 | 来源:发表于2019-03-22 09:46 被阅读0次

    现在很多应用都会在进入主界面之前,添加一个启动页,然后加入几秒钟的广告,我觉得这个不能算是 “真正意义上的 “ 启动页,应该叫广告页。
    Android 应用冷启动时,需要从Application开始启动,加载时间就会比较长,这段时间里,用户所能看到的就是”白屏“(这是因为默认的AppTheme的 android:windowBackground 默认是设置成白色的),因此我认为真正的启动页就应该是让用户点开应用时看到的不是”白屏“,而是我们创建的一个页面,可以是一张图片、一段文字。。。
    这样,不明真相的用户直观感觉到的就是,这个应用可以秒开诶!(滑稽.jpg)
    下面直接来看怎么实现吧!

    • 首先在 drawable 目录下新建一个 splash_screen.xml 文件
    <?xml version="1.0" encoding="utf-8"?>
    <layer-list xmlns:android="http://schemas.android.com/apk/res/android"
        android:opacity="opaque">
        <item android:drawable="@color/colorPrimary"/>
        <item>
            <bitmap android:src="@drawable/ic_logo"
                android:gravity="center"/>
        </item>
    </layer-list>
    

    我们使用 layer-list 标签创建一个图层列表,实际就是一个 LayerDrawable ,设置一个背景,然后放上应用图标,这是我想展示的启动页,可以根据自己的需要自行定义。

    • 然后在 style.xml 文件中定义一个 SplashTheme
    <resources>
        ...
        
        <style name="SplashTheme" parent="AppTheme">
            <item name="android:windowBackground">@drawable/splash_screen</item>
        </style>
    
    </resources>
    

    这里只需要将窗口背景设置为我们刚才定义的 LayerDrawable。

    • 然后需要在 AndroidMenifest.xml 文件中将我们的主页面,我这里是 MainActivity 的 android:theme 设置成我们定义的SplashTheme
    <?xml version="1.0" encoding="utf-8"?>
    <manifest xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:tools="http://schemas.android.com/tools"
          ...
          >
    
        ...
    
        <application
            ...
             >
            <activity
                android:name=".activity.MainActivity"
                android:launchMode="singleTask"
                android:theme="@style/SplashTheme">
                <intent-filter>
                    <action android:name="android.intent.action.MAIN" />
    
                    <category android:name="android.intent.category.LAUNCHER" />
                </intent-filter>
            </activity>
            ...
        </application>
    
    </manifest>
    

    到这一步,你可能会表示担心,我们并不希望MainActivity的 theme 是这样的啊,不要着急,看最后一步。

    • 在MainActivity的onCreate方法中设置我们需要的 theme
        @Override
        protected void onCreate(@Nullable Bundle savedInstanceState) {
            setTheme(R.style.AppTheme);
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);
        }
    

    就是这么简单,下面来看一下效果吧


    相关文章

      网友评论

        本文标题:Android实践 | 启动页 Splash Screen 实现

        本文链接:https://www.haomeiwen.com/subject/ndgkvqtx.html