Przejdź do zawartości

Microsoft Small Basic - poradnik programowania: Różnice pomiędzy wersjami

brak opisu edycji
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