Wizualne systemy programowania. Wykład 11 Grafika. dr Artur Bartoszewski -Wizualne systemy programowania, sem. III- WYKŁAD

Transkrypt

1 Wizualne systemy programowania Wykład 11 Grafika 1 dr Artur Bartoszewski -Wizualne systemy programowania, sem. III- WYKŁAD

2 Grafika GDI+ GDI+ - Graphics Device Interface jeden z trzech podstawowych komponentów (razem z jądrem i API Windows) interfejsu użytkownika w Microsoft Windows. GDI+ odpowiedzialne jest za przedstawianie obiektów graficznych i przesyłanie ich do urządzeń wyjściowych, takich jak monitory i drukarki. Graphics - obiekt reprezentują GDI+, używany do tworzenia obrazów graficznych. Aby uzyskać możliwość rysowania linii i kształtów, renderowania tekstu, lub wyświetlania obrazów i manipulowania nimi za należy utworzyć obiekt Graphics. 2

3 Grafika Klasy przestrzeni nazw System.Drawing używane w rysowaniu na formie Klasa Graphics Bitmap Brush Pen BufferedGraphics Font Image Opis Klasa, z pomocą której możemy rysować i nie tylko poprzez GDI+ bitmapa Pędzel rodzaj kolor wypełnienia Ołówek - kontur Buforowane grafiki, Czcionka Abstrakcyjna podstawa dla pochodnych typów obrazowych np. bitmapy 3

4 Grafika Podstawowe metody klasy Graphics: Metoda DrawArc DrawBezier DrawCurve DrawEllipse DrawIcon DrawImage DrawLine DrawPath DrawPolygon DrawRectangle DrawString DrawPie Opis Łuk Krzywa Beziera Krzywa Elipsa Ikona Obraz Linia Ścieżka Wielokąt Prostokąt Tekst Wycinek koła Niektóre z tych metod mają odpowiedniki zaczynające się od Fill..(..) i służące do rysowania figur wypełnionych. Metoda Clear(Color), wypełnia cały obszar wskazanym kolorem 4

5 Grafika Struktury (zmienne złożone) przydatne w operowaniu grafiką Struktura Color Point Rectangle Size Opis Reprezentuje kolor (w postaci ARGB). Zawiera kolory predefiniowane Punkt Prostokąt Wielkość (np. długość czy wysokość) 5

6 Wizualne systemy programowania Rysowanie bezpośrednio na formie klasa Graphics 6

7 Klasa Graphics Pierwszym krokiem jest uzyskanie obiektu klasy Graphics elementu na którym będziemy rysować. Przykład dla rysowania bezpośrednio po komponęcie Form1 7

8 Klasa Graphics Przykład rysowania: 8

9 Wizualne systemy programowania Rysowanie na bitmapie 9

10 Wizualne systemy programowania Przykład PAINT: Program umożliwia rysowanie za pomocą myszy Można regulować kolor i grubość pisaka. 10

11 Przykład PAINT Przygotowanie obiektu klasy Graqphics, pisaka i wyczyszczenie ekranu 11

12 Przykład PAINT Wybór koloru pędzla 12

13 Przykład PAINT Rysowanie - po naciśnięciu przycisku myszy (zmienna md = true) rysujemy, po puszczenie (zmienna md = false) przestajemy rysować. Pozycję kursora pobieramy ze zdarzenia e. 13 Rysujemy koło, którego średnica regulowana jest za pomocą suwaka

14 Wizualne systemy programowania Przykład: Dywan Sierpińskiego: 1. Wybieramy 3 punkty tworzące trójkąt (ich współrzędne zapisujemy w tablicach. 2. Ustawiamy punkt (x,y) - na środku ekranu. 3. Losujemy jeden z trzech wierzchołków. 4. Rysujemy punkt (pixel) w połowie odcinka pomiędzy punktem (x,y) a wierzchołkiem. Staje się on nowym punktem (x,y). 5. Punkty 3 i 4 powtarzamy np. 100 tyś razy. 14

15 Przykład dywan Sierpińskiego Rozpoczynamy od przygotowania zmiennej typu Bitmap na której będziemy rysować. W metodzie zdarzenia Paint obiektu (jego rysowanie) umieszczamy kod programu. 15

16 Przykład dywan Sierpińskiego 16

17 Przykład dywan Sierpińskiego Możemy też zapisać do pliku naszą bitmapę: 17

18 Literatura: Użyte w tej prezentacji tabelki pochodzą z książki: Visual Studio Podręcznik programowania w C# z zadaniami Autor: Matulewski Jacek, Helion 18 dr Artur Bartoszewski - Programowanie obiektowe, sem. 1I - WYKŁAD