新款iPhone 7的Phonegap / cordova闪屏(加号)

时间:2016-11-04 08:09:49

标签: ios iphone cordova splash-screen

直到iPhone 7问世,我在app的config.xml中将这些参数用于iOS启动画面。

                 

    <!-- iPhone 5 / iPod Touch (5th Generation) -->
    <gap:splash src="res/screen/ios/screen-iphone-portrait-568h-2x.png" gap:platform="ios" width="640" height="1136" />

    <!-- iPad -->
    <gap:splash src="res/screen/ios/screen-ipad-portrait.png" width="768" height="1024" />
    <gap:splash src="res/screen/ios/screen-ipad-landscape.png" gap:platform="ios" width="1024" height="768" />

    <!-- Retina iPad -->
    <gap:splash src="res/screen/ios/screen-ipad-portrait-2x.png" gap:platform="ios" width="1536" height="2048" />
    <gap:splash src="res/screen/ios/screen-ipad-landscape-2x.png" gap:platform="ios" width="2048" height="1536" />

但是,我注意到新的iPhone 7并没有加载我的一个自定义初始屏幕,而是默认的手机屏幕启动画面。

要添加什么?

这可能是解决方法吗?

<gap:splash src="res/screen/ios/iphone7.png" gap:platform="ios" width="750" height="1334" />
    <gap:splash src="res/screen/ios/iphone7plus.png" gap:platform="ios" width="1080" height="1920" />

我问,因为我没有iPhone 7,所以我自己无法测试。因此,我的应用程序已经发布,之前我发现他为iphone 7(加号)启动屏幕是不正确。

顺便说一句: 我使用纵向方向,所以在我的情况下不需要风景。

2 个答案:

答案 0 :(得分:1)

您确定config.xml中有所有解决方案吗? 这是我使用的样本。希望这会有所帮助。

$scope.applyFilter = function() {
    var begin = (($scope.currentPage - 1) * $scope.itemsPerPage);
    var end = begin + $scope.itemsPerPage;
    $scope.totalItems = $filter('filter')($scope.items,  $scope.search).length;
    $scope.filteredItems = ($filter('filter')($scope.items, $scope.search)).slice(begin, end);
};

答案 1 :(得分:0)

虽然我在config.xml中(在ios平台标记下)确实有以下配置:

    <splash height="2208" src="images/ios/splash/Default-1242@3x~iphone6s-portrait_1242x2208.png" width="1242" />
    <splash height="1920" src="images/ios/splash/iphone7-portrait_1080x1920.png" width="1080" />

仍然没有出现飞溅图像。对我来说问题是图片的实际尺寸是1242x2048。因此请确保实际图像大小与splash标记元素中指定的完全相同