Ландшафтный экран для Android в PhoneGap Build

Ответ 1

Согласно моим текущим знаниям и после глубоких исследований, я обнаружил, что это подтвержденная ошибка, и мы в настоящее время ничего не можем с этим поделать.

PhoneGap Build (и, возможно, сама PhoneGap) в настоящее время не поддерживает всплывающие экраны ландшафта вообще. Я даже пробовал использовать iOS (как показано в вопросе - с использованием параметров width и height, официально не поддерживаемых для Android). Но он все еще не работает.

Все в порядке в портретном режиме, но независимо от того, какое устройство Android с плотностью экрана вы будете использовать - в ландшафте вы увидите уродливую деформированную портретную версию заставки.

Ответ 2

Я не использую PhoneGap Build, но мне удалось исправить это в базовом приложении Android PhoneGap.

Скажем, у вас есть два разных заставки - пейзаж и портретная версия - и вы хотите, чтобы они оба растянулись, чтобы заполнить доступную область экрана.

Поместите один в drawable, а другой в drawable-land. (Или drawable-land-hdpi, drawable-land-xhdpi и т.д., Если у вас есть несколько размеров.)

Затем убедитесь, что вы управляете конфигурационными изменениями самостоятельно в AndroidManifest.xml:

<activity
    ...
    android:configChanges="orientation|screenSize|keyboardHidden"
    ...
>
</activity>

Затем поместите это в свой основной класс Activity, который расширяет DroidGap.java:

@Override
public void onConfigurationChanged(Configuration newConfig) {
    super.onConfigurationChanged(newConfig);

    if (super.splashDialog != null) {
        ViewGroup rootView = (ViewGroup) super.splashDialog.getWindow()
                .getDecorView().findViewById(android.R.id.content);
        LinearLayout linearLayout = (LinearLayout) rootView.getChildAt(0);
        // manually refresh the splash image
        linearLayout.setBackgroundDrawable(null);
        linearLayout.setBackgroundResource(R.drawable.mysplash);
    }
}

Это приведет к тому, что фоновое изображение будет перерисовываться и правильно растягиваться всякий раз, когда пользователь меняет ориентацию.

Ответ 3

Это можно сделать с апреля 2014 года в PhoneGap Build с помощью gap:qualifer, например

<gap:splash src="portrait-xxhdpi.png" gap:platform="android" gap:qualifier="port-xxhdpi" />
<gap:splash src="landscape-xxhdpi.png" gap:platform="android" gap:qualifier="land-xxhdpi" />

Подробнее см. this и эту статью.