HELIA 1 (1) Outi Virkki Käyttöliittymät ja ohjelmiston suunnittelu :04

Transkriptio

1 HELIA 1 (1) Luento 7 Graafisen käyttöliittymän peruselementit... 2 Ikkunat... 2 Sovellusikkunat (Application Windows)... 2 Asiakirjaikkunat (Document Windows)... 3 Toissijaiset sovellusikkunat (Secondary Windows)... 6 Kontrollit (Controls)... 7 Painikkeet (Buttons)... 7 Listat (List Boxes)... 8 Tekstikentät (Text Fields)... 8 Muita kontrolleja... 8 Valikot (Menus)... 9 Työkalupalkit (ToolBars)... 9 Syöttölaitteet Tulostuslaitteet... 10

2 HELIA 2 (2) Graafisen käyttöliittymän peruselementit Ikkunat Sovellusikkunat (Application Windows) Sisäältää sovelluksen käyttöliittymän tiedot ja toiminnot 1. Kehys frame 2. Otsikko title 3. Hissi scroll bar 4. Valikkorivi menu bar 5. Työkalupalkki tool bar 6. Tilapalkki status bar

3 HELIA 3 (3) Asiakirjaikkunat (Document Windows) Esitetään SDI-ikkunassa (Single Document Interface) tai MDI-ikkunassa (Multiple Document Interface) MDI-ikkunassa voidaan esittää useita ali-ikkunoita Aktiivisen ali-ikkunan valikko näytetään MDI-ikkunan valikkona (asiakirjaikkunalla ei siis ole omaa valikkoa) Ali-ikkunan maksinoinnista seuraa MDI-ikkunan otsikon korvautuminen asiakirjaikkunan otsikolla Ali-ikkunan minimointi tuottaa ikonin MDI-lomakkeelle eikä tehtäväpalkkiin (Task Bar)

4 HELIA 4 (4) MDI-ikkunan käyttötavat: 1. Kussakin ali-ikkunassa esiintyy eri asiakirja asiakirjat ovat tyypiltään identtisiä (esim. Wordin MDI-ikkunassa voi esiintyä useita Word-dokumentin ilmentymiä)

5 HELIA 5 (5) 2. Kussakin ali-ikkunassa esiintyy saman asiakirjan eri näkymiä 3. Kussakin ali-ikkunassa esiintyy joko eri asiakirjoja tai näkymiä samanaikaisesti (esim. Excelin MDI-ikkuna)

6 HELIA 6 (6) Toissijaiset sovellusikkunat (Secondary Windows) Alisteinen varsinaiselle sovellusikkunalle Ei omaa valikkoriviä; toiminnot esitetään tyypillisesti komentopainikkein Modaalinen / modaaliton modaalinen = vaatii käyttäjän vastausta ennenkuin toimintaa voidaan jatkaa modaaliton = voidaan sulkea tai siirtyä toiseen ikkunaan antamatta vastausta Kiinnitetty / Kelluva Kiinnitetty = sijaitsee varsinaisen sovellusikkunan työalueella ts. sovellusikkunan sisällä Kelluva = Voi sijaita varsinaisen sovellusikkunan ulkopuolella (Esim. Visual Basicissä) Tyypillisiä toissijaisia sovellusikkunoita 1. Ominaisuusikkunat Properties 2. Keskusteluikkunat Dialog Boxes (Valintaikkunat) 3. Viesti-ikkunat Message Boxes 4. Ponnahdus ikkunat Pop-up Windows 5. Paletti-ikkunat Palette windows Esimerkkejä

7 HELIA 7 (7) Kontrollit (Controls) Esittävät tietoja tai toimintoja Ilmaisevat ovatko aktiivi- vai lepotilassa Moniin kontrollehin liittyy otsake (label) Painikkeet (Buttons) Komentopainikkeet (command button) Laula Valintapainike (option button, radio button) Valintanappi Vaihtoehto 1 Vaihtoehto 2 Vaihtoehto 3 Valintaruutu (check box) Valinta 1 ã Valinta 2 ã Valinta 3

8 HELIA 8 (8) Listakentät (List Boxes) Yksinkertainen listakenttä / luetteloruutu Avattava listakenttä (Drop-down list) Monivalinta-listakenttä Tekstikentät (Text Fields) Tekstikenttä Rich-text kenttä Yhdistelmäkenttä / Valikkokenttä (Combo-box) Avattava yhdistelmäkenttä (Drop-down Combo box) Muita kontrolleja Ryhmä-kehys Vierityspalkit Neuvo Välilehdet Puu (Group Box) (Scroll Bars) (Tip Control) (Tab controls) (Tree view controls)

9 HELIA 9 (9) Valikot (Menus) Valikoiden avulla ohjataan sovelluksen toimintaa Avattavat valikot / Vetovalikot 1. Tiedosto File 2. MuokkaaEdit 3. Näkymä View 4. Ikkuna Window 5. Auta Help (drop-down menus) Alivalikot / Porrasvalikot (cascading menus) Ponnahdus valikot (pop-up menus) Työkalurivit / Työkalupalkit (Toolbars) Työkalupalkki sisältää joukon kontrolleja joiden avulla sovelluksen toimintaa ohjataan Tavoitteena on tarjota useimmin tarvittavat toimenpiteet nopeasti valittavina ikoneina Tilarivi / Tilapalkki (Statusbars) Kertoo tietoja sovelluksen tilasta

10 HELIA 10 (10) Syöttölaitteet Hiiri Näppäimistö Tulostuslaitteet Näyttö Tulostin