You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 4 Next »

FXML-programmeringsoppgaver

Her er noen oppgaver for å lære å programmere med FXML, som bygger videre på FXML-oppgavene.

Her en liten oppskrift på hvordan GUI-delen av programmet programmeres:

  • Alle delene av skjermbildet som programmet skal kunne forandre på, f.eks. gjøre synlig eller usynlig, endre teksten eller posisjonen til osv. må ha en fx:id. Denne du legge inn med Scene Builder eller FXML-editoren. FXML-en kan f.eks. se slik ut:

    <Text fx:id="statusText" .../>

     I Java-koden må du lage en variabel med samme navn som denne fx:id-en, og typen til variablen må tilsvare typen element, f.eks Text for tekst, Line for strek:

    @FXML
    Text statusText;
  • Alt brukeren gjør og som programmet skal reagere på, må gjøres av en metode (samme som funksjon i Python). I Java-koden må metoden se slik ut:

    @FXML
    void herErNavnetPåMetoden() {
    	...
    }

    I FXML-en må du legge inn navnet på denne metoden i det samme elementet som skal trigge metoden:

    <Button onAction="#herErNavnetPåMetoden" ...>

Oppgave 1 - Hangman

I Hangman-spillet skal spilleren prøve å gjette et hemmelig ord, ved å foreslå bokstaver. Før en har begynt å gjette, så vises bare ordet som masse _-tegn, med én for hver bokstav i ordet. Strekmannen er usynlig i starten. Hvis en gjetter en bokstav som er i ordet, så vises de frem. Hvis en derimot gjetter feil, så vises en ny del av strekmannen frem, og når hele strekmannen er synlig, så har brukt opp alle forsøkene og spillet er tapt!

Oppgave 2 - Kalkulator

Kalkulator:

Oppgave 3 - Klokke

Klokke:

Oppgave 4 - Vits eller gåte

Vits:
  • No labels