Microsoft Expression Blend - Hei maailma
 x   TIP: Přetáhni ikonu na hlavní panel pro připnutí webu
Reklama

Microsoft Expression Blend - Hei maailmaMicrosoft Expression Blend - Hei maailma

 

Microsoft Expression Blend - Hei maailma

Google       Google       30. 7. 2008       16 035×

V totomto článku si vytvoříme první program, který vyžije naplno schopností WPF. Program nazveme Hei maailma.

Reklama
Reklama

Hei maailma bude program s vlastním oknem (okno si nakreslíme). Naučíme se tvořit a vybarvovat tlačítka a nastavovat přechody. V tuto chvíli spustíme Blend a vytvoříme novou WPF aplikaci, vybereme umístění, jazyk, ve kterém budeme programovat (C#), a název projektu zadáme Hei maailma.

Tvorba vlastního okna

Ano, zbavíme se těch starých hranatých oken a namalujeme si vlastní okno dle libosti. Postup bude následující:

  1. V seznamu prvků vybereme naše okno a v záložce Properties nastavíme AllowsTransparency na hodnotu true, zaškrtnutím zatržítka. Tím docílíme schování ošklivého rámečku.

  2. V seznamu prvků vybereme LayoutRoot a v Properties nastavíme průhledné pozadí okna. Toho docílíme vymazáním výplně prvku Window. V  sekci Brushes klepněte na políčko No brush.

  3. Zvolíme nástroj Pen (Pero) a nakreslíme si vlastní tvar okna. Třeba takový jako na následujícím obrázku.

  4. Nyní jsme se rozhodli, že chceme pozměnit tvar. Nezoufejte, použijte nástroj Direct Selection (Přímý výběr) a okno pomocí úchopových bodů editujte.

  5. Tak, v dalším bodě se podíváme, jak našemu oknu nastavíme nějaký poutavý přechod na pozadí místo té standardní bílé. Pomocí nástroje Selection (Výběr) vybereme námi nakreslený tvar. Přepneme se na kartu Properties a v části Brushes zapneme Gradient brush.

  6. Nyní se jistě nespokojíte s černobílým přechodem. Změnu přechodu provedeme tak, že klikneme na posuvník pod paletou barev. Vybereme jeden ze dvou jezdců. Nyní pokud vyberete jinou barvu místo bílé, například azurovou, přechod se nám změní na černo-azurový. Dále můžeme změnit přechod z lineárního na kruhový, to uděláme kliknutím na Radial gradient.

  7. Nyní při stisku klávesy F5 program zkompilujeme a spustíme. Máme před sebou vlastní okno dle taktovky WPF. Nyní ale nastává problém, který spolu elegantně vyřešíme. Oknem nejde pohybovat. Vypneme ho tedy kombinací kláves Alt + F4.

  8. K tomu, abychom oknem mohli pohybovat, potřebujeme napsat event handler (obsluhu události). V Blendu vybereme náš tvar, přepneme se na záložku Properties, kde zvolíme ikonku Events.

  9. V seznamu najdeme vlastnost MouseLeftButtonDown a dvakrát na ni poklepáme.

  10. Spustí se nám Visual Studio. V souboru Window1.xaml.cs bude předem vytvořená metoda Path_MouseLeftButtonDown. Do této metody zapíšeme jedinou metodu DragMove();.

  11. Visual Studio zavřeme a při stisku klávesy F5 v Blendu naši aplikaci znovu zkompilujeme. Nyní při kliknutí do plochy okna a tažením myši můžeme okno posouvat.

  12. Okno máme hotové, přistupme tedy k další části a oživme okno pomocí pár tlačítek.

Tvorba tlačítek

Touto částí navážeme na tu předchozí. To znamená, že tlačítka budeme umisťovat do našeho vlastního okna. Pojďme na to.

  1. V panelu nástrojů vybereme Button (Tlačítko) a nakreslíme do plochy našeho okna.

  2. Nyní si tlačítko vybarvíme, vše provedeme úplně stejně jako vybarvení okna. Tak do toho!

  3. Už je vám možná divné, jak jsem nastavil bílý text na tlačítku. Není to nic složitého, stačí se v sekci Brushes přepnout z Background na Foreground.

  4. Pro změnu textu na tlačítku vybereme tlačítko nástrojem Selection (Výběr). Přepneme se na kartu Properties, kde v sekci Common Properties přepíšeme hodnotu Content. Tlačítko můžeme libovolně zvětšit či přemístit pomocí nástroje Selection (Výběr).

  5. V okně vytvoříme ještě jedno tlačítko, které bude sloužit pro vypnutí okna.

  6. Za další si vytvoříme jeden Label (Popisek), kam bude program vypisovat odpověď na stisk tlačítka. Label vytvoříme tak, že nejprve rozbalíme nabídku TextBox, kde vybereme Label. Nakreslíme ho stejně jako tlačíko. Po nakreslení máme možnost napsat nějaký obsah. Text Labelu smažeme a necháme prázdné.

  7. Barvu textu Labelu nastavíme úplně stejně jako barvu textu Button. Pro vyzkoušení vepíšeme dočasný text, který po nastavení barvy vymažeme (vlastnost Content v Common Properties).

  8. Tak nyní máme základní vzhled aplikace hotov. Pro další pokračování vytvoříme Eventy (události) pro tlačítka Jak se řekne finsky „Ahoj světe“? a Zavřít. Pro obě tlačítka vytvoříme Event Click.
  9. Začněme tlačítkem Zavřít. Do metody Button_Click zapíšeme metodu Close().

  10. Event přiřadíme i druhému tlačítku. Do metody Button2_Click umístíme následující kód:
    Label1.Content = "Hei maailma";
  11. Nyní můžeme zavřít VS 2008. V Blendu naši aplikaci opět zkompilujeme pomocí klávesy F5. A právě máte před sebou hotový program.

Závěr

V dnešním „krátkém“ díle jsme se naučili základní práci s Blendem, jako je kreslení okna, tvorba tlačítek, vytváření event handlerů a mnoho dalšího. Těším se na shledání u dalšího dílu.

×Odeslání článku na tvůj Kindle

Zadej svůj Kindle e-mail a my ti pošleme článek na tvůj Kindle.
Musíš mít povolený příjem obsahu do svého Kindle z naší e-mailové adresy kindle@programujte.com.

E-mailová adresa (např. novak@kindle.com):

TIP: Pokud chceš dostávat naše články každé ráno do svého Kindle, koukni do sekce Články do Kindle.

Hlasování bylo ukončeno    
0 hlasů
Google
Student ČVUT FJFI katedry softwarového inženýrství v ekonomii. Mezi jeho zájmy patří programování a sport. Autor má zkušenosti s PHP 5, MySQL, XHTML a CSS. Zajímá se o platformu .NET, jazyk C#, ASP.NET a WPF.
Web    

Nové články

Obrázek ke článku Hackerský kongres přiveze v září do Prahy špičky světové kryptoanarchie

Hackerský kongres přiveze v září do Prahy špičky světové kryptoanarchie

Hackerský kongres HCPP16 pořádá od 30. září do 2. října nezisková organizace Paralelní Polis již potřetí, a to ve stejnojmenném bitcoinovém prostoru v pražských Holešovicích. Letos přiveze na třídenní konferenci přes 40 většinou zahraničních speakerů – lídrů z oblastí technologií, decentralizované ekonomiky, politických umění a aktivismu. Náměty jejich přednášek budou také hacking, kryptoměny, věda, svoboda nebo kryptoanarchie.

Reklama
Reklama
Obrázek ke článku ICT PRO školení zaměřené nejenom na ICT

ICT PRO školení zaměřené nejenom na ICT

Dovolte, abychom se představili. Jsme zaměstnanci společnosti ICT Pro, profesionálové v oblasti poskytování komplexních ICT služeb. Neboli služeb spojených s informačními a komunikačními technologiemi, které dnes - ve 21. století - tvoří  nedílnou součást běžného provozu všech moderních firem.

loadingtransparent (function() { var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; po.src = 'https://apis.google.com/js/plusone.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); })();
Hostujeme u Českého hostingu       ISSN 1801-1586       ⇡ Nahoru Webtea.cz logo © 20032016 Programujte.com
Zasadilo a pěstuje Webtea.cz, šéfredaktor Lukáš Churý