类库大魔王
类库大魔王 懒惰,傲慢,以及无耐心

Qt for Mobile程序设置启动图片

Qt for Mobile默认是用了一张纯黑的图片作为程序启动图片,所以一开始程序启动时会出现1到几秒的黑屏,机器越慢,这个时间越长,比较不美观,我们可以自己动手设置上适合的图片。

移动app的启动图片在iOS上叫launch image,在Android上叫splash screen,在istkani上都用上了。

在iOS上传统的做法,可以在Xcode上分别为第一种屏幕设置launch image。但是由于Qt for Mobile的特殊性,一旦用qmake重新生成了xcodeproj bundle,那些修改就丢失了,要再设置一遍,这样就比较麻烦。其实是有一劳永逸的办法的:

  • 首先,按Apple的要求生成各个屏幕对应launch image文件,文件名也要统一按要求的来,如图
  • 然后,在Info.plist中设定launch image的文件名前缀
1
2
    <key>UILaunchImageFile</key>
    <string>istkani</string>
  • 接着,在.pro文件中让qmake生成对应的设置
1
2
3
4
5
6
ios {
    LaunchImages.files=$$system("find $$PWD/launchimage/ios/ -name '*.png'")
    LaunchImages.path=./
    QMAKE_BUNDLE_DATA += LaunchImages
    QMAKE_INFO_PLIST = iosInfo.plist
}
  • 最后,运行qmake重新生成xcodeproj bundle就可以了,不用再在Xcode里设置什么。

在Android上是另外一种方法。

  • 首先,把图片文件放在android/res/drawable目录下,如图
  • 然后,在android/res/layout目录下创建一个splash.xml文件,内容为
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:layout_gravity="center"
    >
    <ImageView
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:src="@drawable/logo"
        android:scaleType="fitXY"
        />
</LinearLayout>
  • 接着,修改android/AndroidManifest.xml文件,在第一个Activity节点处添加一个meta-data节点,注意android:resource属性要与第一步添加的图片文件名一致
1
<meta-data android:name="android.app.splash_screen_drawable" android:resource="@drawable/logo"/>
  • 再次修改.pro文件,让qmake知道去哪找android目录
1
2
3
4
5
android: {
    ANDROID_PACKAGE_SOURCE_DIR = $$PWD/android
    OTHER_FILES += $$PWD/android/AndroidManifest.xml
}

  • 最后运行一下qmake,Android上的Splash screen也设好了。

感觉本文不错,不妨小额鼓励我一下!
支付宝扫一扫

支付宝扫一扫

微信扫一扫

微信扫一扫

如果你看不到评论框,说明Disqus被墙了。