Introduksjon til GUI:
GUI er et brukergrensesnitt som fungerer som et mellomledd mellom datamaskinen eller den elektroniske enheten og brukeren. Det som skiller GUI fra andre brukergrensesnitt er at GUI benytter grafiske ikoner og visuelt tiltalende temaer for å samhandle ved hjelp av en peker i stedet for tekstbaserte komponenter.
Selv om det fremdeles er behov for tekstbaserte ikoner og komponenter i noen GUI-er.g. en påloggingsside osv. men hovedmålet for enhver god GUI-designer bør være å gjøre det så enkelt som mulig for brukeren å samhandle med det og først og fremst med en mus. Som nevnt ovenfor er GUI-er lettere å bruke enn de fleste andre grensesnitt, og støtten tilgjengelig for å gjøre det visuelt tiltalende hjelper ikke bare brukeren til å fokusere på visse elementer, men lar også designeren bli kreativ og eksperimentere med fantasien, noe som gjør utviklingen intuitiv og moro. GUI lar også designeren sette inn videoer og bilder i skjemaet for å gjøre det enda mer tiltalende og enkelt å bruke for brukeren.
Java APIer:
Java lar utvikleren bruke tre APIer (Application Programming Interface):
- AWT (Abstract Windowing Toolkit)
- Svinge
- JavaFX
AWT og Swing er eldre API-er, mens JavaFX ble integrert med Java 8 og er den siste API-en med flere alternativer enn AWT og Swing.
En stor fordel med å bruke JavaFX fremfor andre API-er, er integrasjonen av Scene Builder. JavaFX Scene Builder er et verktøy som lar GUI utvikles uten koding. Det oppnår dette ved å gi et blankt område der forskjellige komponenter fra JavaFX kan dras og slippes for å lage forskjellige GUI-skjemaer. Disse komponentene kan også redigeres med et stort utvalg av tilpasningsalternativer. Alt dette kan gjøres i sanntid, og GUI tar form når designeren utvikler det.
JavaFX Scene Builder genererer FXML, dette lar designeren lage grensesnittet separat fra programlogikken. FXML er et XML-basert språk. JavaFX Scene Builder kan brukes med hvilken som helst Java IDE for å kombinere programlogikken med grensesnittet, men den er spesielt rettet mot programmer og applikasjoner utviklet i NetBeans IDE.
Hva er NetBeans?
NetBeans er en åpen kildekode, gratis IDE (Integrated Development Environment) som bruker en modulær arkitektur i.e. den bruker moduler (grupper av klasser og biblioteker) for å implementere spesifikke funksjoner i et program. NetBeans er en av de mest populære Java IDE-ene akkurat nå. NetBeans er også kjent for sin gode støtte for Maven og det brukervennlige grensesnittet. For å begynne å utvikle på NetBeans og JavaFX Scene Builder, må du ha både installert og JavaFX Scene Builder integrert med NetBeans. Denne guiden vil være mer enn nok til å hjelpe deg med installasjonsprosessen og hvordan du integrerer begge programmene i Windows.
Installer NetBeans:
For å installere NetBeans, må du laste den ned først fra NetBeans offisielle nettside:
https: // netbønner.apache.org / nedlasting / indeks.html
- Klikk på den grønne "Last ned" -knappen under Apache NetBeans 10.0 linje
- Du kan også lære mer om NetBeans ved å klikke på den blå "Funksjoner" -knappen ved siden av "Last ned" -knappen.
- Du kan også laste ned andre tidligere versjoner, men det anbefales å bruke den nyeste versjonen.
- Dette tar deg til en side med tittelen "Nedlasting av Apache NetBeans (inkubering)".
- Fra denne siden klikker du på lenken "Binaries". Du kan klikke på "Kilde" -linken og laste den ned hvis du vil kompilere den selv, men å laste ned "Binaries" er raskere og enklere.
- Når du har klikket på, vil dette omdirigere deg til apache-siden der en lenke vil bli generert for deg.
- Klikk på lenken for å laste ned.
- Når du er lastet ned, trekker du ut pakken til ønsket katalog (du kan trekke ut pakken ved å bruke WinRAR).
- Etter ekstraksjon, gå i den ekstraherte katalogen og se etter "bin" -mappen.
- Gå i "bin" -mappen, og du vil se to "Application" -filer; “Netbønner.exe "og" netbeans64.exe ”.
- Hvis du bruker 32-biters Windows, åpner du “netbeans.exe ”, og hvis du bruker 64-biters Windows, åpner du“ netbeans64.exe ”.
- Dette åpner NetBeans IDE direkte. Det er ikke nødvendig å installere det separat, ettersom vi har installert binærfiler.
- Hvis du blir møtt med denne visningen når den åpnes, så blir NetBeans 10.0 har blitt installert og er klar for å begynne å skrive programmer og utvikle applikasjoner på den.
Installer JavaFX Scene Builder:
Nå som NetBeans er vellykket installert og fungerer som den skal, kan vi gå til neste trinn; installer JavaFX Scene Builder. Først må vi laste ned Scene Builder fra den offisielle nettsiden:
https: // gluonhq.no / produkter / scene-builder / # nedlasting
- På denne siden, bla ned til du ser nedlastingsalternativene for din versjon av Java, som kan være en av disse tre: Java 10, Java 8 eller Java 11.
- I vårt tilfelle er det Java 11. Under din versjon av Java, se etter Scene Builder som har "Windows Installer" som plattform og klikk på den grønne "Last ned" -knappen.
- Dette vil omdirigere deg til en "takk" -side og begynne å laste ned.
- Når du har lastet ned, åpner du installasjonsprogrammet.
- I installasjonsprogrammet, godta vilkårene og klikk installer.
- Når du er installert, klikker du på ferdig.
- For å sjekke om installasjonen var vellykket eller ikke, kan du åpne “SceneBuilder.exe ”og vil bli møtt med følgende visning hvis installasjonen var vellykket:
Integrer JavaFX Scene Builder og NetBeans:
Når Scene Builder og NetBeans er installert, er det på tide å gå til det siste trinnet; integrere begge programmene.
- Først åpner du NetBeans, klikker på “File” og deretter “New project…”
- i rullegardinmenyen. Et nytt vindu åpnes.
- Klikk på "JavaFX" fra kategorien "Kategorier" og "Java FXML-applikasjon" fra "Prosjekter" -fanen.
- Klikk "Neste".
Installer moduler hvis det ber om å laste ned og aktivere moduler. I neste vindu, gi prosjektet et navn og klikk "Fullfør".
- Når du er åpnet, går du til "Prosjekter" -fanen og klikker på prosjektet.
- Klikk deretter på “Source Packages”, klikk på prosjektets pakke og høyreklikk på .fxml-fil og klikk "Åpne".
- Dette åpner filen i Scene Builder slik at du kan jobbe med den.
Og med dette har du vellykket integrert Scene Builder og NetBeans for å jobbe sømløst sammen. Når du er ferdig med å lage GUI, redigerer du "Controller" for å legge til funksjonalitet og logikk i den.Java ”-fil rett under .fxml-fil og gi den funksjonalitet. Nå kan du fortsette og glede deg over å lage GUI for programmene dine på en intuitiv og morsom måte ved hjelp av JavaFX Scene Builder.