Tehdään WPF-sovellus - 1 - Alkupalat

Alkuhöpinät

Jos haluat pienen maistiaisen Windows-työpöytäsovellusten luonnin maailmasta C#:lla ja WPF:llä, on tämä erinomainen mahdollisuus juuri sinulle!

Tässä luotua sovellusta voidaan käyttää hyvänä pohjana jatkokehitykselle myöhemmin. Tarkoitus on, että saisit tämän avulla tehtyä jotain valmista alusta loppuun. Olen yrittänyt pitää asiat mahdollisimman yksinkertaisella tasolla ja selittää vastaan tulevat uudet konseptit korkealla tasolla paneutumatta niihin liian syvällisesti.

Teen sen olettamuksen, että olet ehkä kokeillut jo jotain ohjelmointiin liittyvää ja hallitset tietokoneen käytön.

Parhaan kokemuksen saat, kun teet itse mukana (tekemällä oppii), mutta voit myös halutessasi lukea tämän läpi ja soveltaa oppimaasi myöhemmin!

Edit: Katsaus tulevaisuuteen

Tämä blogisarja on edennyt jo niin pitkälle, että voin tähän heti alkuun näyttää “teaserina” miltä sovellus tulee näyttämään n. 20 osan päästä:

WPF - Windows Presentation Framework

Toteutamme sovelluksemme WPF-käyttöliittymän XAML -kielellä ja herätämme toiminnallisuuden henkiin C#:lla.

Opimme kaikista näistä kolmesta enemmän vähitellen mitä pidemmälle pääsemme itse tekemisen kanssa.

Teemme tämän esimerkkisovelluksen UI edellä, eli keskitymme ensin käyttöliittymän muovaamiseen ja vasta sitten toiminnallisuuden toteuttamiseen. WPF:llä pystyy helposti toteuttamaan ohjelman toiminnallisuuden erillään käyttöliittymästä. Tämä mahdollistaa vaikkapa sen, että yksi henkilö voi keskittyä leipomaan hienoa ulkoasua sovellukselle ja toinen taas tekemään itse toiminnallista osuutta.

Olen esittänyt koodiin tehtävät muutokset git diff-tyylisesti näin:

Tätä riviä ei muokata.
- Tätä riviä muokataan.
+ Näin riviä on muokattu.

Tai vaihtoehtoisesti esittänyt pätkän koodia ja selittänyt sen toimintaa tarkemmin:

<Style.Triggers>
    <Trigger Property="IsMouseOver" Value="True">
        <Setter Property="Background" Value="#31142F" />
    </Trigger>
</Style.Triggers>

Sovelluksen lähdekoodi löytyy myös GitHubista.

Eiköhän aloiteta. Onnea matkaan! 👍

Määrittely

Ensimmäisenä määrittelemme mitä haluamme sovelluksen pääpiirteittäin tekevän.

Sovellus voisi vaikkapa antaa vastauksen kysymykseen:

• “Mikä on painoindeksi annetulle pituudelle ja painolle?”

Yksinkertaisuuden nimissä luomme siis painoindeksin laskemiseen käytettävän sovelluksen seuraavin vaatimuksin:

• Sovellus laskee antamieni tietojen pohjalta painoindeksin
• Voin tarkastella tuloksia

On myös hyvä hahmotella valmiiksi miltä sovellus voisi ehkä näyttää:

Näitä määrittelyjä voidaan myös tarkentaa tai laajentaa myöhemmin, kun opimme sovelluksesta ja tarpeistamme enemmän. Ei oteta liian suurta haukkausta heti alkuunsa.

Esivaatimukset

• Lataa ja asenna Visual Studio 2019 (Community)
  • Varmista asennuksen Workloads-kohdassa, että .NET desktop development on valittuna
• Käy vilkaisemassa painoindeksin määritelmä
• Varaa itsellesi hetki aikaa
  • Ehkä myös lämmin kupponen juotavaa
  • Mahdollisesti iso pehmeä tyyny on myös hyvä varuste (oman harkinnan mukaan ja riippuen siitä mitä valintoja teet myöhemmin)

Muotoillaan seuraavaksi sovelluksen runko valmiiksi.

Pääset siirtymään vaiheiden välillä alapuolella olevista linkeistä 👇

Anssi Kettunen

Ohjelmistokehittäjä suorittamassa tehtävää 🦊

Jaa sisältöä: