SlideShare a Scribd company logo
1 of 11
Mobiiliohjelmointi

          Kontrollit
Laboratorioinsinööri Ville Autio
Saatavilla olevat kontrollit
• Visual Studion toolboxista näet
  kaikki saatavilla olevat kontrollit
   – Silverlight Toolkit for Windows Phone
     sisältää lisäkontrolleja
• Kontrollit lisätään vetämällä tai
  kaksoisnapauttamalla
   – Samalla sivulle lisätään kontrollit
     XAML
Kontrollit
• Jotta kontrollin voi viitata
  koodista pitää kontrollille antaa
  nimi
• Eventhandlerit voidaan lisätä
  ”Events” välilehdeltä
Layout kontrollit
Kontrolli        Selitys
Border           Reunat, tausta tai molemmat toiselle kontrollille
Canvas           Pohja jonka päälle lapsikontrollit voi sijoitella koordinaatteihin
ContentControl   Voi sisältää vain yhden kontrollin joka saa olla toinen layout
                 kontrolli
Grid             Pohja johon kontrollit voi sijoittaa sarakkeiden ja rivien
                 mukaan
Panorama         Panoraama tyyppinen pohja jota voi selailla sivuttain
Pivot            Sallii nopean tavan käsitellä suuria tietomääriä. Voidaan
                 käyttää navigointiin tai tietojen suodattamiseen
StackPanel       Pohja joka esittää lapsikontrollit joko pysty- tai vaakalinjassa
ScrollViewer     Vieritettävä pohja lapsikontrolleille
Teksti kontrollit
Kontrolli     Selitys
TextBlock     Käytetään vain-luku tyyppisten tekstien esittämiseen
TextBox       Normaalisti lyhyiden tekstin syöttämiseen
PasswordBox   Peittää käyttäjän syöttämän tekstin
Nappi kontrollit
Kontrolli         Selitys
Button            Kontrolli joka reagoi käyttäjän painallukseen Click-eventillä.
                  Sisältö määrätään Content-määreellä
HyperlinkButton   Nappi joka esittää hyperlinkkiä ja navigoi toiselle sivulle tai
                  haluttuun osoitteeseen. Sisältö määrätään Content-määreellä.
                  Osoite määrätään NavigationURI-määreellä.
Valinta kontrollit
Kontrolli     Selitys
CheckBox      Esittää valintaa jonka voi tyhjätä tai valita
RadioButton   Sallii käyttäjän valita yhden valinnan listasta.
Slider        Sallii käyttäjän valita arvon liukusäätimellä
Lista kontrollit
Kontrolli   Selitys
ListBox     Näyttää listan josta käyttäjä voi valita napauttamalla. Sisältö
            määrätään joko Items tai ItemsSource-määreellä. Jokaisen
            itemin ulkoasua voi muokata DataTemplate-määrettä
            muokkaamalla
Kuva, kartta ja media kontrollit
Kontrolli      Selitys
Image          Näyttää kuvan. Sisältö määrätään Content-määreellä
Map            Näyttää Bing-kartan. Jotta kontrolli toimii ajonaikana pitää
               hankkia avain Bing Maps:hin.
MediaElement   Tämä kontrolli soittaa videota ja audiota. Sisältö määrätään
               Content-määreellä. Ääniefektejä varten käytä XNA:n
               SoundEffect-luokkaa.
Html kontrollit
Kontrolli    Selitys
WebBrowser   Näyttää renderöidyn html-sisällön. Sisältö määrätään Content-
             määreellä.
Edistymis ja viesti kontrollit
Kontrolli        Selitys
ProgressBar      Näyttää nykyisen toiminnon edistymisen käyttäjälle.
Popup            Näyttää sisältöä sivun päällä. Paras tapa on tehdä erillinen
                 UserControl popupia varten (DemoApp2)

More Related Content

Viewers also liked (19)

Tes warna
Tes warnaTes warna
Tes warna
 
...
......
...
 
القفة النوذجية
القفة النوذجيةالقفة النوذجية
القفة النوذجية
 
Daniiiiiiiiiiiii
DaniiiiiiiiiiiiiDaniiiiiiiiiiiii
Daniiiiiiiiiiiii
 
Presentasi perakitan komputer
Presentasi perakitan komputerPresentasi perakitan komputer
Presentasi perakitan komputer
 
Eskaera jatorrizkoa
Eskaera jatorrizkoaEskaera jatorrizkoa
Eskaera jatorrizkoa
 
Enem 1998 gabarito
Enem 1998 gabaritoEnem 1998 gabarito
Enem 1998 gabarito
 
Big2235 1252431790
Big2235 1252431790Big2235 1252431790
Big2235 1252431790
 
Zuhaitza Hirian
Zuhaitza HirianZuhaitza Hirian
Zuhaitza Hirian
 
Bbq
BbqBbq
Bbq
 
Sin título 2
Sin título 2Sin título 2
Sin título 2
 
Uusvanhaa perhehoitoa - kokemuksia Kainuusta
Uusvanhaa perhehoitoa - kokemuksia KainuustaUusvanhaa perhehoitoa - kokemuksia Kainuusta
Uusvanhaa perhehoitoa - kokemuksia Kainuusta
 
الوراثة
الوراثةالوراثة
الوراثة
 
Nijar
NijarNijar
Nijar
 
Prueba
PruebaPrueba
Prueba
 
Labotiga1
Labotiga1Labotiga1
Labotiga1
 
Ok internet
Ok internetOk internet
Ok internet
 
trabajo
trabajotrabajo
trabajo
 
simmens Hearing impairment assistance
simmens Hearing impairment assistancesimmens Hearing impairment assistance
simmens Hearing impairment assistance
 

Mobiiliohjelmointi kontrollit

  • 1. Mobiiliohjelmointi Kontrollit Laboratorioinsinööri Ville Autio
  • 2. Saatavilla olevat kontrollit • Visual Studion toolboxista näet kaikki saatavilla olevat kontrollit – Silverlight Toolkit for Windows Phone sisältää lisäkontrolleja • Kontrollit lisätään vetämällä tai kaksoisnapauttamalla – Samalla sivulle lisätään kontrollit XAML
  • 3. Kontrollit • Jotta kontrollin voi viitata koodista pitää kontrollille antaa nimi • Eventhandlerit voidaan lisätä ”Events” välilehdeltä
  • 4. Layout kontrollit Kontrolli Selitys Border Reunat, tausta tai molemmat toiselle kontrollille Canvas Pohja jonka päälle lapsikontrollit voi sijoitella koordinaatteihin ContentControl Voi sisältää vain yhden kontrollin joka saa olla toinen layout kontrolli Grid Pohja johon kontrollit voi sijoittaa sarakkeiden ja rivien mukaan Panorama Panoraama tyyppinen pohja jota voi selailla sivuttain Pivot Sallii nopean tavan käsitellä suuria tietomääriä. Voidaan käyttää navigointiin tai tietojen suodattamiseen StackPanel Pohja joka esittää lapsikontrollit joko pysty- tai vaakalinjassa ScrollViewer Vieritettävä pohja lapsikontrolleille
  • 5. Teksti kontrollit Kontrolli Selitys TextBlock Käytetään vain-luku tyyppisten tekstien esittämiseen TextBox Normaalisti lyhyiden tekstin syöttämiseen PasswordBox Peittää käyttäjän syöttämän tekstin
  • 6. Nappi kontrollit Kontrolli Selitys Button Kontrolli joka reagoi käyttäjän painallukseen Click-eventillä. Sisältö määrätään Content-määreellä HyperlinkButton Nappi joka esittää hyperlinkkiä ja navigoi toiselle sivulle tai haluttuun osoitteeseen. Sisältö määrätään Content-määreellä. Osoite määrätään NavigationURI-määreellä.
  • 7. Valinta kontrollit Kontrolli Selitys CheckBox Esittää valintaa jonka voi tyhjätä tai valita RadioButton Sallii käyttäjän valita yhden valinnan listasta. Slider Sallii käyttäjän valita arvon liukusäätimellä
  • 8. Lista kontrollit Kontrolli Selitys ListBox Näyttää listan josta käyttäjä voi valita napauttamalla. Sisältö määrätään joko Items tai ItemsSource-määreellä. Jokaisen itemin ulkoasua voi muokata DataTemplate-määrettä muokkaamalla
  • 9. Kuva, kartta ja media kontrollit Kontrolli Selitys Image Näyttää kuvan. Sisältö määrätään Content-määreellä Map Näyttää Bing-kartan. Jotta kontrolli toimii ajonaikana pitää hankkia avain Bing Maps:hin. MediaElement Tämä kontrolli soittaa videota ja audiota. Sisältö määrätään Content-määreellä. Ääniefektejä varten käytä XNA:n SoundEffect-luokkaa.
  • 10. Html kontrollit Kontrolli Selitys WebBrowser Näyttää renderöidyn html-sisällön. Sisältö määrätään Content- määreellä.
  • 11. Edistymis ja viesti kontrollit Kontrolli Selitys ProgressBar Näyttää nykyisen toiminnon edistymisen käyttäjälle. Popup Näyttää sisältöä sivun päällä. Paras tapa on tehdä erillinen UserControl popupia varten (DemoApp2)