Sdílet prostřednictvím


Konfigurace aplikace vytvořené s nástroji Visual Studio Tools for Apache Cordova

Tento článek odkazuje na Visual Studio Tools for Apache Cordova, což je předběžná verze softwaru. Popisované funkce jsou ve verzi Preview a můžou se změnit. Verzi Preview si můžete stáhnout z webu Microsoft Download Center.

Soubor config.xml součástí každého projektu poskytuje většinu své konfigurace aplikace, jako je například do aplikace zobrazovaný název a úvodní stránku.Z Průzkumníka řešení můžete poklepáním tento soubor otevřít v Návrháři konfigurace sady Visual Studio rozhraní pro soubor.Alternativně můžete vybrat zobrazení kódu z místní nabídky k úpravě souboru přímo.Další informace o tomto souboru naleznete v tématu souboru config.xml v dokumentaci Apache Cordova.Informace o konfiguraci tohoto souboru v sadě Visual Studio naleznete v následujících tématech:

Poznámka k upozorněníUpozornění

Při úpravě souboru config.xml přímo, ujistěte se, že elementů XML a atributy jsou platné.Neplatný obsah v souboru XML bude mít za následek chyby při vytváření aplikace.

Visual Studio poskytuje také další možnosti, jak nakonfigurovat aplikace podporovat specifické pro platformu obsah:

  • Vizuální prvky specifické pro platformu (v tomto tématu)

  • Specifické pro platformu obsah (v tomto tématu)

  • Konfigurační soubory specifické pro platformu (v tomto tématu)

Konfigurace cílové verzi systému Windows

Ve výchozím nastavení při vytváření Cordova aplikací pro systém Windows pomocí Visual Studio Tools pro Apache Cordova vytváříte aplikace pro Windows 8.0.Cílová verze můžete změnit na 8.1 v Návrháři konfigurace na kartě systému Windows (Cílová verze systému Windows).

Konfigurace systému Windows v Návrháři konfigurace

Změníte-li cílová verze systému Windows, je ve vašem souboru config.xml upraven následující řádek:

<preference name="windows-target-version" value="8.1" />

Specifické pro platformu vizuální prvky

Můžete použít rozlišení složky ve vašem projektu k určení vizuální prvky, jako je například ikony a úvodní obrazovky na základě řešení zařízení a platformy.Pokud tato složka není zobrazena v projektu, můžete jej obnovit ručně v Průzkumníku řešení.

  • res\icons\platformy obsahuje ikony aplikace pro každou platformu.

  • res\screens\platformy obsahuje úvodní obrazovky pro každou platformu.

Název souboru každý zdroj poskytuje určité informace o majetku.Můžete například screen-ldpi-portrait.png souboru ve složce res\icons\screens\android reprezentuje úvodní obrazovka pro rozlišením obrazovky (ldpi nebo 426 × 320) pro zařízení s Android v orientaci na výšku.

Následující tabulka obsahuje úplný seznam úvodní obrazovky a ikony, které jsou požadovány, pokud potřebujete podporovat určitá zařízení a rozlišení obrazovky.Další informace o tyto prvky naleznete v tématu ikony a úvodní obrazovky v dokumentaci Apache Cordova.

Ikony a úvodní obrazovky pro Android

Řešení

res/icons/Android/icon-36-ldpi.PNG

36 x 36

res/icons/Android/icon-48-mdpi.PNG

48 x 48

res/icons/Android/icon-72-hdpi.PNG

72 x 72

res/icons/Android/icon-96-xhdpi.PNG

96 x 96

res/screens/Android/Screen-xhdpi-Landscape.PNG

720 x 960

res/screens/Android/Screen-xhdpi-portrait.PNG

960 x 720

res/screens/Android/Screen-hdpi-Landscape.PNG

480 x 640

res/screens/Android/Screen-hdpi-portrait.PNG

640 x 480

res/screens/Android/Screen-mdpi-Landscape.PNG

320 x 470

res/screens/Android/Screen-mdpi-portrait.PNG

470 × 320

res/screens/Android/Screen-ldpi-Landscape.PNG

320 x 426

res/screens/Android/Screen-ldpi-portrait.PNG

426 × 320

Ikony a úvodní obrazovky pro iOS

Řešení

res/icons/IOS/icon-57-2x.PNG

114 x 114 (zobrazení Retina)

res/icons/IOS/icon-57.PNG

57 x 57

res/icons/IOS/icon-72-2x.PNG

144 × 144 (Retina zobrazení)

res/icons/IOS/icon-72.PNG

72 x 72

res/icons/IOS/icon-40.PNG

40 x 40

res/icons/IOS/icon-40-2x.PNG

80 x 80 (zobrazení Retina)

res/icons/IOS/icon-50.PNG

50 x 50

res/icons/IOS/icon-50-2x.PNG

100 x 100 (Retina zobrazení)

rozlišení/ikony/ios/icon-60@3x.png

180 x 180 (zobrazení Retina)

res/icons/IOS/icon-76.PNG

76 × 76

res/icons/IOS/icon-76-2x.PNG

152 x 152 (zobrazení Retina)

res/icons/IOS/icon-Small.PNG

29 x 29

res/icons/IOS/icon-Small-2x.PNG

58 × 58 (Retina zobrazení)

res/screens/IOS/Screen-iPad-Landscape.PNG

1024 × 768

res/screens/IOS/Screen-iPad-Landscape-2x.PNG

2048 × 1536

res/screens/IOS/Screen-iPad-portrait.PNG

768 × 1024

res/screens/IOS/Screen-iPad-portrait-2x.PNG

1536 × 2048

