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

ExpanderView – Windows Phone 7 Toolkit

2012. április 17. kedd Hozzászólás Go to comments

Vannak esetek, amikor bizonyos vezérlőket (szöveget vagy akár mást) el szeretnénk rejteni, és csak akkor jelenítenénk meg, amikor feltétlenül fontos. Az expanderView vezérlő egy speciális panel, amely összecsukható, valamint lenyitható, és a benne található vezérlőket csoportosíthatjuk.

Nézzünk egy példát a használatára:

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 ContentPanelhez adjunk egy ExpanderView-t, amelynek a header-je legyen a „Tartalom” szöveg!

<toolkit:ExpanderView Header="Tartalom">

 

</toolkit:ExpanderView>

5. A ExpanderView-ba további vezérlőket is elhelyezhetünk. Mi most egy Textblock-ot fogunk elhelyezni benne, aminek a TextWrapping tulajdonságát Wrap-re állitjuk, a Text tulajdonságot pedig „lorem ipsum” szöveggel töljük ki (cikket is bemásolhatunk).

<toolkit:ExpanderView Header="Tartalom">

    <toolkit:ExpanderView.Items>

        <TextBlock TextWrapping="Wrap" Text="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas porttitor congue massa. Fusce posuere, magna sed pulvinar ultricies, purus lectus malesuada libero, sit amet commodo magna eros quis urna." />

    </toolkit:ExpanderView.Items>

</toolkit:ExpanderView>

6. Indítsuk el az alkalmazást, és próbáljuk ki működés közben! Kattintsunk a tartalom szövegre! Ekkor az ExpanderView kinyílik, és megjeleníti a benne található tartalmat. Ha ismételten rákattintunk, akkor összezáródik. FONTOS tudni, hogy megszabhatunk más Expander objektumot is, amivel kinyithatjuk vagy összezárhatjuk az ExpanderViewet (pl.: képzeljünk el egy hírolvasó alkalmazást, ahol csak a címek látszanak, de ha a felhasználó a cikk címére vagy a mellette található gombra kattint, akkor az ExpanderView lenyílik, és megjelenik a tartalma).

Figyeljük meg, hogy mind a nyitásnak, mind a zárásnak van egy alapértelmezett animációja is!

Az eredmény képekben:

image

A Windows Phone 7 Outlook-ja is használja az ExpanderViewt.

image

Reklámok
Kategóriák:.NET, Windows Phone 7 Címke: , , ,
  1. Még nincs hozzászólás.
  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: