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

Microsoft Expression Blend - Hei maailmaMicrosoft Expression Blend - Hei maailma

 

Microsoft Expression Blend - Hei maailma

Google       Google       30. 7. 2008       16 359×

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 Nový IT hráč na českém trhu

Nový IT hráč na českém trhu

V roce 2015 otevřela v Praze na Pankráci v budově City Tower své kanceláře společnost EPAM Systems (NYSE:EPAM), jejíž centrála se nachází v USA. Společnost byla založená v roce 1993 a od té doby prošla velkým vývojem a stále roste.

Reklama
Reklama
Obrázek ke článku České Radiokomunikace opět hledají nejlepší nápady pro internet věcí

České Radiokomunikace opět hledají nejlepší nápady pro internet věcí

České Radiokomunikace (CRA) pořádají druhý ročník CRA IoT Hackathonů. Zájemci z řad vývojářů a fanoušků moderních technologií mohou změřit své síly a během jediného dne sestrojit co nejzajímavější funkční prototyp zařízení, které bude komunikovat prostřednictvím sítě LoRa. CRA IoT Hackathony se letos uskuteční ve dvou fázích, na jaře a na podzim, v různých městech České republiky. Jarní běh se odstartuje 31. března v Brně a 7. dubna v Praze.

Obrázek ke článku Cloud computing je využíván stále intenzivněji

Cloud computing je využíván stále intenzivněji

Využívání cloud computingu nabývá na intenzitě. Jen v letošním roce vzroste podle analytiků trh se službami veřejného cloudu o 18 %, přičemž o téměř 37 % vzrostou služby typu IaaS. Růst o více než pětinu pak čeká služby poskytování softwaru formou služby, tedy SaaS. Aktuálním trendům v oblasti využívání cloudu se bude věnovat konference Cloud computing v praxi, která se koná 23. března. 2017 v pražském Kongresovém centru Vavruška na Karlově náměstí 5.

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 © 20032017 Programujte.com
Zasadilo a pěstuje Webtea.cz, šéfredaktor Lukáš Churý