res/screens/IOS/Screen-iPhone-Landscape-736h.PNG

2208 x 1242

res/screens/IOS/Screen-iPhone-portrait-2x.PNG

640 x 960

res/screens/IOS/Screen-iPhone-portrait.PNG

320 x 480

res/screens/IOS/Screen-iPhone-portrait-667h.PNG

750 ×. 1334

res/screens/IOS/Screen-iPhone-portrait-736h.PNG

1242 x 2208

res/screens/IOS/Screen-iPhone-568h-2x.PNG

640 x 1136

Ikony a úvodní obrazovky pro Windows Phone 8

Řešení

res/icons/wp8/ApplicationIcon.PNG

62 x 62

res/icons/wp8/Background.PNG

173 x 173

res/screens/wp8/SplashScreenImage.PNG

480 × 800

Ikony a úvodní obrazovky pro Windows Phone 8.1

Řešení

res/icons/windows/Square150x150Logo.scale-240.png

360 x 360

res/icons/windows/Square44x44Logo.scale-240.png

106 × 106

res/icons/windows/Square71x71Logo.scale-240.png

170 x 170

res/icons/windows/StoreLogo.scale-240.png

120 x 120

res/icons/windows/Wide310x150Logo.scale-240.png

744 x 360

res/screens/windows/SplashScreen.scale-240.png

1152 x 1920

Ikony a úvodní obrazovky pro systém Windows

Řešení

res/icons/Windows/Logo.PNG

150 x 150

res/icons/Windows/smalllogo.PNG

30 x 30

res/icons/Windows/storelogo.PNG

50 x 50

res/screens/Windows/SplashScreen.PNG

620 x 300

Android podporuje škálovatelných typ bitové kopie volána NinePatch který lze použít jako vaše splashscreen.

Použití bitové kopie splashscreen NinePatch na Android

  1. Změňte následující řádek v souboru config.xml:

    <preference name="SplashScreen" value="screen" />
    

    <preference name="SplashScreen" value="splash" />
    
  2. Umístí obrázek NinePatch v následujícím umístění: res\native\android\res\drawable-nodpi\splash.9.png

    Při vytváření, obrázek se zkopírují do požadovaný výstupní složky.

Specifické pro platformu obsah

Můžete zahrnout specifické pro platformu soubory HTML, CSS a JavaScript v sloučí složky ve vašem projektu.Soubory, které můžete přidat do této složky buď přidat obsah na specifické pro platformu sestavení své aplikace nebo přepsat platformy konkrétní obsah, který používá stejný název souboru.Další informace o použití sloučí složku, naleznete v části "Using sloučení k přizpůsobení každou platformu" dokumentace Apache Cordova.

Pokud nenajdete sloučí složku pro svůj projekt v Průzkumníku řešení otevřete místní nabídku pro projekt v Průzkumníku řešení, zvolte Přidat, a poté zvolte možnost Přidat kód pro konkrétní platformu Chcete-li přidat složku.

Specifické pro platformu konfiguračních souborů

Rozlišení/nativní složku v projektu slouží k injektovat obsah do nativní projektu generovaných Cordova při sestavení aplikace.To může být užitečná, pokud je nutné nakonfigurovat vaše aplikace podporovat něco Cordova samotné nevystavuje.(Moduly plug-in, který přidáte do svého projektu bude změna také automaticky vlastní verze těchto souborů konfigurace.)

Poznámka k upozorněníUpozornění

Doporučujeme vyhnout přidávání specifické pro platformu konfigurační soubory, pokud je to možné.

Následující tabulka obsahuje konkrétní informace pro každou platformu.

Platforma

Poznámky

Android

Umístit vlastní AndroidManifest.xml souboru ve složce rozlišení, nativní/android ke konfiguraci nastavení, například vlastní záměry.Po vytvoření konfiguraci ladění projektu pro Android použijte generovaného verzi souboru ve složce bld/Debug/platformy/android.

iOS

Umístit vlastní Info.plist souboru v rozlišení/nativní/ios/config.xml zobrazované jméno složku, kterou chcete přepsat nastavení jako splashscreens nebo ikony.Název souboru Info.plist musí být přejmenován takto: config.xml zobrazované jméno-Info.plist.Můžete najít Ukázky verze těchto souborů v cordova ios GitHub úložiště, nebo můžete použít generovaného verze pro svou aplikaci ze složky sestavení v počítači Mac (při použití vzdáleného agenta) v části číslo sestavení/cordovaApp složky.

Okna

Umístíte vlastní package.windows80.appxmanifest (Windows 8.0), package.windows.appxmanifest (Windows 8.1) nebo package.phone.appxmanifestfile (Windows Phone 8.1) ve složce rozlišení, nativní/windows k přepsání různá nastavení konfigurace.Použijte generovaného verzi souboru ve složce bld, ladění, platformy/windows po vytvoření konfiguraci ladění projektu pro Windows nebo Windows Phone (univerzální).

Windows Phone 8

Umístěte vlastní soubor WMAppManifest.xml ve složce rozlišení/nativní/wp8/vlastnosti.Použijte generovaného verzi souboru ve složce bld/Debug/platformy/wp8/vlastnosti po konfiguraci ladění projektu vývoj aplikací pro Windows Phone 8.

Viz také

Koncepty

Správa modulů plug-in pro aplikace vytvořené s nástroji Visual Studio Tools for Apache Cordova

Zabalení aplikace vytvořené s nástroji Visual Studio Tools for Apache Cordova

Začínáme s nástroji Visual Studio Tools for Apache Cordova

Další zdroje

Nejčastější dotazy týkající se