Kezdőlap > .NET, Windows Phone 7 > HubTile – Windows Phone 7 Toolkit

HubTile – Windows Phone 7 Toolkit

2012. április 20. péntek Hozzászólás Go to comments

A HubTile-t a Metro UI megjelenéséhez tervezték. Ez egy speciális téglalap alakú vezérlő, és csak 173×173 pixel méretű lehet (Width és a Height tulajdonsága ugyan módosítható, de a téglalap ugyanúgy 173×173-as méretű marad, de saját stílus és sablon készíthető hozzá).

1. Készítsünk egy új Windows Phone 7 alkalmazást!

2. A referenciákhoz adjuk hozzá a Microsoft.Phone.Controls.Toolkit assembly-t!

3. Nyissuk meg a MainPage.xaml-t és az XML névterek közé vegyük fel a toolkit-et!

xmlns:toolkit="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls.Toolkit"

4. A projektünkhöz készítsünk egy új mappát, melynek a neve legyen Images (Add -> New Folder)! Keressünk a neten Budapestről, New Yorkról, Londonról és Moszkváról egy-egy jellegzetes képet, és adjuk hozzá az Images mappához őket (nálam most Budapest.jpg, London.jpg, NewYork.jpg és Moscow.jpg van)!

5. Adjuk a ContentPanel nevezetű grid-hez a 4 HubTitle-t, ahol a Title az ország neve, a Message pedig a város neve! A Source tulajdonságnál a kép útvonalát kell meghatároznunk.

<toolkit:HubTile Source="Images/Budapest.jpg" Title="Magyarország" Message="Budapest" Margin="191,6,92,428" />

<toolkit:HubTile Source="Images/London.jpg"  Title="Egyesült Királyság" Message="London" Margin="12,6,271,428" />

<toolkit:HubTile Background="Blue" Source="Images/Moscow.jpg"  Title="Oroszország" Message="Moszkva" Margin="12,185,271,249" />

<toolkit:HubTile Source="Images/NewYork.jpg"  Title="Egyesült Állomok" Message="New York" Margin="191,185,92,249" />

Ennél a példánál most margó is meg van határozva. Természetesen mozgassuk tetszés szerint a HubTitle-öket.

6. Mint láthatjuk, ennek a vezérlőnek van egy alapértelmezett animációja is. Ha ezt nem szeretnénk lefuttatni, akkor meg is fagyaszthatjuk: az IsFrozen tulajdonságát ilyenkor True –ra kell állítani (alapból False).

(Opcionális)

a. A HubTitle a rendszertől örökli a csempék színét, de az explicite-et felül is definiálhatjuk, ilyenkor a Background tulajdonságot kell meghatároznunk.

b. A HubTitle-t csoportokba is foglalhatjuk, és csoportokban kezelhetjük is. Ehhez a GroupTag tulajdonságot kell használnunk. Például beállítjuk ezt a tulajdonságot az európai országoknál, és ha szeretnénk, akkor az összes HubTitle-t, ami a csoportban van, befagyaszthatjuk például:

HubTileService.FreezeGroup("Europa");

HubTileService.UnfreezeGroup("Europa");

c. Kódból is hozzáadhatunk HubTitle-t ritkább esetben, de valamikor jól jön. Ne felejtsük el az elrendezésvezérlőnek is átadni!

HubTile hubTile = new HubTile();

hubTile.Message = "Németország";

hubTile.Title = "München";

d. Figyelmeztetéseket is megadhatunk, az üzenetet a Notification tulajdonságnak kell megadni. Ez csak akkor jelenik meg, ha a DisplayNotification True-ra van állítva!

<toolkit:HubTile DisplayNotification="True" Notification="AKCIÓ!" Source="Images/London.jpg"  Title="Egyesült Királyság" Message="London" Margin="12,6,271,428" />

7. Indítsuk el az alkalmazást, és próbáljuk ki működés közben! Funkcionálisan sok dolgot nem csinál, de amit mégis, azt legalább szépen és hibátlanul.Mosolygó arc

image

Reklámok
Kategóriák:.NET, Windows Phone 7 Címke: , , ,
  1. acceledev
    2012. április 21. szombat - 22:49

    Lehetne kérni egy Toolkit:LongListSelector vezérlő ismertetést a következő cikkben? Lehetőleg adatkötötten, viewmodel-ből. Pont ez kellett volna egyik nap, de nem értettem meg az angol leírást (biztosan fáradt is voltam).

  1. No trackbacks yet.

Vélemény, hozzászólás?

Adatok megadása vagy bejelentkezés valamelyik ikonnal:

WordPress.com Logo

Hozzászólhat a WordPress.com felhasználói fiók használatával. Kilépés / Módosítás )

Twitter kép

Hozzászólhat a Twitter felhasználói fiók használatával. Kilépés / Módosítás )

Facebook kép

Hozzászólhat a Facebook felhasználói fiók használatával. Kilépés / Módosítás )

Google+ kép

Hozzászólhat a Google+ felhasználói fiók használatával. Kilépés / Módosítás )

Kapcsolódás: %s

%d blogger ezt kedveli: