Rozložení pro aplikace pro tablet a desktop

  • Článek
  • 2 min ke čtení

Xamarin.Forms podporuje všechny typy zařízení dostupné na podporovaných platformách, takže kromě telefonů mohou aplikace běžet také na těchto platformách:

  • Ipads
  • Tablety s Androidem
  • Windows tablety a stolní počítače (se systémem Windows 10).

Tato stránka stručně popisuje:

Typy zařízení

Větší obrazovková zařízení jsou dostupná pro všechny platformy, které podporuje Xamarin.Forms .

iPady (iOS)

Šablona automaticky zahrnuje podporu iPad tím, že nakonfiguruje nastavení Xamarin.FormsXamarin.Forms na > (což znamená, že iPhone i iPad podporované).

Pokud chcete zajistit nenáročné spouštění a zajistit, aby se na všech zařízeních používalo rozlišení na celé obrazovce, měli byste se ujistit, že je k dispozici spouštěcí obrazovka specifická pro iPad (pomocí scénáře). Tím se zajistí správné vykreslení aplikace na iPad mini, iPad a iPad Pro zařízení.

Před iOSem 9 všechny aplikace na zařízení zabraly celou obrazovku, ale některé iPady teď mohou provádět multitasking rozdělené obrazovky. To znamená, že vaše aplikace může zachytát jenom sloupec na straně obrazovky, 50 % šířky obrazovky nebo celou obrazovku.

rozdělenou obrazovkou iPad příklad rozdělené obrazovky

Funkce rozdělené obrazovky znamená, že byste měli aplikaci navrhnout tak, aby dobře fungovala s šířkou až 320 pixelů nebo až 1 366 pixelů na šířku.

Tablety s Androidem

Ekosystém Androidu má nesčetné množství podporovaných velikostí obrazovky, od malých telefonů až po velké tablety. Xamarin.Forms podporuje všechny velikosti obrazovky, ale stejně jako u ostatních platforem můžete chtít upravit uživatelské rozhraní pro větší zařízení.

Při podpoře mnoha různých rozlišení obrazovky můžete poskytnout prostředky nativní image v různých velikostech pro optimalizaci uživatelského prostředí. Další informace o tom, jak strukturovat složky a názvy souborů v projektu aplikace pro Android tak, aby do aplikace zahrnovaly optimalizované prostředky obrázků, najdete v dokumentaci k prostředkům pro Android (a zejména k vytváření prostředků pro různé velikosti obrazovky).

Windows tablety a stolní počítače

Pokud chcete podporovat tablety Windows stolní počítače se systémem Windows, budete muset použít podporu UPW, která vytváří univerzální aplikace, které běží na Windows 10.

Aplikace běžící na Windows tabletech a stolních počítačích je možné kromě spouštění na celé obrazovce změnit i na libovolné rozměry.

rozdělenou obrazovkou Windows příklad rozdělené obrazovky

Optimalizace pro tablet a plochu

Uživatelské rozhraní můžete upravit podle toho, jestli se používá telefon nebo Xamarin.Forms tablet nebo stolní zařízení. To znamená, že můžete optimalizovat uživatelské prostředí pro zařízení s velkou obrazovkou, jako jsou tablety a stolní počítače.

Device.Idiom

Pomocí třídy můžete změnit chování aplikace nebo Device uživatelského rozhraní. Pomocí Device.Idiom výčtu můžete

if (Device.Idiom == TargetIdiom.Phone)
{
    HeroImage.Source = ImageSource.FromFile("hero.jpg");
} else {
    HeroImage.Source = ImageSource.FromFile("herotablet.jpg");
}

Tento přístup je možné rozšířit o významné změny rozložení jednotlivých stránek nebo dokonce o vykreslení zcela různých stránek na větších obrazovkách.

Využití FlyoutPage

je FlyoutPage ideální pro větší obrazovky, zejména v iPad, kde používá k poskytování nativního prostředí UISplitViewController iOS.

V tomto blogovém příspěvku o Xamarinu se můžete podívat, jak můžete přizpůsobit uživatelské rozhraní tak, aby telefony mohli používat jedno rozložení a větší obrazovky mohli používat jinou obrazovku (s ).