Kompliziertere Swing Gui

[peemo]

Hi!

Ich sitze gerade vor einem Problem und ich bin mir nicht sicher wie ich es realisieren soll, deshalb hoffe ich ein paar Anregungen bzw Tips zu bekommen, wie man das ganze sinnvoll und stilistisch gut lösen kann.
Wir machen in der Uni zz ein Softwareentwicklungsprojekt bei dem wir ein Netzwerkfähiges Reversi Spiel implementieren sollen.
Momentan sieht das Ding so aus: (Bitte beachten, hintergrund, die Pfeile, etc ist alles noch nicht schön, da wird sich jemand um bessere Imgs kümmern, mir gehts momentan nur um den GUI Aufbau.)

Das Spielfeld ist ein Custom Jpanel, ich mal da die Quadrate rein und mit drawImage die Steine. Wenn ich den Frame aufziehe, werden auch spielfeld und Steine entsprechend vergrößert/-kleinert.
(Ich find die Funktionalität ganz schön, aber eigentlich auch unnötig. Den Frame zu Sperren würde Vielleicht manches erleichtern)
Das Gewurschtel unten ist ebenfalls ein custom Jpanel. Es soll anzeigen, wie viele Steine jeder gerade hat(die 2) und wer am Zug ist(roter Pfeil deutet auf Stein).
Ich weiss nicht wie ich das vernünftig hinbekommen soll. Momentan liegen da 6 leere Jlabel als Platzhalter rum, die Zahlen sind ebenfalls ein Jlabel. Die Bilder kommen mit drawImage.
Das Problem ist, wenn ich das Fenster in der größe veränder bleiben die Bilder wo sie sind und die Jlabels verschieben sich alle ganz merkwürdig.
Ich hab iwie das gefühl dass eine Kombi aus Label und drawImage kein guter Stil ist.
Es sollte auch noch ein ResetButton und ein ShowHintsButton eingebaut werden.

Welche Elemente würdet ihr wie andordnen? Welchen Layoutmanager? Meint ihr der Rest is ok?
Ich würd mich sehr über alles Ideen freuen.
Vielen Dank schonmal
Peter

 

[peemo2]

Hier noch das Bild:

 

[peemo_royal]

Hi.
Ist die Frage zu bescheuert oder schlecht gestellt? Wenn ihr wollt präzisier ich auch noch
Ich hab das ganze auf jeden Fall jetzt geändert und zeichne die untere leiste komplett. Es kommt mir nur so vor als wär das ganze nicht wirklich richtig. Ich muss unten mindestens noch ein Jlabel haben , damit die Leiste eine gewisse Größe hat und ausserdem kann ich nichts so anordnen wie ich will.
Hilft da vielleicht nur das GridBagLayout weiter?
Grüße Peter

 

[eRaaaa]

Du könntest vlt nochmal genauer beschreibne wie das untere JPanel nun genau aufgebaut ist, welchen Layoutmanager verwendest du denn da?
Spontan (bezogen auf deine Erklärung und Frage) könnte man anstelle dass du mit drawImage selbst zeichnest, den Pfeil und Stein unten z.B. als JButton nutzen. Dem JButton dann einfach mit setIcon /setRollOverIcon, setBorder, setOpaque, setContentAreaFilled und setBackground das Icon verpassen, dann sieht man eig. gar nicht mehr, dass das ein JButton ist, die Anordnung der Komponente im Layoutmanager lässt sch aber unter Umständen besser handeln, wenn nicht sogar genauso wie die Labels...

 

[peemo_royal]

vermutlich liegt da der hund begraben… ich benutz ein GridLayout. Aber irgendwie auch wieder nicht^^
hier mal der code. es funktioniert momentan ja, aber ich bin hoch unzufrieden weil es mega unflexibel ist und es fühlt sich einfach nicht gut an.

package reversi;

import java.awt.*;
import java.awt.image.BufferedImage;

import javax.imageio.ImageIO;
import javax.swing.*;

import java.io.*;
import java.net.URL;

public class TurnPanel extends JPanel {

    private IReversiView view;
    private Image img, blackStone, whiteStone, blueStone, brownStone, greenStone, orangeStone, purlpleStone, redStone, yellowStone;
    private int imageWidth, imageHeight;
    private Image greenArrowRight;
    private Image greenArrowLeft;
    private Image blackArrowRight;
    private Image blackArrowLeft;
    private JLabel countP1;
    private JLabel countP2;
    private JLabel player1;
    private ImageIcon player1Icon, player2Icon;
    private JLabel player2;
    private Object player1Image;
    private Image resizedBlackStone;
    private JLabel freeSpace;
    private JLabel freeSpace1;
    private JLabel freeSpace2;
    private JLabel freeSpace3;
    private JLabel freeSpace4;
    private JLabel freeSpace5;
    private JLabel freeSpace6;
    private JLabel freeSpace7;
    private JRadioButton showPossibleButton;

    public TurnPanel(IReversiView view) {
	super();
	this.view = view;
	this.img = new ImageIcon(this.getClass().getClassLoader().getResource("main.jpg")).getImage();
	this.blackStone = new ImageIcon(this.getClass().getClassLoader().getResource("blackStone.png")).getImage();
	this.whiteStone = new ImageIcon(this.getClass().getClassLoader().getResource("whiteStone.png")).getImage();
	this.blueStone = new ImageIcon(this.getClass().getClassLoader().getResource("blueStone.png")).getImage();
	this.brownStone = new ImageIcon(this.getClass().getClassLoader().getResource("brownStone.png")).getImage();
	this.greenStone = new ImageIcon(this.getClass().getClassLoader().getResource("greenStone.png")).getImage();
	this.orangeStone = new ImageIcon(this.getClass().getClassLoader().getResource("orangeStone.png")).getImage();
	this.purlpleStone = new ImageIcon(this.getClass().getClassLoader().getResource("purpleStone.png")).getImage();
	this.redStone = new ImageIcon(this.getClass().getClassLoader().getResource("redStone.png")).getImage();
	this.yellowStone = new ImageIcon(this.getClass().getClassLoader().getResource("yellowStone.png")).getImage();

	this.player1Icon = new ImageIcon(this.getClass().getClassLoader().getResource("blackStone.png"));
	this.player2Icon = new ImageIcon(this.getClass().getClassLoader().getResource("whiteStone.png"));

	this.greenArrowRight = new ImageIcon(this.getClass().getClassLoader().getResource("greenArrowRight.png")).getImage();
	this.greenArrowLeft = new ImageIcon(this.getClass().getClassLoader().getResource("greenArrowLeft.png")).getImage();
	this.blackArrowRight = new ImageIcon(this.getClass().getClassLoader().getResource("blackArrowRight.png")).getImage();
	this.blackArrowLeft = new ImageIcon(this.getClass().getClassLoader().getResource("blackArrowLeft.png")).getImage();

	createContent();
    }

    private void createContent() {
	this.setLayout(new GridLayout(1, 6));
	this.setSize(new Dimension(view.getGamePanelWidth(), view.getCellSize()));

	freeSpace = new JLabel(".");
	showPossibleButton = new JRadioButton("Show possible moves");
	freeSpace.setBorder(null);
	freeSpace.setOpaque(false);
	freeSpace.setBackground(new Color(0, 0, 0, 0));
	this.add(freeSpace);

    }

    protected void paintComponent(Graphics g) {
	Graphics2D g2d = (Graphics2D) g;
	super.paintComponents(g2d);
	this.setSize(new Dimension(view.getGamePanelWidth(), view.getCellSize()));
// g2d.drawImage(img, 0, 0, view.getGamePanelWidth(), view.getCellSize(), null);
	freeSpace.setPreferredSize(new Dimension(view.getCellSize(), view.getCellSize()));
	Font f = new Font("SansSerif", Font.BOLD, 20);
	g2d.setFont(f);

	g2d.drawImage(blackStone, view.getCellSize() * 2, 0, view.getCellSize(), view.getCellSize(), null);
	g2d.drawImage(whiteStone, view.getCellSize() * 5, 0, view.getCellSize(), view.getCellSize(), null);

	if (view.getCurrPlayer() == Cell.BLACK) {
	    g2d.drawImage(greenArrowLeft, view.getCellSize() * 3, 0, view.getCellSize(), view.getCellSize(), null);
// g2d.drawImage(blackArrowRight, view.getCellSize() * 4, 0, view.getCellSize(), view.getCellSize(),
// null);
	}
	if (view.getCurrPlayer() == Cell.WHITE) {
// g2d.drawImage(blackArrowLeft, view.getCellSize() * 3, 0, view.getCellSize(), view.getCellSize(),
// null);
	    g2d.drawImage(greenArrowRight, view.getCellSize() * 4, 0, view.getCellSize(), view.getCellSize(), null);
	}

	g2d.setColor(Color.WHITE);
	g2d.drawString(String.valueOf(view.getCountBlack()), (int) (view.getCellSize() * 2.4), (int) (view.getCellSize() / 1.7));
	g2d.setColor(Color.BLACK);
	g2d.drawString(String.valueOf(view.getCountWhite()), (int) (view.getCellSize() * 5.4), (int) (view.getCellSize() / 1.7));

    }
}

Dieses Panel ist in meinem Main Frame mit BorderLayout.SOUTH


Ich würde einfach gerne lernen vernünftig und sauber GUI mit SWT zu programmieren. Macht da vielleicht ein WYSIWYG Editor Sinn um ein wenig dahinter zu steigen? Oder gibt es Tutorials dazu? Natürlich kann man nachlesen was man alles für elemente einbauen kann. Aber ich bin mir halt nie sicher wann ich was und wo am besten benutzen kann.

Vielen Dank schonmal und Grüße
Peter

 

[L-ectron-X]

weil es mega unflexibel ist und es fühlt sich einfach nicht gut an.

Und du glaubst, dass sich mit SWT unflexibel programmierter Code besser "anfühlt"? :bahnhof:

 

[peemo_royal]

Und du glaubst, dass sich mit SWT unflexibel programmierter Code besser "anfühlt"? :bahnhof:

Hä? Wie kommst du zu der Annahme? Ist auf jeden Fall nicht sonderlich hilfreich. Vermutlich versteh ich einfach nicht was du mir damit sagen willst. Ich mein ich Frag hier nach Hilfe, wie man vernünftig GUI produziert weil ich mich offensichtlich damit nicht auskenn und eben lernen will wie man das ganze schön und flexibel gestaltet.


€: Ich meinte SWING und nicht SWT!! Es geht mir einfach darum dass ich mit Java ne gute GUI hinbekomm

 

[L-ectron-X]

Ich meinte SWING und nicht SWT!!

Ich würde einfach gerne lernen vernünftig und sauber GUI mit SWT zu programmieren.

Du hast deine GUI bisher mit Swing geschrieben. Was lässt dich davon ausgehen, dass die GUI mit SWT besser laufen wird?
Es klingt für mich danach, als ob du den Schuldigen im Swing suchst.
Und genau das ist es, was mich irritiert.

 

[peemo_royal]

Du hast deine GUI bisher mit Swing geschrieben. Was lässt dich davon ausgehen, dass die GUI mit SWT besser laufen wird?
Es klingt für mich danach, als ob du den Schuldigen im Swing suchst.
Und genau das ist es, was mich irritiert.

Nein. Ich hab da bisschen was verwechselt
Also ob SWING SWT oder AWT is mir vollkommen wumpe.
Ich hab nur das Gefühl dass, so wie ichs im moment mach (Images drawen) es nicht die beste Lösung ist.
Ich such nirgendwo einen schuldigen, sondern ich such Hilfestellung dazu, wie ich eben eine flexible und vernünftige GUI hinbekomm. Es braucht mir auch keiner den Code dazu schreiben, es geht nur um Lösungsansätze. Ich hab zb GridBagLayout und Label probiert. Aber iwie ist das auch nicht so pralle.
Weisst du jetzt worauf ich hinauswill?
Sorry für die Komplikationen, bin wie du siehst ein wenig verwirrt

 

[L-ectron-X]

-Ein leerer super()-Aufruf ist nicht nötig.
-In der paintComponent()-Methode sollte nur gezeichnet werden. Bei jedem Zeichendurchlauf wird auch immer der Font instanziizert. Ziemlich teuer.
-Zum Bilder laden kannst du mal hier nachsehen: Grafikdateien laden und anzeigen ? Byte-Welt Wiki
-Zu LayoutManagern kannst du mal in der FAQ nachsehen: http://www.java-forum.org/bilder-gu...standard-java-api-externer-layoutmanager.html

So viel erst mal nur beim ersten Durchscrollen.

 

[peemo_royal]

Ok. Und meinst du es ist schlau, die Imgs per drawImage reinzuladen? Ich würde gern links und rechst von den Spielsteinen noch jeweil einen Button einfügen. Das geht aber momentan so wie es ist nicht wirklich, da die Buttons ja keine absolute Position haben und die Imgs schon...

 

[L-ectron-X]

Nun ja. Da dein Code für mich nicht kompilierbar ist, wäre es gut, wenn du ein Problem-Bild von deiner GUI postest, damit man mal sehen kann, wie das Problem aussieht. Gut wäre dann noch eine Skizze, wie es aussehen soll. Dann kann man dir gezielt Code schreiben.

Zum Bilder Laden, solltest du dir den Link ansehen, den ich oben gepostet habe.

 

[peemo_royal]

so, hab mal die gui angehängt… Eigentlich bin ich ja relativ zufrieden so wies jetzt aussieht. Ich brauch jetzt noch links bzw rechts der beiden Steine unten jeweils einen Button. Und die Zahlen die auf die Steine draufgemalt werden sind halt auch nicht ganz perfekt.
Das Problem ist, dass man so wies ist, nicht einfach schnell mal was ändern kann weil man dann wieder ewig rumrechnen muss wie man die Steine verhältnismässig zum Rest Positioniert. Ich fänds gut wenn man das ein wenig dynamischer gestalten könnte… Auch wenn man später mal neue Sachen hinzufügen möchte etc.