Flutter - 给App增加启动屏幕(Splash Screen)并且设置背景颜色

先看一下效果图,启动图最好设置为png格式的透明图,以防图片填充不满的时候背景图会非常的煞白(Flutter 默认背景色是白色)。

打开android\app\src\main\res\drawable\launch_background.xml,

<?xml version="1.0" encoding="utf-8"?>
<!-- Modify this file to customize your launch splash screen -->
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@android:color/white" />
    <!-- You can insert your own image assets here -->
    <item>
        <bitmap
            android:gravity="center"
            android:src="@mipmap/launch_image" />
    </item>
</layer-list>

将<item>里面的内容反注释,并且准备一张图片分辨率1080 x 1920,放入android\app\src\main\res\mipmap-xxhdpi即可。

注意名字改成launch_image即可。或者你可以用别的名字,把上面的xml文件改一下即可

密度 ldpi mdpi hdpi xhdpi xxhdpi xxxhdpi
代表分辨率 240 x 320 320 x 480 480 x 800 720 x 1280 1080 x 1920 3840×2160

关于背景颜色,这个也是研究了一段时间,因为Android自带的颜色只有white和black。

想自定义颜色,却一直引用不到。后来翻了很多资料和so上的回答,才发现自己马虎大意。

需要把原来的 @android:color/white"中的android:去掉即可。

去掉以后为

<item android:drawable="@color/orange" />

其中orange是自定义的颜色。

首先需要在android\app\src\main\res\values下新建一个colors.xml文件,

内容为

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <color name="orange">#FFAB40</color>
    <color name="transparent">#00000000</color>
</resources>

中间的resources就是自己想要添加的颜色。话说Android真是不给力,连个颜色都不预置。

定义好以后就可以在launch_background.xml中引用了。

原文地址:https://www.cnblogs.com/hupo376787/p/10261424.html

时间: 2024-12-21 00:17:38

Flutter - 给App增加启动屏幕(Splash Screen)并且设置背景颜色的相关文章

纯C++打造的Splash Screen类(打造专业的启动画面)

Introduction 每一个应用程序可能都需要一个"about box"和程序启动时一个"splash screen"(启动画面),大多数开发者都使用自带的""about dialog"".我创建了一个类CSplashScreen,都可以处理这两者,使开发变的容易,有趣!从小的对话框组件程序到需要加在几分复杂程序,我都会使用这个类. 这个类有两个文件组成,SplashScreen.h 和 SplashScreen.cpp.

Windows Phone Splash Screen

Why to use splash screen? Typically, you should use a splash screen in your app only if your app is unusually slow to load if you want to add additional branding to the app. You can use splash screen to show company logo, promote apps, load data and

UI: 概述, 启动屏幕, 屏幕方向

UI 设计概述 启动屏幕(闪屏) 屏幕方向 示例1.UI 设计概述UI/Summary.xaml <Page x:Class="Windows10.UI.Summary" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:local=&qu

Android App 启动页(Splash)黑/白闪屏现象产生原因与解决办法(转)

转载: Android App 启动页(Splash)黑/白闪屏现象产生原因与解决办法   首先感谢博主分享,本文作为学习记录 惊鸿一瞥 微信的启动页,相信大家都不陌生. 不知道大家有没有发现一个现象,微信每次启动的时候,是直接进入这个启动页面. 我的意思是,很多应用,往往会先白屏停顿一下后再进入启动页面(Splash).为了印证这一点,我把手机上所有的App都点了一遍.选几个例子 如下图: 微信:  斗鱼:  斗鱼和微信是直接进入了,他们的Splash页面. 知乎:  B站:  知乎和B站要先

Android中判断app何时启动和关闭的技术研究

存在的问题 Android开发中不可避免的会遇到需要检查app何时进入前台,何时被用户关闭.奇怪的是,要达到这个目的并不容易.检查app第一次启动并不难,但要判断它何时重新打开和关闭就没有那么简单了. 这篇文章将介绍一种判断app打开,重新打开和关闭的技术. 让我们开始吧 判断一个app打开和关闭的关键在于判断它的activities是否正在前台显示.让我们先从简单的例子开始,一个只有一个activity的app,而且不支持水平模式.这样想要判断app是打开还是关闭只需要检查activity的o

列表屏幕(List Screen)

声明:原创作品,转载时请注明文章来自SAP师太技术博客:www.cnblogs.com/jiangzhengjun,并以超链接形式标明文章原始出处,否则将追究法律责任!原文链接:http://www.cnblogs.com/jiangzhengjun/p/4292407.html 列表屏幕(List Screen). 205 生成列表屏幕... 205 复杂LIST. 206 标准LIST. 206 standard page header. 206 自定义LIST. 207 自定义Page H

Android UI常用实例 如何实现欢迎界面(Splash Screen)

在Android平台下,下载一个应用后,首次打开映入眼帘的便是Splash Screen,暂且不说Android的设计原则提不提倡这种Splash Screen.先来看看一般使用Splash Screen的场景: 1,第一次安装后,简单APP的闪屏达到品牌营销的目的,复杂点的APP用来提供新手指导: 2,版本更新,说明版本新特性: 有人对这种设计嗤之以鼻,有人趋之若鹜,孰好孰坏不在我们探讨之列. 1,简单的Splash Screen 这种Splash Screen实现及其简单,常用来显示产品Lo

Xamarin Android -创建Splash Screen (一)

......(空话少说) Xamarin 开发的技术资料很少,通过学习,把自己的学习过程及其中碰到的问题与大家分享. Splash Screen 就是在应用程序启动时,出现的一张图片,一般App的Splash Screen都是动态的广告信息. 先学习一下如何加载一个固定的Splash Screen. 一.在Resource/values/Styles.xml添加代码. <?xml version="1.0" encoding="UTF-8" ?> <

Android UI经常使用实例 怎样实现欢迎界面(Splash Screen)

在Android平台下.下载一个应用后,首次打开映入眼帘的便是Splash Screen,暂且不说Android的设计原则提不提倡这样的Splash Screen.先来看看一般使用Splash Screen的场景: 1,第一次安装后,简单APP的闪屏达到品牌营销的目的,复杂点的APP用来提供新手指导: 2.版本号更新.说明版本号新特性. 有人对这样的设计嗤之以鼻.有人趋之若鹜,孰好孰坏不在我们探讨之列. 1,简单的Splash Screen 这样的Splash Screen实现及其简单.经常使用