16 164
edycje
Nie podano opisu zmian |
Nie podano opisu zmian |
||
Linia 1248: | Linia 1248: | ||
* <code>GraphicsWindow.CanResize = "False"</code> - użytkownik nie może zmieniać rozmiaru | * <code>GraphicsWindow.CanResize = "False"</code> - użytkownik nie może zmieniać rozmiaru | ||
* <code>GraphicsWindow.CanResize = "True"</code> - użytkownik może zmieniać rozmiar | * <code>GraphicsWindow.CanResize = "True"</code> - użytkownik może zmieniać rozmiar | ||
=== Obsługiwane kolory na przykładzie koloru tła === | === Obsługiwane kolory na przykładzie koloru tła === | ||
Linia 1379: | Linia 1378: | ||
http://i.imgur.com/RpoT1Uw.png | http://i.imgur.com/RpoT1Uw.png | ||
=== Szybkie rysowanie wielu linii poziomych === | |||
Pętle możemy wykorzystać do szybkiego narysowania wielu linii, jeśli chcemy je zrobić wedle określonego schematu. | |||
Poniższy kod rysuje linie poziome od góry do dołu. | |||
<code> | |||
<poem> | |||
GraphicsWindow.Width = 200 | |||
GraphicsWindow.Height = 200 | |||
GraphicsWindow.BackgroundColor = "#00C8FF" | |||
GraphicsWindow.PenWidth = 6 | |||
For y = 10 To 190 Step 10 | |||
GraphicsWindow.PenColor = "#7700FF" | |||
GraphicsWindow.DrawLine(5,y,195,y) | |||
EndFor | |||
</poem> | |||
</code> | |||
http://i.imgur.com/ebqLodn.png | |||
Program zaczyna od narysowania linii, której współrzędna Y będzie wynosiła 10. Gdy to zrobi, znowu rysuje linię, ale tym razem o 10 Y niżej niż wcześniej (czyli 20). I tak aż dojdzie do Y = 190. | |||
=== Szybkie rysowanie wielu linii pionowych === | |||
Analogicznie postępujemy, gdy chcemy narysować wiele linii pionowych. | |||
<code> | |||
<poem> | |||
GraphicsWindow.Width = 200 | |||
GraphicsWindow.Height = 200 | |||
GraphicsWindow.BackgroundColor = "#00C8FF" | |||
GraphicsWindow.PenWidth = 3 | |||
For x = 10 To 190 Step 10 | |||
GraphicsWindow.PenColor = "#7700FF" | |||
GraphicsWindow.DrawLine(x,5,x,195) | |||
EndFor | |||
</poem> | |||
</code> | |||
http://i.imgur.com/CzkFX5z.png | |||
=== Rysowanie w oparciu o rozmiar okna === | |||
Czasami wygodnie jest ustawić współrzędne w oparciu o właściwości podające szerokość i wysokość okna. | |||
<code> | |||
<poem> | |||
GraphicsWindow.Width = 269 | |||
GraphicsWindow.Height = 269 | |||
GraphicsWindow.BackgroundColor = "#00C8FF" | |||
GraphicsWindow.PenWidth = 3 | |||
GraphicsWindow.PenColor = "#7700FF" | |||
GraphicsWindow.DrawLine(5,100,GraphicsWindow.Width-5,100) | |||
</poem> | |||
</code> | |||
http://i.imgur.com/0SDQf6n.png | |||
Zwróćmy uwagę na <code>GraphicsWindow.DrawLine(5,100,''GraphicsWindow.Width-5'',100)</code>. Jako współrzędną X2 ustawiliśmy <code>''szerokość okna - 5''</code>, co przy szerokości 2[[69]] daje 264. | |||
A tak wygląda przy innych rozmiarach okna: | |||
* 169,169 | |||
http://i.imgur.com/O52ymPF.png | |||
* 269,169 | |||
http://i.imgur.com/mMW7Ak8.png | |||
=== PRZYKŁAD: Dzielenie okna na 4 równe części === | |||
Mamy za zadanie podzielić okno graficzne na 4 równe części za pomocą linii. W dodatku osoba sprawdzająca będzie mogła ustawić dowolny rozmiar okna. | |||
Musimy w takim układzie utworzyć dwie linie, z czego jedna będzie pozioma, druga pionowa i będą się przecinać w środku okna. | |||
Linia pozioma musi być na wysokości połowy okna (wysokość okna / 2), a linia pionowa w połowie szerokości okna (szerokość okna / 2). | |||
Linia pozioma musi być długości równej szerokości okna, zaś pionowa równa jego wysokości. | |||
<code> | |||
<poem> | |||
GraphicsWindow.Width = 269 | |||
GraphicsWindow.Height = 269 | |||
GraphicsWindow.BackgroundColor = "#00C8FF" | |||
GraphicsWindow.PenWidth = 5 | |||
'Linia pozioma | |||
GraphicsWindow.PenColor = "#7700FF" | |||
GraphicsWindow.DrawLine(0,GraphicsWindow.Height/2,GraphicsWindow.Width,GraphicsWindow.Height/2) | |||
'Linia pionowa | |||
GraphicsWindow.PenColor = "#FF0026" | |||
GraphicsWindow.DrawLine(GraphicsWindow.Width/2,0,GraphicsWindow.Width/2,GraphicsWindow.Height) | |||
</poem> | |||
</code> | |||
* 269,269 | |||
http://i.imgur.com/UzRYbyl.png | |||
* 269,169 | |||
http://i.imgur.com/3Wh0iSG.png |