Evgenii Legotckoi
10 березня 2020 р. 05:41

Android і QML - Додавання Splash Screen

Покажу невеликий приклад по додаванню Splash Screen в додаток, яке написано на Qt. При цьому Splash Screen буде додаватися в додаток з використанням екосистеми Android, тобто через його маніфест. Додавання маніфесту було описано тут.

Одним з варіантів створення Splash Screen в Qt / QML є написання коду на QML / C ++, але недоліком цього шляху є те, що ви побачите чорний екран додатка, до тих пір поки програма не завантажиться повністю. Тому необхідно завантажувати додаток засобами Java, через його маніфест.

Зробимо ось таку сплешку


Структура проекту буде виглядати наступним чином

main.qml

Почну з самого нудного - це вміст QML файлу програми, яке будемо очікувати для завантаження під час запуску програми. Нічого прімечатльного, звичайний "Hello World"

import QtQuick 2.12
import QtQuick.Window 2.12

Window {
    id: window
    visible: true
    width: 480
    height: 640
    title: qsTr("Hello World")

    Text {
        text: qsTr("Splash Screen")
        anchors.centerIn: parent
    }
}

AndroidManifest.xml

А тепер поправимо маніфест, в якому потрібно буде вказати ресурсний файл теми додатки, який буде називатися apptheme.xml

<activity android:configChanges="orientation|uiMode|screenLayout|screenSize|smallestScreenSize|layoutDirection|locale|fontScale|keyboard|keyboardHidden|navigation|mcc|mnc|density" 
          android:theme="@style/AppTheme" 
          android:name="org.qtproject.qt5.android.bindings.QtActivity" 
          android:label="-- %%INSERT_APP_NAME%% --" 
          android:screenOrientation="unspecified" 
          android:launchMode="singleTop">

Далі додаємо інформацію про фото splash screen

<!-- Splash screen -->
<meta-data android:name="android.app.splash_screen_drawable" android:resource="@drawable/splash"/>
<!-- Splash screen -->

Ці файли потрібно додати в каталоги res/values а також res/drawable

splash.xml

В Splash Screen присутній іконка програми, вона також розташовується в каталозі drawable.

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <shape android:shape="rectangle" >
            <solid android:color="#FFFFFFFF"/>
        </shape>
    </item>
    <item>
         <bitmap android:src="@drawable/icon"
        android:gravity="center" />
    </item>
</layer-list>

apptheme.xml

Тут відключимо title bar, а також встановимо background вікна додаток.

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <style name="AppTheme" parent="@android:style/Theme.DeviceDefault.Light.NoActionBar">
        <item name="android:windowBackground">@drawable/splash</item>
    </style>
</resources>

Результат

Як підсумок, цього буде достатньо, щоб отримати додаток зі Splash Screen.

Вам це подобається? Поділіться в соціальних мережах!

Ds
  • 24 червня 2022 р. 21:49

Интересен формат иконки, если это png, то как решается проблема scalability? не растягивается ли лого на китайфонах с 1280х2500? У меня просто сплеш скрин с градиентом и логотипом, и вот несколько дней уже пытаюсь реишить проблему растягивания лого, и 9patch делал, и пытался покрыть разрешения, но ещё не пробовал в xml поверх нацепить лого на центр, скажите пожалуйста, решается ли таким образом проблема с совместимостью со всеми экранами?

Evgenii Legotckoi
  • 29 червня 2022 р. 13:06

На данный момент не скажу. Очень давно уже не брался за Java на Android

Ds
  • 29 червня 2022 р. 16:05

Ну я решил проблему созданием лого для m-xxxhdpi, разложил по папкам и андроид сам вытаскивает нужный, но, в руководстве один важный аспект пропущен, хотя возможно это у меня только, вообщем qt может свою meta-data всунуть в приложение, и будет либо белый экран после сплеша либо вообще каша, нужно найти в манифесте эту метадату с qtшными splashacreen и splashacreen_port и удалить эти две строки, это я так, вдруг кому пригодится, вроде бы если изначально не пытаться через qtшный гуи манифеста ставить скрины то он ничего не допишет, но вдруг.

Коментарі

Only authorized users can post comments.
Please, Log in or Sign up