Stílusok I.

A stílusok szerepe:  A témák kialakításának egy nagyon fontos építőköve.  Például panelek esetén közös háttérszín. A stílusokra legegyszerűbben úgy érdemes gondolni, hogy azok valójában nem mások, mint tulajdonság halmazok. Fogunk egy köteg közös jellemzőt, és azokat egyetlen stílusba rakjuk. A stílus objektumot helyezzük el erőforrásként.  A stílusokat a Silverlightban a Style objektum segítségével lehet definiálni, miközben a TargetType tulajdonságot beállítjuk arra a típusra, amelyre a stílus készül. A stílusok esetében az egyes tulajdonságok beállítása a Setter-ek segítségével történik. Nézzünk erre egy példát is, hogy érthetőbb legyen:

Ha a tulajdonságokhoz tartozó érték komplex és így nem lehet azt egyetlen stringben leírni, akkor a Setter elem Value értéke 1-es, azaz attribútum helyett XML elemként használható. A Style tulajdonságot a FrameworkElement ősosztály definiálja, így például minden vezérlő és panel rendelkezik vele. A stílus alkalmazására nézzünk egy példát :

Stílusok öröklődése:  Nem kell mindig minden stílust a nulláról építeni. Számos esetben építkezhetünk valamilyen alapstílusból kiindulva, amelyből később leszármaztatva specifikusabb stílusokat lehet készíteni. A Silverlight 3 óta a Style objektum rendelkezik a BasedOn attribútummal, amely lehetővé teszi a hivatkozást egy ősstílusra, így szolgáltatva közös alapot más stílusok számára.

Ez a stílus rendelkezik, minden olyan tulajdonsággal, amivel a myBorderStyle, de felüldefiniálja a BorderBrush értéket, ami itt most piros szín lesz. Az ősstílus tulajdonságait felülírják a leszármazott stílusok tulajdonságai. Bármely stílus beállítását felüldefiniálja a közvetlenül a vezérlőn definiált, lokálisan meghatározott érték.

A következő alkalommal szintén a stílusokkal fogunk foglalkozni.

Stílusok és testreszabhatóság a Silverlightban II.

Az előzőleg félbehagyott erőforrásokkal foglalkozunk, majd ha lesz még idő, akkor áttérnénk a stílusokra.

Az erőforrások használata:

Az erőforrást a következő kódrészlettel tudjuk definiálni:

<UserControl.Resources>

<SolidColorBrush x:Key=”bgColor” Color=”Blue” />

…

</UserControl.Resources>

A fenti UserControl-on belül ez az erőforrás minden objektum számára látható és elérhető. Hivatkozni az x:Key attribútum értékén keresztül lehet rá a StaticResource nyelvi kiterjesztés használatával. Szemléltessük ezt egy példán keresztül, hogy érthetőbb legyen:

<Objektum PropertyNev=”{StaticResource resourceKey}” />

<Grid Background=”{StaticResource bgColor}” >

….

<Grid/>

SolidColorBrush brush = this.Resources[“bgColor”] as SolidColorBrush;

A this kulcsszónak itt a UserConrol-ra kell vonatkoznia. A resources gyűjtemény értéke mindig object típusú, ezért van szükség a típuskonverzióra (as operátor). A key attribútum értékének egyedinek kell lennie. Ezt az erőforrás lekötést Expression Blend-ben is meg tudjuk valósítani az Advanced Property Options segítségével.

Az erőforrás fájlok:

Az alkalmazáshoz épített stílusok újrafelhasználhatósága előbb – utóbb fontos cél lesz. Ezekre a problémákra megoldás a ResourceDictonary. Ezt az objektumot egy külső XAML fájlban definiáljuk, és a felhasználás során meghivatkozzuk. Egy ilyen xaml fájlra nézzünk is egy példát:

Ezt az erőforrás – könyvtárat használó App.xaml tartalma az alábbi módon nézhet ki, amennyiben az xaml fájlunk neve ResourceDictionary1.xaml:

Application szintre emeltük be a ResourceDictionary1.xaml és a ResourceDictionary2.xaml tartalmát. Így a fenti bgColor erőforrás az alkalmazás tetszőleges pontján meghivatkozható. Ezek az XAML fájlok átvihetők más projektekbe is. A ResourceDictionary objektumok létrehozását és kezelését az Expression Blend is támogatja.

Következő alkalommal áttérünk a Stílusokra.

Stílusok és testreszabhatóság a Silverlightban I.

 A mai világban rendkívül magasak az elvárások az alkalmazásokkal szemben. Ez alól nem kivétel a felhasználói élmény sem. Egy szoftver felhasználói élményét sok tényező együttes működése és hatása határozza meg. Az egyik legfontosabb és egyben legszembetűnőbb felhasználói felület a GUI (graphical user interface). Ebben a fejezetben megismerhetjük, hogy a silverlight miként támogatja az egységes felhasználó felület kialakítását.

Erőforrások a Silverlightban:

Az erőforrások szerepe: Először is ismerjük meg az erőforrás pontos definícióját. Az erőforrások olyan tetszőleges típusú objektumok, melyeket nem csak lokálisan, hanem egymástól független helyen is fel kívánunk használni. Egy ilyen erőforrás objektum lehet akár egy szín is.

Például, ha kiválasztunk egy Brush objektumot, és ezt több helyen is szeretnénk szerepeltetni. Mindenhová begépelhetjük,de gondban leszünk, ha később cserélni szeretnénk. Ebből az esetből kiindulva adódik a szituáció,hogy ezt a Brush objektumot el tudjuk eltárolni, és bármikor fel tudjuk alkalmazni.

Silverlightban egy statikus erőforrás a StaticResource. Azért statikus, mert jelen állás szerint a silverlightban nincs dinamikus erőforrás. Ez az erőforrás azt jelenti,hogy már forduláskor belekötésre kerül a hivatkozott objektum, és futás közben nem cserélhető le.

 Az erőforrások hozzáfélhetősége: Felvetődik a kérdés, hogy ezeket pontosan hol is definiáljuk? A válasz egyszerű: a Resources szekcióban. A resources tuljadonság a FrameworkElement ősosztályban került definiálásra, értéke egy IDictionary <string, object> típusú objektum. Az erőforrásokat több szinten is lehet definiálni:

• Application szint
• UserControl szint
• Vezérlő szint

Azt, hogy az adott erőforrást melyik szinten definiáljuk, egyértelműen meghatározza, hogy mely objektumok számára lesz elérhető. Ha pl. az Application objektum Resources gyűjteményében helyezünk el egy erőforrást, akkor az az alkalmazásban mindenhol hivatkozható lesz. Egyfajta öröklődési láncról beszélhetünk.

Következő alkalommal megnézzük az erőforrások használatát, az erőforrás fájlait és rátérünk a stílusokra.