Rozmiary ekranu aplikacji mobilnej dla wszystkich platform korzystających z PhoneGap [duplicate] - html5, cordova, splash-screen

Tworzę aplikację na iPhone'a, Androida iBlackberry i ja nałożyłem obraz ekranu powitalnego o rozmiarze 640 x 960 pikseli. Działa to dobrze na moim Galaxy S3 - nieco rozciągniętym, ale wydaje się, że różni się dla każdego urządzenia.

Zasadniczo chcę wiedzieć, jakie rozmiary to zrobićekrany powitalne. Wiele widziałem w sieci, dając różne widoki i różne rozmiary dla każdego ekranu. Czy ktoś ma pojęcie o tym, jakie rozmiary są dla jakich miejsc? Czy muszę nawet tworzyć inny rozmiar dla każdego ekranu? Wszystkie mają różne współczynniki proporcji itp ...

EDYTOWAĆ

Widziałem też gdzieś, czego potrzebujeszróżne katalogi dla Androida - w szczególności „res / drawable-ldpi, res / drawable-mdpi, res / drawable-hdpi, res / drawable-xdpi”. Gdzie mogę to znaleźć w kompilacji PhoneGap? Nie mogę uzyskać dostępu do tej części katalogu plików, tylko obrazów itp., Które przesłałem. Nawiasem mówiąc, używam Dreamweaver CS6.

Odpowiedzi:

Czy widziałeś moją poprzednią odpowiedź na temat rozmiarów ekranu powitalnego?

phonegap - ekran powitalny dla aplikacji na Androida

Niezależnie od tego na Androidzie musisz podać wiele rozmiarów ekranu powitalnego lub podać Obraz 9 łatek które będą się odpowiednio rozciągać.

jeśli używasz kompilacji phonegap lub cli, zrób folder res w katalogu głównym. dodaj to do pliku konfiguracyjnego i umieść odpowiednio ekrany

 <gap:splash src="splash.png" />
<gap:splash src="res/screen/android/screen-ldpi-portrait.png"  gap:platform="android" gap:density="ldpi" />
<gap:splash src="res/screen/android/screen-mdpi-portrait.png"  gap:platform="android" gap:density="mdpi" />
<gap:splash src="res/screen/android/screen-hdpi-portrait.png"  gap:platform="android" gap:density="hdpi" />
<gap:splash src="res/screen/android/screen-xhdpi-portrait.png" gap:platform="android" gap:density="xhdpi" />

<gap:splash src="res/screen/ios/screen-iphone-portrait.png"    gap:platform="ios"     width="320" height="480" />
<gap:splash src="res/screen/ios/screen-iphone-portrait-2x.png" gap:platform="ios"     width="640" height="960" />
<gap:splash src="res/screen/ios/screen-ipad-portrait.png"      gap:platform="ios"     width="768" height="1024" />
<gap:splash src="res/screen/ios/screen-ipad-landscape.png"     gap:platform="ios"     width="1024" height="768" />