Här finns ett förslag på hur upplägget i laborationen kan se ut (kommer tillbaka efter LE2).

Skapa lämpliga klasser för att få upp ett fönster med titeln "Välkommen till Ritprogrammet!". I detta fönster skall man kunna rita ut svarta (ifyllda) cirklar genom att klicka med musen. Det rekommenderas starkt att man separerar ritytan från modellen (d.v.s. den klass som håller reda på cirklarna). Vi vill alltså skilja på datalagring och funktionaitet. Ritytan ska själv få bestämma hur den skall ritas ut, men kommer då behöva hämta data från modellen. Det skall även finnas en panel längst ner i fönstret med knapparna för "rensa" och "ångra". När "rensa"-knappen trycks på skall allt i ritytan försvinna, och när "ångra"-knappen trycks på skall den senast utritade cirkeln/formen försvinna. I synnerhet "ångra" ställer krav på hur vi representerar data i modellen. Diskutera gärna era tankar kring detta med din assistent innan ni kommer allt för långt med själva programmeringen.

Du får själv välja storleken på fönstret och storleken på cirklarna.

Krav

Observera att "Modell-klassen" är ett absolut krav. Vi vill sköta datalagringen separat från funktionaliteten som ritytan har.

• Du skall använda dig av JavaFX-klasserna VBox, Canvas och Button.
• Du får inte använda dig av JavaFX-klasserna Rectangle, Polygon eller Circle, utan du skall skapa en egen klass för att representera cirklarna. Det är cirkelklassen som skall bestämma hur den själv ritas ut (du får dock givetvis använda vilka metoder du vill i ditt GraphicsContext-objekt).
• Ritytan, modellen (d.v.s. det data som "bilden" består) och panelen med knappen skall vara tre separata klasser.
• Cirklarna skall dyka upp "mitt under" muspekaren då man klickar.

Du skall nu lägga till en panel på ena sidan om ritytan där användaren kan välja färg på cirklarna (genom att klicka på den färg som önskas). Det kan vara lämpligt att ha två klasser för detta, en för själva sidopanelen och en för färgväljarkomponenten inuti.

Krav

• Du skall ha minst 8 färger.
• Det skall vara tydligt vilken färg som för nuvarande är vald.
• Om man senare vill lägga till färger till programmet så skall man endast behöva modifiera denna (eller dessa) klasser.

TIPS: Använd inte Buttons till färg-knapparna. Då är det svårt att få det exakt så snyggt som man vill ha. Gör en egengjord komponent istället (se exempel från föreläsning) som håller reda på nuvarande vald färg.

Du skall nu läga till en till komponent där användaren kan välja vilken form som skall ritas ut då man klickar på ritytan. Ett hett tips är att nu skapa en klasshirarki av formerna. Skapa en abstrakt superklass för formerna och låt de övriga formerna ärva och överskugga lämpliga metoder.

Krav:

• Formväljarkomponenten skall representeras med en egen klass.
• Du skall åtminstone ha formerna cirkel, kvadrat och triangel, men får ha fler om du vill. Observera att du, likt Cirkeln, inte får använde JavaFX-klasserna Rectangle, Circle, Polygon, osv. till att representera dina former utan du måste göra egna klasser. Utritningsfunktionen för de respektive formerna skall ej ta emot färg, x- och y-koordinat, det bör varje form ha lagrat internt.
• Det skall vara tydligt vilken form som för nuvarande är vald.
• Om man senare skulle vilja lägga till en till form till programmet så skall man endast behöva modifiera klassen för formväljarkomponenten.

TIPS: Använd inte Button till form-knapparna. Då är det svårt att få det exakt så snyggt som man vill ha. Gör en egengjord komponent istället (se exempel från föreläsning) som håller reda på nuvarande vald form.

Avslutningsvis skall du lägga till knappar för att spara och öppna filer i ditt program. Obs: du behöver inte spara datat som ett bildformat (t.ex. .png, .jpg m.fl) utan det räcker att spara på ett format som ritprogrammet klarar av att läsa. När en fil öppnas så ersätts eventuellt innehåll på ritytan med det som lästes från filen.

För att kunna spara ner färger behöver de vara serializable. För att lösa det behöver man skapa en wrapper-klass till Color-klassen. Ni kan också använda en färdigskapad gjord av oss. Den hittar ni här.

Krav:

• Du skall använda dig av de inbyggda klasserna ObjectOutputStream och ObjectInputStream för skrivning/läsning till fil.
• Du skall använda dig av den inbyggda klassen FileChooser för att låta användaren välja vilken fil som skall sparas/öppnas.