Kezdőlap > .NET, Windows Phone 7 > WP7 PopUp

WP7 PopUp

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

Egy page-en (oldalon) belül messagebox-on kívül feldobhatunk további ablakokat is. Ezeket a felugró ablakokat nevezzük popup-nak. A PopUp egy gyermek elemet tud tartalmazni, de az lehet akár egy összetett elrendezésvezérlő, ami további vezérlőket tartalmaz. Gyakran a PopUp egy UserControl-t tartalmaz, így most én se egy gomb „popáposítását” akarom bemutatni, hanem az előző LoginControl-t fogjuk feldobni.

1. Nyissuk meg az előző WP7UserControlDemo –t!

2. Ha a MainPage-en szerepel a login vezérlő, akkor egyszerűen csak távolítsuk el!

3. Azért, hogy ne legyen átlátszó a Login vezérlő, és legyen kerete, nyissuk meg a LoginControl.xaml-t, majd a grid-et helyezzük egy Border-be, aminek van háttérszíne, kerete és keretszíne!

<Border Background="Black" BorderBrush="Wheat" BorderThickness="1">

  <Grid x:Name="LayoutRoot" >

image

 

4. Térjünk vissza a MainPag-re, és a adjunk hozzá egy gombot, melynek neve legyen a btnLogin, a Content-je pedig „Bejelentkezés”!

5. Nyissuk meg a XAML-t, és a ContentPanel-ben helyezzünk el egy PopUp-ot! A neve legyen a LoginPopup, a tartalma pedig az előzőleg megismert Login-vezérlő! A Login-vezérlőnek iratkozzunk fel a Login Click eseményére is! Később ezt is megírjuk.

 

<Popup x:Name="LoginPopup">

    <control:LoginControl LoginClick="Login_Click" />

</Popup>

6. Ha ezzel megvagyunk, kattintsunk a btnLogin gombra kétszer, majd a klikk esemény törzsében nyissuk ki a PopUp ablakot! A PopUp megjelenítését vagy elrejtését az IsOpen tulajdonsággal állíthatjuk. A PopUp mindvégig az oldalunkon van, csak elrejtve, akkor jelenik meg, ha mi az IsOpen tulajdonságot true-ra állítjuk.

private void btnLogin_Click(object sender, RoutedEventArgs e)

{

    LoginPopup.IsOpen = true;

}

7. A LoginClick törzsét is írjuk meg, ez pedig egy üzenetből fog állni, és a PopUp bezárásából.

private void Login_Click(object sender, EventArgs e)

{

    MessageBox.Show("Sikeres bejelentkezés!");

    LoginPopup.IsOpen = false;

}

Próbáljuk ki az alkalmazást, nézzük meg, hogyan működik! Figyeljük meg, hogy a Mégse gombra kattintva nem záródik be a PopUp! Önálló feladatként oldjuk meg ezt a problémát!

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: