diff --git a/docs/animationwindow/drawing.md b/docs/animationwindow/drawing.md index c645dd1febf9223c4d2fce50ae080781c241b2ef..5eba0c0fb69ee848757a7545b4b4584c4394ff6e 100644 --- a/docs/animationwindow/drawing.md +++ b/docs/animationwindow/drawing.md @@ -148,6 +148,16 @@ Som alle andre former kan fargen endres: window.draw_rectangle(topLeftCorner, width, height, fillColor); ``` +Og kantfargen kan også endres som i sirkler: + +```c++ + Point topLeftCorner {50, 50}; + int width = 150; + int height = 100; + Color fillColor = Color::light_sea_green; + Color edgeColor = Color::lime; + window.draw_rectangle(topLeftCorner, width, height, fillColor, lime); +``` <img src="../../images/rectangle_2.png" alt="Bilde som viser et JPG fil i arbeidsområdet i Visual Studio Code" style="max-width:450px; width:100%;"/> ### Quad diff --git a/docs/animationwindow/gui.md b/docs/animationwindow/gui.md index ccc7c7ded13db8f354625e1a1c3918a69ac81a31..ae3703f36e5e26f89f4902352d1d2fe45b31bdb3 100644 --- a/docs/animationwindow/gui.md +++ b/docs/animationwindow/gui.md @@ -156,6 +156,7 @@ int main() AnimationWindow window; window.add(button); button.setCallback(buttonClicked); + button.setButtonColor(Color::silver); window.wait_for_close(); return 0; } @@ -171,7 +172,18 @@ Button(TDT4102::Point location, unsigned int width, unsigned int height, std::st Her definerer `TDT4102::Point location` hvor knappen skal plasseres på skjermen, `width` og `height` størrelsen, og `label` teksten som skal vises på knappen. Vi bruker `add()` og `setCallback()` funksjonene å sørge for at knappen blir synlig i vinduet, og at det skjer noe når vi klikker på den. -Callback funksjonen blir kallet hver gang brukeren klikker på knappen. +Callback funksjonen blir kalt hver gang brukeren klikker på knappen. + +Buttonklassen har diverse funksjoner for å endre på utseende. +```c++ +void setLabel(std::string newLabel); +void setLabelColor(Color newColor); +void setButtonColor(Color newColor); +void setButtonColorHover(Color newColor); +void setButtonColorActive(Color newColor); +``` + +Du kan endre tekst og tekstfarge med `setLabel` og `setLabelColor`. Du kan endre fargen for knappen med `setButtonColor`, fargen når du har musen over med `setButtonColorHover` og fargen på knappen når den er trykket ned med `setButtonColorActive`. ### Tekst felt diff --git a/docs/animationwindow/index.md b/docs/animationwindow/index.md index 6ed6b3383a8828c17b668a79b0c5f35b561e6ce9..e676e80b5c9e9a4c3e7cbbba61e0f6ff032d3e74 100644 --- a/docs/animationwindow/index.md +++ b/docs/animationwindow/index.md @@ -38,6 +38,10 @@ I dette programmet er det to linjer som er relevant: Den første linjen oppretter vinduet ved å deklarere en variabel med datatype «AnimationWindow». For å forstå meningen med den andre linjen, prøv å fjerne den og kjøre programmet. Noen gang så skjer det ingenting, mens andre ganger vises et vindu i en kort periode. Dette skjer fordi programmet fortsetter å kjøre etter vi oppretter `window` variabelen, og siden den har nå kommet til slutten av `main()` funksjonen, avsluttes programmet som lukker vinduet automatisk. Vi må derfor sørge for at programmet venter fram til brukeren lukker vinduet, som vi kan gjøre ved å bruke `wait_for_close()` funksjonen. + +## Lukke et vindu +Du kan lukke vinduet ved å kalle medlemsfunksjonen `close()`. Dette kan for eksempel brukes i en callback funksjon til en quit knapp. + ## Endre vinduets standardverdier AnimationWindow har forskjellige parametere som lar deg endre hvor på skjermen vinduet dukker opp, størrelsen, og tittelen som vises øverst på vinduet. @@ -116,4 +120,7 @@ int main() Når du kjører eksempelet ser du at teksten øverst i vinduet har endret: -<img src="../images/window_title.png" alt="Bilde av et tom vindu med endret tittel" style="max-width:600px; width:100%;"/> \ No newline at end of file +<img src="../images/window_title.png" alt="Bilde av et tom vindu med endret tittel" style="max-width:600px; width:100%;"/> + + +