A Képvezérléssel: Windows Phone Alkalmazások fejlesztési bemutatója - 18. rész

A Képvezérléssel: Windows Phone Alkalmazások fejlesztési bemutatója - 18. rész
A Képvezérléssel: Windows Phone Alkalmazások fejlesztési bemutatója - 18. rész

Videó: A Képvezérléssel: Windows Phone Alkalmazások fejlesztési bemutatója - 18. rész

Videó: A Képvezérléssel: Windows Phone Alkalmazások fejlesztési bemutatója - 18. rész
Videó: CS50 2014 - Week 1, continued - YouTube 2024, Lehet
Anonim

Most, hogy ragaszkodunk az XAML eseményekhez és bemeneti vezérlésekhez, a Windows Phone 7.5 Mango App fejlesztői sorozatának művészetében, megnézzük a képvezérlést, amely lehetővé teszi a képek megjelenítését a Silverlight Windows Phone 7 alkalmazásban.

Szóval induljunk el!

Hozzon létre egy új Windows Phone 7 projektet, amelynek egyedi neve, például a "ImageControlDemo". Most húzza át a képvezérlőt az eszköztárról a tervezési felületre. Most, hogy megjelenítsen egy képet a képvezérlésben, a képvezérlő "Forrás" tulajdonságát használjuk. Ez a tulajdonság a "Stretch" tulajdonság előtt található Tulajdonságok ablakban található. A Forrás tulajdonság határozza meg, hogy honnan jelenjen meg a kép a Képvezérlésben. A Forrás tulajdonság melletti ellipszisre kattintva egy új ablak jelenik meg, amelyben kérjük, hogy válasszuk ki a képet. A kép hozzáadása a projekthez kattintson a Kép hozzáadása gombra.

A kép kiválasztásakor néhány érdekes dolog történik. Először is a Visual Studio automatikusan létrehoz egy mappát a Képek néven, és hozzáadja a kiválasztott képfájlt. Másodszor létrehoz egy URI-t (Uniform Resource Identifier) / elérési utat a képhez, valami hasonló "/Images;component/Images/Picture1.jpg". A / Image a telepítési csomagra vonatkozik, és mi keletkezik, miután a pontosvessző hivatkozik erre a fájlra a telepítési csomagban, miután telepítette a telefont, azaz a xap fájlt. Miután rákattint az OK gombra a Kép kiválasztása ablakban, a kép betöltődik a képvezérlőbe.

A képvezérlés másik fontos tulajdonsága a "Stretch" tulajdonság. A Stretch tulajdonság beállítása a kitöltéshez; a képméret teljes területét kitölti a kép méretétől függetlenül. A képvezérlés méretének megváltoztatása megváltoztatja a kép méretét. Nem tekinthető a kép arányának, ami torzítja a képet. A Stretch tulajdonság beállítása az Uniformhoz a kép magasságát vagy szélességét tartja tiszteletben, de a képet nem vágja le. A Stretch tulajdonság beállítása "UniformToFill" -nek megfelel a kép függőleges és vízszintes arányainak. A kép le van vágva, ha szükséges az arány fenntartásához. A kivágás úgy oldható meg, hogy a felhasználó felfelé vagy lefelé görgetheti a képet balra vagy jobbra. Ehhez mindössze annyit kell tennie, hogy a ScrollViewer vezérlővel körülveszi a képet, és vízszintes és függőleges gördítősávja láthatóvá válik.
A képvezérlés másik fontos tulajdonsága a "Stretch" tulajdonság. A Stretch tulajdonság beállítása a kitöltéshez; a képméret teljes területét kitölti a kép méretétől függetlenül. A képvezérlés méretének megváltoztatása megváltoztatja a kép méretét. Nem tekinthető a kép arányának, ami torzítja a képet. A Stretch tulajdonság beállítása az Uniformhoz a kép magasságát vagy szélességét tartja tiszteletben, de a képet nem vágja le. A Stretch tulajdonság beállítása "UniformToFill" -nek megfelel a kép függőleges és vízszintes arányainak. A kép le van vágva, ha szükséges az arány fenntartásához. A kivágás úgy oldható meg, hogy a felhasználó felfelé vagy lefelé görgetheti a képet balra vagy jobbra. Ehhez mindössze annyit kell tennie, hogy a ScrollViewer vezérlővel körülveszi a képet, és vízszintes és függőleges gördítősávja láthatóvá válik.
A képszabályozás egységes tulajdonsága
A képszabályozás egységes tulajdonsága

Egy utolsó dolog, mielőtt lezárjuk ezt a leckét. Ha a képet C # kódon keresztül szeretné beállítani, mindössze annyit kell tennie, hogy létrehoz egy objektumot a BitmapImage objektumban, és megadja az URI-t a túlterhelt konstruktorban. Miután létrehozta a BitmapImage objektumot, mindössze annyit kell tennie, hogy azt a Képvezérlés forrástulajdonságához hasonlítja.

BitmapImage myImage = új BitmapImage (új Uri ("/ Images; component / Images / Penguins.jpg", UriKind.Relative));

image1.Source = myImage;

Ez nagyon egyszerű ellenőrzés, és sok helyen szolgálja a hasznát.

Ez a mostani, a következő bemutatóban többet megtudunk a Stílusokról és az erőforrásokról.

Kapcsolódó hozzászólások:

  • GPS, Hely API és hívó webszolgáltatások: Windows Phone Apps fejlesztői bemutató - 25
  • Ismerje meg a Windows Phone 7.5 Mango alkalmazások fejlesztését: 1. rész
  • Windows Phone 8. bemutató: Egyéni gomb létrehozása az Expression Blend-I-ben
  • Windows Phone 4. bemutató: A felhasználói felület tervezése
  • A stílusok és erőforrások használata: Windows Phone Apps fejlesztői bemutató - 19. rész

Ajánlott: