• Nie Znaleziono Wyników

Programowanie wizualne

N/A
N/A
Protected

Academic year: 2021

Share "Programowanie wizualne"

Copied!
23
0
0

Pełen tekst

(1)

1 dr Artur Bartoszewski -Wizualne systemy programowania , sem. III- WYKŁAD

Wykład 4

Programowanie wizualne

z wykorzystaniem Windows Forms

(2)

GUI

Graficzny Interfejs Użytkownika

(3)

3

Metody

dr Artur Bartoszewski - Wizualne systemy programowania , sem. III- WYKŁAD

 W Visual Studio aplikacje z graficznym interfejsem użytkownika (ang.

graphical user interface — GUI) przeznaczone na pulpit systemu Windows można tworzyć korzystając z dwóch bibliotek kontrolek:

 tradycyjnej Windows Forms,

 nowszej Windows Presentation Foundation (WPF).

(4)

Tworzenie projektu

(5)

5

Tworzenie projektu

dr Artur Bartoszewski - Wizualne systemy programowania , sem. III- WYKŁAD

Projekt aplikacji okienkowej (typu Windows Forms Application):

 W menu File środowiska Visual Studio wybierz podmenu New, a następnie

Project….

(6)

Tworzenie projektu

Środowisko:

Zbiór dostępnych

kontrolek

Podgląd formy (okna)

Lista plików Rozwiązania

(Solution) i projektu

okno Properties Właściwości

aktualnie wybranego

obiektu

(7)

7

Tworzenie projektu

dr Artur Bartoszewski - Wizualne systemy programowania , sem. III- WYKŁAD

Ustawienia projektu

(8)

Podstawowe kontrolki

Każda z kontrolek posiada swój własny

zestaw właściwości (Choć oczywiście większość z nich się

powtarza)

(9)

9

Konstruktor okna

dr Artur Bartoszewski - Wizualne systemy programowania , sem. III- WYKŁAD

Konstruktor klasy Form1 (okna programu) tworzony jest automatycznie. Można uzupełniać go o akcje, które mają być wykonane na starcie programu.

(10)

Zdarzenia

Każdy z obiektów (w szczególności kontrolek) ma przypisany do nich zestaw zdarzeń na które mogą zareagować.

Standardowym (choć jak widać na rysunku po lewej nie jednym) zdarzeniem kontrolki button jest zdarzenie Click – reakcja na kliknięcie

(11)

11

Zdarzenia – kontrolka Button

dr Artur Bartoszewski - Wizualne systemy programowania , sem. III- WYKŁAD

Zdarzenia obsługujemy implementując odpowiadające im metody (generowanie automatycznie po wybraniu odpowiedniej metody z listy)

(12)

Zdarzenia – kontrolka ScrollBar

Zdarzenia Kontrolek ScrollBar obsługujemy najczęściej implementując metody:

• Scroll – wykonywa podczas przesuwania kontrolki (Uwaga na obliczeniochłonne akcje)

• ValueChanged – wykonywana po zmianie wartości

• MauseCaptureChange – wykonywana po „puszczeniu” klawisza myszy – dzięki temu nadaje się do zaimplementowania akcji, które nie wykonują się „w czasie rzeczywistym”

(13)

13

TextBox

dr Artur Bartoszewski - Wizualne systemy programowania , sem. III- WYKŁAD

Odczytanie danych z kontrolki TextBox

Metoda TryParse pozwala zabezpieczyć się przed zawieszeniem

programu przy próbie zamiany na liczbę ciągu znaków, który nią nie jest.

Zapis danych do kontrolki TextBox

(14)

Label

Odczytanie danych z kontrolki Label

Zapis danych do kontrolki TextBox

Kontrolkę Label możemy traktować analogicznie jak TextBox – ale tylko z poziomu programu – użytkownik nie może wpisać tekstu do kontrolki Label

(15)

15

Przykład

dr Artur Bartoszewski - Wizualne systemy programowania , sem. III- WYKŁAD

Program wykorzystuje kontrolki:

 TexBox,

 Label

 Button.

(16)

Przykład

Tytuł okna programu (pojawi się na belce)

Zawartość wyświetlana przez kontrolki Label

Dla kontrolki TextBox działa to analogicznie

Kilka przydatnych właściwości kontrolek

(17)

17

Przykład

dr Artur Bartoszewski - Wizualne systemy programowania , sem. III- WYKŁAD

Anchor – pilnuje zakotwiczenia kontrolki – tzn. podczas skalowania okna odległości od sąsiadujących elementów będą

zachowywane

Dock – dokuje element do wskazanej krawędzi wolnej przestrzeni – tzn.

przykleja element i rozciąga.

Wyrównanie tekstu wewnątrz kontrolki

Zestaw właściwości Fontu

(18)

Przykład

Zawartość metody Click przycisku „Licz”

Wersja wczytania danych z TextBox bez sprawdzenia poprawności (tu w

komentarzu)

Wersja wczytania danych z TextBox ze sprawdzeniem poprawności

(19)

19

Przykład

dr Artur Bartoszewski - Wizualne systemy programowania , sem. III- WYKŁAD

Zawartość metody Click przycisku „Wyczyść”

(20)

Przykład 2

Okno programu składa się z kontrolki Panel, której kolor będziemy zmieniać oraz z trzech kontrolek hScrollBar (pozioma wersja suwaka

(21)

21

Przykład 2

dr Artur Bartoszewski - Wizualne systemy programowania , sem. III- WYKŁAD

Analogicznie dla pozostałych suwaków…

Kolor ustawiamy za pomocą metody Color.FromArgb( )

(22)

Przykład 2

Zdarzenie można wywołać „sztucznie” w kodzie programu

W tym przypadku w konstruktorze okna wywołujemy zdarzenie suwaka, czyli

ustawiamy kolor panelu

Aby program działał prawidłowo ustawić należy zakres wartości suwaków <0 ; 255>

(23)

23 dr Artur Bartoszewski - Programowanie obiektowe , sem. 1I - WYKŁAD

Użyte w tej prezentacji tabelki pochodzą z książki: Visual Studio 2013. Podręcznik programowania w C# z zadaniami Autor: Matulewski Jacek, Helion

Cytaty

Powiązane dokumenty

Poleciłabym ją głównie dwóm grupom: osobom, które matematyki nie lubią (w każdym wieku, nie tylko szkolnym) oraz... nauczycielom: jej lektura może być bardzo dobrym bodźcem

Biorąc pod uwagę nową, powojenną sytuację, trudno się dziwić, że w sytuacji braku pracowników nie dotrzymywano wszystkich ograniczeń dotyczących czasu pracy, przed

Mimo teoretycznej mo liwo ci wyst pienia ró norodnych bł dów topologicznych po transformacji mapy z uwzgl dnieniem korekt posttransformacyjnych, przeprowadzone analizy

Aby nasza adresacja działała niezbędne jest też użycie nowej maski podsieci,ponieważ podzieliliśmy na 6 podsieci czyli „dobraliśmy” 3bity o te trzy bity zwiększa się nasza

Rys. a) Tęcza ma zawsze kształt kolistego łuku utworzonego wokół kierunku, w któ- rym patrzyłbyś wtedy, gdybyś spoglądał prosto od strony Słońca. W zwykłych warunkach

Jeżeli prędkość światła jest taka sama we wszystkich inercjalnych układach od- niesienia, to światło emitowane przez poruszające się źródło powinno rozchodzić się z

Następnie do zderzenia fotonu rentgenowskiego z elektronem, pokazanego na rysunku 39.5, zastosujemy zasadę zachowania pędu.. Z równania (39.7) wynika, że pęd padającego fotonu

Po jakim czasie należy wystrzelić drugi pocisk w tych samych warunkac h aby w pewnej chwili znalazły się jednocześnie na tej samej wysokości h (mniejszej niż wysokość