Prezentacja na temat programowania w środowisku Delphi na temat: „Wyświetlanie informacji graficznych w Delphi”. Korzystanie z możliwości graficznych Delphi Krótkie wprowadzenie do teorii

Aby wyświetlić informacje graficzne w bibliotece Delphi, dostarczane są komponenty, których listę podano w tabeli. 6.

Tabela 6

Komponenty do wyświetlania informacji graficznych

Składnik Strona Opis
Obraz (obraz) Dodatkowy Służy do wyświetlania grafiki
PaintBox (okno do rysowania) System Służy do tworzenia obszaru na formularzu, w którym można rysować
DrawGrid (tabela rysunkowa) Dodatkowy Służy do wyświetlania danych nietekstowych w wierszach i kolumnach
Wykres (wykresy i wykresy) Dodatkowy Komponent należy do rodziny komponentów TeeChart, które służą do tworzenia wykresów i wykresów
Chartfx (wykresy i wykresy) ActiveX Edytor wykresów i wykresów
FIBook (strony programu Excel) ActiveX Komponent do wprowadzania i przetwarzania informacji liczbowych
VtChart (wykresy) ActiveX Okno diagramu

Ponadto można wyświetlać i wprowadzać informacje graficzne na powierzchni dowolnego komponentu okna, który ma tę właściwość Płótno- płótno.

Tabele obrazów — komponenty DrawGrid i StringGrid

Składnik Rysuj siatkę używany do tworzenia tabeli w aplikacji, która może zawierać grafikę. Ten komponent jest podobny do komponentu Siatka sznurkowa, ponieważ ten ostatni pochodzi od siatka rysunkowa. Dlatego w Rysuj siatkę wszystkie właściwości, metody, zdarzenia komponentu są obecne Siatka sznurkowa, inne niż związane z tekstem, tj. poza właściwościami Komórki, Kolumny, wiersze, obiekty. Z tego punktu widzenia składnik Siatka ciągów ma o wiele większy potencjał niż siatka ściągająca, ponieważ może przechowywać zarówno obrazy, jak i teksty w komórkach. A jeśli chcesz wprowadzić tekst do niektórych komórek siatka ściągająca, w tym celu będziesz musiał użyć metod wyprowadzania tekstu na płótno, co nie jest zbyt wygodne.

składniki DrawGrid i StringGrid mieć płótno Płótno, gdzie można umieszczać zdjęcia.

Istnieje metoda prostownik komórkowy, która zwraca obszar płótna przydzielony dla danej komórki. Ta metoda jest zdefiniowana jako

funkcja CellRect(ACol, ARow: Longint): TRect;

gdzie ACol i ARow- indeksy kolumn i wierszy, zaczynając od 0, na przecięciu których znajduje się komórka. Obszar zwracany przez tę funkcję to obszar płótna, w którym można narysować żądany obraz. Na przykład operator

DrawGridl.Canvas.CopyRect(DrawGridl.CellRect(1,1),

BitMap.Canvas,Rect(0,0,BitMap.Height,BitMap.Width));

kopie metodą Kopiujprost do komórki (1,1) tabeli Rysuj siatkę obraz z komponentu bitmapa. Ta komórka jest drugą od lewej i drugą od góry w tabeli, ponieważ indeksy zaczynają się od 0. Zauważ, że jeśli wymiary komórki są mniejsze niż rozmiar kopiowanego obrazka, to tylko lewa górna część obrazka zostanie pojawiają się w komórce.

Komponentowy obraz płótna DrawGrid i StringGrid podobnie jak na kanwie dowolnego komponentu, podlega wymazywaniu, gdy okno aplikacji jest nałożone na inne okna lub, na przykład, gdy aplikacja jest zminimalizowana.

Wygodnym sposobem wstawianie obrazów do komórek Rysuj siatkę jest użycie procedury obsługi zdarzeń Narysuj komórkę. Zdarzenia te występują dla każdej komórki tabeli w momencie jej ponownego rysowania. Nagłówek modułu obsługi wygląda następująco:

procedura TForml.DrawGridlDrawCell (nadawca: TObject;

ACol, ARow: liczba całkowita; Prostokąt: TRect; Stan: TGridDrawState)

Parametr Państwo wskazuje stan komórki. Jest to zestaw, który może zawierać następujące elementy: gdWybrano- podświetlona komórka gdSkupiony- komórka, na której znajduje się fokus, gdNaprawiono- komórka w stałym obszarze stołu. Parametr Państwo może służyć do wyświetlania komórek w różny sposób w różnych stanach.

