16 164
edycje
Nie podano opisu zmian |
|||
Linia 1243: | Linia 1243: | ||
http://i.imgur.com/CsdUOPM.png | http://i.imgur.com/CsdUOPM.png | ||
=== Blokowanie zmiany rozmiaru === | |||
Jeśli nie chcemy, by użytkownik mógł swobodnie zmieniać rozmiar okna, musimy dostosować właściwość <code>GraphicsWindow.CanResize</code>. Tutaj nie możemy wpisać zupełnie dowolnej wartości. Mamy dwie do wyboru. | |||
* <code>GraphicsWindow.CanResize = "False"</code> - użytkownik nie może zmieniać rozmiaru | |||
* <code>GraphicsWindow.CanResize = "True"</code> - użytkownik może zmieniać rozmiar | |||
Domyślnie ta właściwość jest ustawiona na "true". | |||
=== Obsługiwane kolory na przykładzie koloru tła === | === Obsługiwane kolory na przykładzie koloru tła === | ||
Linia 1274: | Linia 1280: | ||
''Jeżeli znasz inne sposoby, możesz śmiało je dopisać. ;-)'' | ''Jeżeli znasz inne sposoby, możesz śmiało je dopisać. ;-)'' | ||
== Linie i współrzędne == | |||
=== Ustawianie współrzędnych linii === | |||
W oknie graficznym można narysować linie, kształty a nawet całe obrazy. Zacznijmy od tych pierwszych. | |||
<code> | |||
<poem> | |||
GraphicsWindow.Width = 200 | |||
GraphicsWindow.Height = 200 | |||
GraphicsWindow.BackgroundColor = "#00C8FF" | |||
GraphicsWindow.PenColor = "#7700FF" | |||
GraphicsWindow.DrawLine(50,100,150,100) | |||
</poem> | |||
</code> | |||
http://i.imgur.com/Ia5MdIw.png | |||
Za pomocą <code>GraphicsWindow.PenColor</code> ustawiliśmy kolor pisaka. To ma wpływ na kolor linii, które zostaną potem narysowane. | |||
Linię rysujemy za pomocą <code>GraphicsWindow.DrawLine(x1, y1, x2, y2)</code>, gdzie x1 i y1 to współrzędne początku odcinka, zaś x2 i y2 to współrzędne końca odcinka. | |||
Współrzędne określają położenie w oknie graficznym. X to położenie w poziomie, Y to położenie w pionie. Punkt, w którym X i Y wynoszą 0, znajduje się w lewym-górnym rogu okna. Wartość X rośnie wraz z przesuwaniem się w prawo, zaś wartość Y rośnie wraz z przesuwaniem się '''w dół''' (tu jest trochę inaczej niż na lekcjach matematyki). | |||
=== Linie poziome i pionowe === | |||
Linii oczywiście może być więcej. Warto tutaj zwrócić uwagę na pewną zależność. | |||
* Jeśli x1 i x2 są sobie równe, linia będzie pionowa. | |||
* Jeśli y1 i y2 są sobie równe, linia będzie pozioma. | |||
Potwierdzić to możemy poniższym przykładem. | |||
<code> | |||
<poem> | |||
GraphicsWindow.Width = 200 | |||
GraphicsWindow.Height = 200 | |||
GraphicsWindow.BackgroundColor = "#00C8FF" | |||
'Linia pozioma, bo Y obu punktów jest równy. | |||
GraphicsWindow.PenColor = "#7700FF" | |||
GraphicsWindow.DrawLine(50,100,150,100) | |||
'Linia pionowa, bo X obu punktów jest równy. | |||
GraphicsWindow.PenColor = "#FF0026" | |||
GraphicsWindow.DrawLine(100,50,100,150) | |||
</poem> | |||
</code> | |||
http://i.imgur.com/jbQLoFz.png | |||
=== Linie pod różnym kątem === | |||
Linie mogą być oczywiście pod różnym kątem. | |||
<code> | |||
<poem> | |||
GraphicsWindow.Width = 200 | |||
GraphicsWindow.Height = 200 | |||
GraphicsWindow.BackgroundColor = "#00C8FF" | |||
GraphicsWindow.PenColor = "#7700FF" | |||
GraphicsWindow.DrawLine(50,50,150,150) | |||
GraphicsWindow.PenColor = "#FF0026" | |||
GraphicsWindow.DrawLine(50,150,150,50) | |||
</poem> | |||
</code> | |||
http://i.imgur.com/2lDVtvP.png | |||
=== Grubość pisaka === | |||
Grubość pisaka można zmienić za pomocą właściwości <code>GraphicsWindow.PenWidth</code>. | |||
<code> | |||
<poem> | |||
GraphicsWindow.Width = 200 | |||
GraphicsWindow.Height = 200 | |||
GraphicsWindow.BackgroundColor = "#00C8FF" | |||
GraphicsWindow.PenWidth = 6 | |||
GraphicsWindow.PenColor = "#7700FF" | |||
GraphicsWindow.DrawLine(50,50,150,150) | |||
GraphicsWindow.PenWidth = 9 | |||
GraphicsWindow.PenColor = "#FF0026" | |||
GraphicsWindow.DrawLine(50,150,150,50) | |||
</poem> | |||
</code> | |||
http://i.imgur.com/RpoT1Uw.png |