Xamarin: Hello world ve Visual Studiu (díl 3) - eMan s.r.o.

Xamarin: Hello world ve Visual Studiu (díl 3)

Xamarin: Hello world ve Visual Studiu (díl 3)

V předchozím díle našeho seriálu o Xamarinu jsme se věnovali vytvořením HelloWorld iOS aplikace pomocí Xamarin Studia. V tomto díle se zaměříme na Visual Studio.

 

Úvodní nastavení ve Visual studiu

I když se to někomu může zdát divné, postup vytvoření prvního projektu ve Visual Studiu (dále VS) je mírně odlišný od vytváření projektu v Xamarin Studiu (dále XS).

Jak bylo řečeno dříve, pro plnohodnotnou práci s Xamarinem ve VS je potřeba kromě Windows počítače s nainstalovaným VS a Xamarinem (ve VS 2015 se Xamarin instaluje společně s VS nebo je ho možné doinstalovat ručně), také počítač či virtuálku s MacOS s XS, který se nachází ve stejné síti jako Windows PC. Zajímavostí je to, že se projekt ve VS zbuildí i bez MacOS, nicméně uživatel nemá např. možnost debugovat projekt ani ho spustit na simulátoru.

Ještě než se pustíme do samotného vytváření projektu, je potřeba oba počítače propojit. Toto je možné pomocí speciálního bridge, který je součástí Xamarin frameworku. Ve VS vyberte v menu položky Tools – Options, kde vyhledejte Xamarin..

 

Xamarin3dil.1

Xamarin ve VS

 

V dalším kroku je potřeba vybrat v menu iOS settings a kliknout na položku Find Xamarin Mac Agent. Objeví se tabulka se všemi MacOS počítači v síti. Dvojklikem vyberte váš zvolený a budete vyzváni k zadání jeho jména a hesla do Mac systému. Pokud se vše podaří, v seznamu počítačů se u vašeho objeví ikona „propojen“. Nyní se už můžeme vrhnout na vytvoření prvního projektu.

 

Xamarin3dil.2

Párování ve VS

 

Hello World Visual Studio!

Pokud jsou počítače propojené, můžeme se pustit do vytvoření samotného projektu. V menu vybereme File – New – Project, v dostupných možnostech pro nové projekty je potřeba vyhledat položku iPhone a zvolíme BlankApp. Zadáme jméno aplikace a klikneme na “OK”.

 

Xamarin3dil.3

Vytvoření nového projektu

 

Vytvoří se nám nové solution, které má stejnou strukturu jako v XS s uvítací Xamarin obrazovkou.

 

Xamarin3dil.4

Nový Xamarin iOS projekt

 

V dalším kroku si vytvoříme ViewController (v XS se vytvořený automaticky). Klikneme pravým tlačítkem na náš projekt a vybereme Add – New Item, kde zvolíme volbu UIViewController class. Pojmenujeme ho a přidáme tlačítkem Add.

 

Xamarin3dil.5

Přidání ViewControlleru

 

Otevřeme vytvořený soubor a smažeme vše až na metodu ViewDidLoad, do které doplníme podobný kód, jako byl použit při vytváření projektu v XS. Jediný rozdíl je ve změně barvy pozadí na bílou, jelikož standardní ViewController ho má v základu nastavený na černou barvu.

View.BackgroundColor = UIColor.White;
var label = new UILabel(new CGRect(View.Frame.Size.Width / 2 - 100, 0, 200, 100))
{
Text = "Hello Xamarin",
TextAlignment = UITextAlignment.Center,
TextColor = UIColor.Red
};
View.Add(label);

 

Xamarin3dil.6

Skladba ViewControlleru

 

Po dokončení projektu pak stačí jen otevřít třídu AppDelegate a do metody FinishedLaunching doplnit řádek:

Window.RootViewController = new MyViewController(); kde název MyViewController se bude lišit podle vašeho zvoleného názvu controlleru.

 

Xamarin3dil.7

Schéma AppDelegate

 

Na závěr je potřeba projekt zbuildit – v nastavení vybrat zařízení, na kterém chceme aplikaci testovat, a klikneme na start (popřípadě zmáčkeme tlačítko F5). Výsledek bude vypadat podobně jako v XS:

 

Xamarin3dil.8

 

Další krok

V další části se můžete těšit na vytvoření Android projektů (v XS i VS), následovat bude důkladný popis jednotlivých položek v solutionu Xamarin iOS i Xamarin Droid. Poté se např. podíváme na dostupné simulátory pro Xamarin a principy psaní společných částí a MVVMCross a Xamarin Forms Frameworků.

 

Předchozí díly seriálu:

Xamarin: První kroky (díl 2)

Xamarin: Představujeme nástroj pro multiplatformní vývoj mobilních aplikací (díl 1)

Vojtěch Mádr
Xamarin project manager
Vojtěch je mobilní vizionář a odborník na Xamarin. Jeho záměrem je propojit zajímavé lidi a sdílet nové informace a projekty.

Sledujte nás

Kontakt

+420 222 202 222
info@eman.cz

Sídlo a hlavní kancelář:
U Pergamenky 1145/12
170 00 Praha 7

Pobočka Hradec Králové:
Šimkova 1224/2B
500 03 Hradec Králové

Pobočka Plzeň:
Teslova 1266/7
301 00 Plzeň

Pobočka Mladá Boleslav:
Palackého 267
293 01 Mladá Boleslav

Sdíleno