Składnik kształtu

Składnik kształtu można tylko warunkowo przypisać środkom przedstawiania informacji graficznych, ponieważ po prostu przedstawia różne kształty geometryczne, odpowiednio cieniowane. Główną właściwością tego składnika jest kształt(formularz), który może przyjmować następujące wartości:

StRectangle - prostokąt;

StKwadrat - kwadrat;

StRoundRect - prostokąt z zaokrąglonymi rogami;

StRouhdSquare - kwadrat z zaokrąglonymi rogami;

StEllipse - elipsa;

StCircle - koło.

Inną istotną właściwością komponentu jest Szczotka(szczotka). Ta właściwość jest obiektem typu szczotka, posiadające szereg właściwości podrzędnych, w szczególności kolor (Pędzel.Kolor) i styl (Styl pędzla) wypełnienie kształtu. Możesz zobaczyć wypełnienie przy niektórych wartościach stylu na ryc. 3.2. Trzecia ze specyficznych właściwości komponentu kształt- Długopis(pióro), które definiuje styl linii.

Składnik wykresu

Teraz rozważ komponent Wykres. Ten komponent pozwala budować różne wykresy i wykresy, które wyglądają bardzo imponująco. Składnik wykres ma wiele właściwości, metod, zdarzeń, więc jeśli wziąć pod uwagę je wszystkie, to musiałbyś poświęcić temu cały rozdział. Dlatego ograniczamy się do rozważenia tylko głównych cech Wykres. Resztę można znaleźć we wbudowanej pomocy Delphi lub po prostu wypróbować je, eksperymentując z diagramami.

Składnik wykres jest kontenerem obiektów Seria- potomkowie klas Seria Tchart. Każdy taki obiekt reprezentuje serię danych charakteryzujących się określonym stylem wyświetlania: jednym lub drugim wykresem lub diagramem. Każdy składnik wykres może obejmować kilka serii. Jeśli chcesz wyświetlić wykres, każda seria będzie odpowiadać jednej krzywej na wykresie. Jeśli chcesz wyświetlać wykresy, dla niektórych typów wykresów możesz nałożyć na siebie kilka różnych serii, dla innych (na przykład dla wykresów kołowych) prawdopodobnie będzie to wyglądać brzydko. Jednak w tym przypadku można ustawić dla jednego komponentu wykres kilka serii tych samych danych z inny rodzaj diagramy. Następnie, aktywując jeden z nich w każdym momencie czasu, możesz dać użytkownikowi wybór typu wykresu, na którym będą wyświetlane interesujące go dane.

Umieść jeden lub dwa komponenty wykres na formularzu i spójrz na właściwości, które otwierają się w Inspektorze obiektów. Wyjaśnijmy niektóre z nich.

AllowPanning - określa możliwość przewijania przez użytkownika obserwowanej części wykresu podczas wykonywania poprzez naciśnięcie prawego przycisku myszy. Możliwe wartości: pmNone - przewijanie wyłączone, pmHori/ontal, pm Vertical lub pmBoth - odpowiednio przewijanie dozwolone tylko w poziomie, tylko w pionie lub w obu kierunkach.

AhowZoom - umożliwia użytkownikowi zmianę powiększenia obrazu w czasie wykonywania poprzez wycinanie fragmentów wykresu lub wykresu kursorem myszy. Jeśli ramka fragmentu jest rysowana w prawo iw dół, to ten fragment jest rozciągany na całe pole wykresu. A jeśli ramka zostanie narysowana w lewo, wówczas przywrócona zostanie oryginalna skala.

Tytuł — określa tytuł wykresu.

Stopka - określa podpis pod wykresem. Brak domyślnie. Tekst etykiety jest definiowany przez właściwość podrzędną Tekst.

Ramka – definiuje ramkę wokół wykresu.

Obok wielu wymienionych właściwości w Inspektorze obiektów znajdują się przyciski z wielokropkiem, które umożliwiają wywołanie jednej lub drugiej strony Edytora wykresów - wielostronicowego okna, które pozwala ustawić wszystkie właściwości wykresów. Wywołanie Edytora diagramów jest również możliwe poprzez dwukrotne kliknięcie na komponencie wykres lub klikając go prawym przyciskiem myszy i wybierając polecenie Edytuj wykres z wyskakującego menu.

Kliknij dwukrotnie górny komponent Wykres. Zostaniesz przeniesiony do okna Edytora wykresów na stronę Wykres, która ma kilka zakładek. Przede wszystkim zainteresuje Cię zakładka Seria na nim. Kliknij przycisk Dodaj - dodaj serię. Zostaniesz przeniesiony do okna, w którym możesz wybrać typ wykresu lub wykresu. W takim przypadku wybierz Kołowy - wykres kołowy. Korzystając z zakładki Tytuły można ustawić tytuł diagramu, zakładka Legenda pozwala ustawić opcje wyświetlania legendy diagramu (listy symboli) lub całkowicie usunąć ją z ekranu, zakładka Panel określa wygląd panelu na którym wyświetlany jest diagram, zakładka 3D umożliwia zmianę wyglądu diagramu: pochylenie, ścinanie, grubość itp.

Gdy pracujesz z Edytorem wykresów i wybrałeś typ wykresu, komponenty wykres Twój formularz wyświetla swój wygląd z wprowadzonymi do niego danymi warunkowymi. Dlatego możesz od razu obserwować wynik zastosowania różnych opcji do swojej aplikacji, co jest bardzo wygodne.

Strona Seria, która również ma kilka zakładek, umożliwia dokonanie wyboru dodatkowe cechy wyświetlacz serii. W szczególności dla wykresu kołowego na zakładce Format przydatne jest włączenie opcji Kołowy w kółku, która zapewni wyświetlenie wykresu jako koła przy dowolnej wielkości komponentu Wykres. Na zakładce Oznaczenia przyciski grupy Styl określają, co zostanie zapisane na etykietach powiązanych z poszczególnymi segmentami wykresu: Wartość – wartość, Procent – ​​procenty, Etykieta – nazwy danych itp.

Jeśli chcesz, możesz dodać kolejną identyczną serię do tego komponentu Wykresu, klikając przycisk Klonuj na karcie Serie na stronie Wykresu, a następnie w tym celu Nowa seria kliknij przycisk Zmień i wybierz inny typ wykresu, na przykład słupkowy.

Wyjdź z Edytora wykresów, wybierz niższy komponent Wykres w swojej aplikacji i powtórz dla niego ustawienia właściwości za pomocą Edytora wykresów. W takim przypadku musisz określić dwie serie, jeśli chcesz wyświetlić dwie krzywe na wykresie, i wybrać typ wykresu liniowego. Ponieważ mówimy o wykresach, możesz użyć zakładek Oś i Ściany, aby ustawić charakterystykę współrzędnych osi i trójwymiarowych ścian wykresu.

Na tym projekcie wygląd aplikacja się kończy. Pozostaje napisać kod określający dane, które chcesz wyświetlić. W przypadku aplikacji testowej zdefiniujmy po prostu pewne stałe dane na wykresie kołowym i niektóre funkcje na wykresach.

Aby ustawić wyświetlane wartości, użyj metod Series. Skupmy się na trzech głównych metodach.

metoda Jasne czyści serię z wcześniej wprowadzonych danych.

metoda Dodać:

Add(Const AValue:Double; Const ALebel:String; AColor:TColor) ,

umożliwia dodanie nowego punktu do wykresu. Parametr Wartość odpowiada wartości dodanej, parametrowi Etykieta- etykietę, która będzie wyświetlana na wykresie oraz w legendzie, Kolor- Kolor. Parametr Etykieta- opcjonalnie, może być puste: ‘’. metoda DodajXY:

AddXY(Const AXValue, AYValue: Double; Const ALebel: String; AColor: TColor)

umożliwia dodanie nowego punktu do wykresu funkcji. Opcje Wartość AX oraz Wartość AY dopasować argument i funkcję. Opcje ALetykieta i AKolor tak samo jak w metodzie Dodać.

Zatem procedura ładowania danych w naszym przykładzie może wyglądać następująco:

stałaAl=155; A2=251; A3=203; A4=404; var i:słowo; zaczynać

Zacznij od Seriesl

Add(Al,"Sklep l",clŻółty);

Add(A2,"Projekt 2",clBlue);

Add(A3,"Piętro 3",clRed);

Add(A4,"Projekt 4",clPurple); kończyć się;

Seria 2. Wyczyść; Seria S. Wyczyść; dla i:=0 do 100 zaczynają się

Seria2.AddXY(0,02*Pi*i;sin(0,02*Pi*i)

SeriaS.AddXY(0,02*Pi*i,cos(0,02*Pi*i) koniec;

ClRed); ,clBlue);

Operatorzy Jasne są potrzebne, jeśli zamierzasz aktualizować dane w trakcie działania aplikacji.

To kończy nasze wprowadzenie do komponentu. Wykres. To prawda, rozważaliśmy tylko niewielką część jego możliwości.

Visual Component Library (VCL) Delphi udostępnia nam następujące komponenty wizualne do wyświetlania informacji graficznych: Image (obraz), PaintBox (okno rysunku), DrawGrid (tabela obrazów), Chart (diagramy i wykresy), Animate (wyjściowe klipy wideo) , jak również Formularz. Te komponenty mają właściwość Canvas (opisaną powyżej), która daje dostęp do każdego piksela. Oczywiście nie trzeba rysować piksel po pikselu, aby pracować z grafiką w Delphi, zapewnia system Delphi potężne narzędzia praca grafika.

Przyjrzyjmy się bliżej powyższym komponentom:

Składnik obrazu (obraz)

Jest to obiekt klasy TImage. Służy do wyświetlania obrazów odczytanych z plików graficznych. Domyślnie wyświetla na powierzchni formularza obrazy prezentowane w formacie *.bmp. Aby wyświetlać obrazy w formacie jpg, musisz dołączyć moduł JPEG do dyrektywy use. Znajduje się w zakładce Dodatkowe w Palecie Komponentów.

Po umieszczeniu komponentu Image na formularzu przybiera on postać wybranego prostokątnego obszaru.

Rysunek 9 — Komponent obrazu w formularzu

Aby otworzyć okno dialogowe wyboru żądanego obrazu, wykonaj następujące czynności za pomocą Inspektora obiektów. Aby to zrobić, znajdź właściwość Picture i kliknij trzy kropki po jej lewej stronie. Otworzy się okno Picture Editor i wybierz w nim Załaduj, w oknie, które zostanie otwarte, wybierz plik obrazu.

Można to również zrobić programowo, wywołując metodę LoadFromFile właściwości Picture:

Image1.Picture.LoadFromFile("nazwa_zdjęcia.jpeg");

gdzie nazwa_zdjęcia.jpeg to nazwa pliku.

Tabela 8 — Główne właściwości komponentu Image

Nieruchomość

Opis

Obraz wyświetlany w polu komponentu

Wymiary komponentów. Jeśli te wymiary są mniejsze niż rozmiar ilustracji, a właściwości Strech, AutoSize i Proportional są ustawione na False, to wyświetlana jest część obrazu

Umożliwia automatyczne skalowanie obrazów bez zniekształceń. Aby wykonać skalowanie, wartość właściwości AutoSize musi być ustawiona na False

Umożliwia automatyczne skalowanie (kompresowanie lub rozciąganie) obrazu zgodnie z rozmiarem komponentu Obraz. Jeśli rozmiar komponentu nie jest proporcjonalny do rozmiaru obrazu, obraz będzie zniekształcony.

Umożliwia automatyczną zmianę rozmiaru komponentu w celu dopasowania do rozmiaru obrazu

Pozwala określić położenie obrazu w polu komponentu Obraz w poziomie, jeśli szerokość obrazu jest mniejsza niż szerokość komponentu.

Powierzchnia do wyświetlania grafiki

Określa przezroczysty kolor tła obrazu

Przykład 1: Napisz przeglądarkę obrazów przy użyciu komponentu Image. Program musi posiadać następujące cechy:

  • przeglądać obrazy w folderze;
  • Zobacz obraz w pełnym rozmiarze lub w formacie najbardziej odpowiednim dla rozmiaru okna;
  • · zarządzać plikami obrazów, a także drukować, zapisywać, usuwać i modyfikować obrazy;
  • w razie potrzeby otwórz obraz w programie do edycji;

Rysunek 10 - Okno programu przed jego uruchomieniem

Tworzenie projektu:

  • 1. Utwórz folder dla plików programu i uruchom zintegrowane środowisko programistyczne Delphi.
  • 2. Dodaj komponenty do formularza:

Najpierw umieścimy na formularzu komponent Image, główny komponent, z którym będziemy musieli pracować. Oprócz tego potrzebujemy następujących elementów:

  • · ScrollBox Jest to konieczne, gdy w trybie pełnowymiarowym obraz wychodzi poza obraz. Do jego właściwości Aling przypisujemy wartość alClient tak, aby jego wymiary zmieniały się proporcjonalnie do rozmiaru okna. I umieszczamy na nim komponent Image;
  • · Dodamy również komponenty dialogowe SavePictureDialog i OpenPictureDialog do zapisywania i otwierania obrazów. Pierwszego potrzebujemy do skopiowania obrazka do wybranego katalogu, drugiego do wywołania otwartego okna dialogowego plik graficzny. Znajdują się one na stronie Okna dialogowe Palety komponentów. Z tej strony potrzebujemy również komponentu PrintDialog, który musimy wywołać okno dialogowe wyboru drukarki do drukowania.
  • Dodajmy MainMenu, aby dodać menu główne do programu i XPManifest, aby uzyskać bardziej kolorowy wygląd
  • · Potrzebujemy również miejsca do przechowywania nazw obrazów, które znajdują się w katalogu roboczym. Do tych celów wygodny jest komponent ListBox, który można ukryć podczas przetwarzania zdarzenia Create formularza Form1.
  • Aby pomieścić przyciski nawigacyjne i wygodna obsługa wraz z nimi dodamy panel Veil, na którym umieścimy te przyciski (Poprzedni obraz, Następny obraz, Prawdziwy rozmiar, Dopasuj do rozmiaru, Usuń, Kopiuj do, Drukuj, Edytuj). SpeedButton jest dla nich wybierany jako komponent.
  • · Dodaj timer, aby złapać naciśnięcie klawiszy "Lewo" (poprzedni obraz), "Prawo" (następny obraz) i klawisz "Del" (usuń obraz).
  • · I jeszcze jeden komponent - ProgressBar, który wyświetla proces ładowania dużych plików *.Jpg.
  • 3. Napisz kod obsługujący zdarzenie kliknięcia przycisku (Poprzedni obraz, Następny obraz, Prawdziwy rozmiar, Dopasuj do rozmiaru, Usuń, Kopiuj do, Drukuj, Edytuj). Napisz kod obsługujący zdarzenie kliknięcia pozycji menu MainMenu (Exit, Open, Close, Create).
  • 4. Zapytaj ustawienia początkowe tworzenie formularza. Kliknij dwukrotnie wolna przestrzeń formularze i pisać kod procedura procedura TForm1.FormCreate(Sender:TObject), patrz kod modułu w dodatku 1.
  • 5. Napisz procedury o następującej postaci:

procedura FindFileInFolder(ścieżka, ext: string);

Ta procedura skanuje folder ścieżki w poszukiwaniu plików z maską ext.

Pełna lista kodów modułu programu znajduje się w Dodatku 1 (Lista programów 3).

  • 1. Wypisz możliwości komponentu Image.
  • 2. Który obiekt klasy jest komponentem Image?
  • 3. 3. Jaki typ plików domyślnie obsługuje komponent Image?
  • 4. 4. Wymień główne właściwości komponentu Image.
  • 5. 5. Jaka właściwość przechowuje obraz komponentu Image?

„Wyświetlanie informacji graficznych w Delphi”
Plan tematyczny:
1. Metody tworzenia grafiki
informacje w Delphi.
2. Wyświetlanie obrazków.
3. Wyświetlacz geometryczny
figurki.

1. Metody wyświetlania informacji graficznych.
W Delphi istnieje kilka sposobów
wyjście informacji graficznych:
Zawarcie wcześniej przygotowanego
obrazy (komponenty obrazu,
kształt);
Budowa grafów i wykresów
(Komponent wykresu itp.);
Obrazowanie
programowo(obiekt
Płótno).

2. Wyświetlanie obrazków.
Wyświetlanie zdjęć za pomocą
komponent obrazu, o którym mówiliśmy w
jeden z poprzednich wątków
Tutaj przyjrzymy się przykładowi
wykonanie najprostszej animacji
poprzez okresowe zmiany
wyświetlany obraz w
Komponenty obrazu.
Przejdź do przykładu.


Pokaz pierwotniaków
figury geometryczne Na formularzu
udostępnia komponent Shape.

3. Wyświetlanie kształtów geometrycznych.
Główne właściwości komponentu Shape:
Szczotka
Długopis
kształt
Kolor (.Color) i styl (.Style) dla
wypełniając kształt.
Kolor (.Color), Styl (.Style), Szerokość
(.Width) i metoda wyjścia (.Mode) linii
figurki.
Rodzaj figury geometrycznej.

3. Wyświetlanie kształtów geometrycznych.
Z wielu komponentów kształtu
Możesz tworzyć proste rysunki.
Programowa zmiana pozycji
(.Lewy, .Top) rozmiar (.Szerokość, .Wysokość) i
kolor (Brush.Color) składników kształtu
na rysunku możesz
proste elementy animacji.
Rozważ przykład.

4. Budowa grafów i diagramów.
Wykresy są dla
bardziej wizualna prezentacja
tablice danych liczbowych, ich
wizualizacja i analiza.
Przykład.
Do tworzenia wykresów w Delphi
jest kilka elementów
jednym z nich jest komponent Chart (sekcja
TeeChartStd.

4. Budowa grafów i diagramów.
Widok komponentu Chart po nim
ustawienia w formularzu:

4. Budowa grafów i diagramów.
Oprócz Inspektora obiektów dostęp do
właściwości komponentu Chart, możesz
uzyskać, otwierając specjalne okno
dialog ( prawy przycisk na \ komponencie
Edytuj wykres...)
Dodać
serie danych
Zmień typ
diagramy

4. Budowa grafów i diagramów.
Wybór typu wykresu:

4. Budowa grafów i diagramów.
Ustawianie właściwości dla osi współrzędnych
(Oś):

4. Budowa grafów i diagramów.
Dane do wyświetlenia to zwykle
są przenoszone do Chart programowo,
przykład:
Seria 1. Wyczyść; (wyraźna seria)
dla i:=1 do N zrobić
Seria1.addxy(i, A[i], '', clGreen);
Wartość wg
oś X
Wartość wg
oś Y
Podpis
oś X
Kolor danych
na schemacie
Rozważ przykład budynku
wykres funkcji y = Sin(x)

Dalej:
Praca laboratoryjna nr 13.1.
„Wyświetlanie obrazów i geometrycznych
figury, ich animacja.
Ćwiczenie:
1) Opracowanie aplikacji do wdrożenia
najprostsza animacja według okresowego
zmienić wyświetlany obraz
Komponenty obrazu. (Liczba zdjęć nie jest
mniej niż trzy, podnieś zdjęcia
na własną rękę).

Ćwiczenie:
2) Wymyśl i narysuj obrazek
Elementy kształtu. Programowo
zmiana pozycji, rozmiaru lub koloru
Elementy kształtu na rysunku
wdrożyć elementy najprostsze
animacje.

Dalej:
Praca laboratoryjna nr 13.2.
„Budowanie wykresów i diagramów”.
Ćwiczenie:
1) Zmodyfikuj aplikację z
Praca laboratoryjna Nr 9 (Wyświetl
dane w tabeli). Dodaj okazję
wyświetlanie niektórych danych z tabeli
na wykresie słupkowym lub kołowym.
2) Skonstruować wykres danej funkcji.

„Wyświetlanie informacji graficznych w Delphi” Plan tematyczny: 1.С С pppp oooo ssss oooo bbbb yyyy v v vyyyy vvv oooo dddd aaaa yy grrrr aaaa ffff iiiii hhhh eeee ssss kkkk oooo yyy yiii nnnn ffff ooooh rrrrhhh mm dddd eeeee llll ippp h tttt ooooh bbbb rrrr a yeeee oooo mmmm eeee tttt rrrr iii ddaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa


1. Metody wyświetlania informacji graficznych. Istnieje kilka sposobów wyświetlania informacji graficznych w Delphi: Wyjście wstępnie przygotowanych obrazów (komponenty Image, Shape); P Konstrukcja grafów i wykresów (wykres składowy itp.); F Tworzenie obrazów programowo (obiekt Canvas).


2.Wyświetl 2.Wyświetl zdjęcia. Zbadaliśmy wyświetlanie obrazów za pomocą komponentu Image w okresowej zmianie wyświetlanego obrazu w komponentach Image. PPPP EDURRRREEEE YYYE TTTT IIII NNAAAAA P P PRRR III MMMMEEEEE RRRR ...






3. Wyświetlacz 3. Wyświetlacz kształtów geometrycznych. Możesz tworzyć proste rysunki z kilku komponentów Shape. P Programowo zmieniając położenie (.Left,.Top), rozmiar (.Width,.Height) i kolor (Brush.Color) składowych Shape na rysunku, można zaimplementować elementy najprostszej animacji. R R R R aaaa sssssssssss mmmm oooo tttt rrrr eee tttt b pp pp rrrr iiiiiii mmmm eee rrrr...


4. Konstrukcja 4. Konstrukcja grafów i wykresów. Diagramy są przeznaczone do bardziej wizualnej reprezentacji tablic danych liczbowych, ich wizualnej prezentacji i analizy. RRRR iiiiii mmmm eeee rrrr.... Istnieje kilka komponentów do kreślenia wykresów w Delphi, jednym z nich jest komponent Chart (sekcja TeeChart Std).










Wykresy i diagramy. Dane do wyświetlenia są zwykle przekazywane do wykresu programowo, na przykład: Series1.Clear; (szereg czysty) dla i:=1 do N do Series1.addxy(i, A[i], clGreen); Wartość na osi X Wartość na osi Y Etykieta na osi X Kolor danych na wykresie rrrr rrrraaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaczyli czyli jest rrrrrrrrrrrrrr y y y y y y y y y y = = = = S S S iiii nnnn ((((xxxx)))))


Dalej: Praca laboratoryjna „””” OOOO tttt oooo bbbb rrrraaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa! opracować aplikację do wykonywania prostych animacji poprzez okresową zmianę wyświetlanego obrazu w komponentach obrazu. (Liczba zdjęć to co najmniej trzy, sam wybierz zdjęcia).




Dalej: Praca laboratoryjna """" PPPP oooo ssss tttt rrrr oooo eeee nnnn iiiiiii eeeee yy y gr rrrr aaaa ffff iii kkkk oooo vvvv i i dd dd iii AAAA yyyy rrrr aaaa mmmm mmmm """"...Zadanie: 1) Zmodyfikuj aplikację z laboratorium 9 (Wyświetlanie danych w tabeli). Dodaj możliwość wyświetlania niektórych danych z tabeli na wykresie słupkowym lub kołowym. 2) Skonstruować wykres danej funkcji.

Opis prezentacji na poszczególnych slajdach:

1 slajd

Opis slajdu:

2 slajdy

Opis slajdu:

środek wizualny Programowanie w Delphi, podobnie jak Windows, obsługuje GUI użytkownika (GDI - graficzny interfejs Delphi). Istnieją dwa sposoby wyświetlania informacji graficznych w Delphi: wyjście z wcześniej przygotowanych obrazów; rysunek z programu.

3 slajdy

Opis slajdu:

Pierwsza metoda opiera się na wykorzystaniu komponentów Image i Shape. Możesz skorzystać z gotowego obrazka (piktogramu) lub stworzyć go samodzielnie za pomocą Edytora obrazków. Drugim sposobem jest programowe generowanie obrazów przy użyciu obiektu Canvas.

4 slajdy

Opis slajdu:

Delphi ma do swojej dyspozycji specjalny obiekt, który jest sformatowany jako właściwość Canvas. Jest dostępny tylko podczas działania aplikacji, więc można nim sterować tylko z poziomu programu poprzez napisanie niezbędnego kodu w języku Object Pascal. Jeśli obiekt ma właściwość Płótno, możesz rysować na jego powierzchni. Najbardziej odpowiednimi kandydatami do tej roli są sam formularz i specjalny komponent PaintBox.

5 slajdów

Opis slajdu:

Właściwości obiektu płótna: Pióro (pióro) - właściwość służąca do rysowania linii i obramowań kształtów geometrycznych. Pióro podąża za poleceniami kursora graficznego iz kolei ma swoje własne zagnieżdżone właściwości: Kolor - określa kolor linii (domyślnie czarny); Tryb - styl rysowania (ma wiele wartości, które nie są tutaj podane); Style – styl linii, który może przyjmować następujące wartości: psSolid – bryła (domyślnie); psDosh - linia przerywana; psDot - linia przerywana; psDoshDot - kreska z kropką (i inne właściwości); Widh - grubość linii (domyślnie 1 piksel);

6 slajdów

Opis slajdu:

Pędzel (Pędzel) – właściwość służąca do wypełniania kształtów, które posiadają zagnieżdżone właściwości: Kolor – kolor pędzla (domyślnie – biały); Styl - ornament pędzla, który może przyjmować następujące wartości: bsClear - jednolity kolor; bsHorizontal - linie poziome; bsVertical - linie pionowe; bsFDiagonal - lewe ukośne linie; bsBDiagonal - prawe ukośne linie; bsKrzyż - komórka; bsDiagCross - ukośna komórka;

7 slajdów

Opis slajdu:

Czcionka (Font) - właściwość do wyświetlania tekstu, która ma następujące zagnieżdżone właściwości: Kolor - kolor znaków; Wysokość - wysokość czcionki w pikselach; Nazwa – nazwa czcionki; Rozmiar - rozmiar czcionki; Style - styl czcionki, który może przyjmować następujące wartości: fsBold - pogrubienie; fsItalic - kursywa fsPodkreślenie - podkreślone fsStrikeOut - przekreślony;

8 slajdów

Opis slajdu:

PenPos (Pen position) - właściwość służąca do przechowywania aktualnej pozycji rysowania (określa położenie pisaka w obszarze rysowania w danym momencie); Piksele - właściwość tablicy służąca do zapisywania i odczytywania współrzędnych poszczególnych punktów obszaru rysowania („canvas”).

9 slajdów

Opis slajdu:

Metody obiektu Canvas MoveTo(x,y: integer) – przesuwa pisak z aktualnej pozycji do punktu o podanych współrzędnych x,y bez rysowania linii; LineTo(х.у: integer) - przesuwa pisak z aktualnej pozycji do punktu o podanych współrzędnych x, y, rysując linię; Arc(x1, y1, x2, y2, x3, y3, x4, y4: integer) - rysuje łuk elipsy wpisanej w prostokąt o współrzędnych (x1, y1) i (x2, y2). Łuk jest określony przez promienie elipsy przechodzącej przez punkty (x3, y3) i (x4, y4);

10 slajdów

Opis slajdu:

Chord(x1, y1, x2, y2, x3, y3, x4, y4: integer) – rysuje akord elipsy w sposób opisany dla metody Arc; Ellipse(x1, y1, x2, y2: integer) - rysuje elipsę wpisaną w prostokąt, którego lewy górny róg znajduje się w punkcie (x1, y1), a prawy dolny róg znajduje się w punkcie (x2, y2); FillRect (Rect (x1, y1, x2, y2: integer)) - wypełnia prostokąt kolorem określonym w bieżącym pędzlu (Brush). Używa funkcji Rect, która reprezentuje prostokąt o podanych współrzędnych;

11 slajdów

Opis slajdu:

FloodFill(x,y: integer; Color: TColor; FillStyle: TFillStyle) - wypełnienie bieżącym kolorem określonym we właściwości Brush: with FillStyle=fsBorder - zamknięty obszar od punktu o współrzędnych x, y do granicy, określony kolor kolor; z FillStyle=fsSurface – ten obszar powierzchni, który ma kolor Kolor; Pie(x1, y1, x2, y2, x3, y3, x4, y4: integer) - rysuje wycinek elipsy wpisanego w prostokąt o współrzędnych (x1, y1) i (x2, y2). Sektor jest zdefiniowany przez dwa promienie elipsy przechodzące przez punkty (x3, y3) i (x4, y4);

12 slajdów

Opis slajdu:

Polilinia (Points: array of TPoint) – rysuje polilinię poprzez sekwencyjne łączenie punktów tablicy Points; Wielokąt (Points: array of TPoint) - rysuje wielokąty poprzez sekwencyjne łączenie punktów tablicy Points. Różni się ona od metody Polilinia tym, że automatycznie łączy koniec polilinii z jej początkiem; Prostokąt (x1, y1, x2, y2: liczba całkowita) — rysuje prostokąt, którego lewy górny róg znajduje się w punkcie (x1, y1), a prawy dolny róg znajduje się w punkcie (x2, y2);

13 slajdów

Opis slajdu:

Retresh – metoda jest wywoływana, gdy obraz wymaga przerysowania; RoundRect (x1, y1, x2, y2, x3, y3: liczba całkowita) — Rysuje prostokąt z zaokrąglonymi rogami. Narożniki są narysowane jako ćwiartki elipsy o szerokości x3 i wysokości y3; TextOut (x, y:integer, Text:String) - wypisuje tekst określony w parametrze Text. Tekst mieści się w prostokącie, którego lewy górny róg ma współrzędne x, y.