Graphics. Grafikk. Praktisk sett: Koordinatsystemet. kodeeksempel

Transkript

1 Grafikk Grafikk er den framstillingen vi gir objekter på en todimensjonal flate. Det er en regnemessig tung operasjon å regne ut hvordan man skal framstille to og tre dimensjonale objekt på en todimensjonal skjerm. Denne prosessen kalles rendering på norsk og to render på engelsk. Graphics Dette er en abstrakt klasse som definerer nødvendige metoder for å drive med grafikk. Den brukte subklassen er den som passer til overflaten den skal skrives til. Praktisk sett: For å kunne skrive grafikk til skjermen trenger man en instans av grafikk. Dette fungerer omtrent på samme måte som man trenger contentpanet for å legge til komponenter. Du kan bruke metoden getgraphics() på en container, men den må være gjort synlig først. Koordinatsystemet Grafikk i java har bare positive verdier og regnes fra øverste venstre hjørne og nedover og til venstre: 0,0 0, ,0 kodeeksempel public static void main(string[] args) { GrafikkVindu vindu = new GrafikkVindu("Et vindu med grafikk i"); vindu.setsize(400,400); vindu.show(); Graphics guff2 = vindu.getgraphics(); guff2.drawoval(5,5,350,350); guff2.drawline(50,50,350,350); 1

2 Hvordan dette virker Figurene blir tegnet, men forsvinner hvis man minimerer vinduet. For at figurene skal bli der de er må vi overlagre metoden public void paint(graphics g) i containeren vi skriver til. Grunnen til dette er at repaint tar seg av å tegne vinduet når det for eksempel blir maksimert igjen. Det repaint gjør er å kalle paint. public void paint(graphics guffen){ guffen.drawoval(5,5,350,350); guffen.drawline(50,50,350,350); Firgurene i vinduet er de samme, men nå vil de fremdeles være der hvis man minimerer/maksimerer vinduet. Hva kan man tegne i et vindu? I utgangspunktet kan du tegne alle mulige geometriske figurer. Du kan velge om du bare vil tegne omrisset eller hele figuren. Du kan også tegne stringer til skjermen. Hvis du har satt farge på grafikken vil den tegne med denne fargen etter at du har satt den til du endrer den. public void paint(graphics guffen){ guffen.drawoval(5,5,350,350); guffen.drawline(50,50,350,350); guffen.setcolor(color.blue); guffen.fillrect(200,200,10,10); guffen.setcolor(color.green); guffen.fillrect(250,250,30,30); guffen.setcolor(color.cyan); guffen.fillarc(100,100,50,50,45,150); guffen.setcolor(color.red); guffen.drawstring("enda mer tegning",12,56); Spørsmål Hvorfor må du overlagre paintmetoden når du tegner grafikk til skjerm? Hvordan endrer du fargen på en form du vil skrive til skjermen? Vil dette også ha effekt for former du tegner senere? 2

3 oppsummering Graphics er en forholdsvis enkel klasse som kan tegne geometriske figurer og skrive stringer til skjermen. I forbindelse med grafikk er det vanlig å snakke om rotering, translering og skalering. Dette kan ikke Graphics klassen, og er nok grunnen til at Graphics2D klassen finnes. Graphics2D Denne klassen gir mye bedre kontroll over det du ønsker å tegne til skjermen. I graphics2d må du først ha et objekt før du kan tegne objektet. Disse objektene kan du finne i java.awt.geom Shape Shape er et grensesnitt som alle objektene/formene som kan tegnes ved hjelp av Graphics2D implementerer. Objektene har informasjon om størrelsen sin og plasseringen sin på skjermen. Formen kommer automatisk basert på hva slags klasse objektet er en instans av. Klassene i java.awt.geom henter typisk: Arc2D.float Arc2D.double Rectangle2D.float Rectangle2D.double osv Ellipse2D.float Ellipse2D.double Tegne objekt Du må velge om du vil tegne omrisset, eller innholdet: draw(shape) gir omrisset fill(shape) gir et fyllt objekt Hvis du vil tegne begge to må du kalle begge metodene på samme shape. public void paint(graphics g){ graphics2dpaint(g); 3

4 public void graphics2dpaint(graphics tegnebrett){ Graphics2D tegnested = (Graphics2D)tegneBrett; Rectangle2D.Double firkant = new Rectangle2D.Double(100,100,50,50); tegnested.draw(firkant); Rectangle2D.Double firkant2 = new Rectangle2D.Double(200,200,50,50); tegnested.fill(firkant2); Endre utseende på objektet Metodene draw og fill tar ikke farger eller overflatetyper som eksempel. Dette betyr at hvis du vil endre overflate eller farge på det du vil tegne, så må du gjøre endringen på graphics2d instansen: setstroke setpaint public void graphics2dpaint(graphics tegnebrett){ Graphics2D tegnested = (Graphics2D)tegneBrett; tegnested.setstroke(new BasicStroke(10)); Rectangle2D.Double firkant = new Rectangle2D.Double(100,100,50,50); tegnested.setpaint(color.red); tegnested.draw(firkant); tegnested.setpaint(color.black); tegnested.fill(firkant); GradientPaint Brukes hvis du vil at en komponent skal ha fargegradering. new GradientPaint(float x1,float y1,color farge1,float x2,float y2,farge2) new GradientPaint (150,150,Color.white,200,200,Color.red); 4

5 Litt mer kode til metoden vår GradientPaint hvitttilrodt = new GradientPaint(150,150,Color.white,200,200,Color.red); Rectangle2D.Double firkant2 = new Rectangle2D.Double(150,150,50,50); tegnested.setpaint(hvitttilrodt); tegnested.fill(firkant2); GradientPaint gronntilbla = new GradientPaint(200,200,Color.green,250,250,Color.blue); Rectangle2D.Double firkant3 = new Rectangle2D.Double(200,200,50,50); tegnested.setpaint(gronntilbla); tegnested.fill(firkant3); tegnested.setcolor(color.yellow); tegnested.draw(new Ellipse2D.Double(50,50,250,250)); 5