Möglichkeit, mit g.draw etwas vor ein JTextfield zu „zeichnen“?

[Stamp1t]

Hallo,
Ich würde gerne ein Bild importieren(einfach eine leicht transparente Fläche) und sie dann in den Vordergrund vor ein JTextfield zu bekommen, sodass etwas geschriebenes dann durch diese transparente Fläche markiert ist.
Wenn ich das ganz normal programmiere, dann ist immer das JTextfield im Vordergrund und überdeckt die Fläche.

 

[Robert Zenz]

Das ist...kompliziert. Das Aussehen und Verhalten von Swing wird von so einem genannten "Look and Feel" gesteuert, kurz, Swing hat Themes! Je nachdem welches LaF verwendet wird, kannst du bestimmte Dinge machen oder auch nicht. So als Beispiele gibt es das LaF fuer Windows, GTK oder da Metallic LaF welches das Standard-Blaeuliche ist. Dann gibt es da noch andere, zum Beispiel das WebLaF oder FlatLaf.

Sprich die genaue Position vom Text und so weiter ist vom LaF abhaengig. Das einfachste waere vermutlich wenn du dich von JTextField ableitest und dann die paint Methode, wenn ich mich richtig erinnere. Dort kannst du dann nochmal ueber das bereits gezeichnete Steuerelement darueber malen. Fuer mehr Kontrolle muesstest du dir wahrscheinlich ein eigenes Steuerelement bauen.

Was aber dein eigentliches Problem sein wird, ist das die Reihenfolge deiner Komponenten falsch sein wird, schaetze ich. Fuer alles andere muesstest du uns auch den Code zeigen mit dem du das Problem hast.

 

[KonradN]

Was spricht dagegen, da einfach neben dem JTextField noch ein JPanel zu verwenden? Da kannst du dann im Vordergrund was zeichnen. Und von den Einstellungen her, kann man in Swing wohl auch ein Control so konfigurieren, dass es weder Fokus noch Mausclicks und so kriegen kann, so dass es keine Auswirkungen auf das dahinter liegende Control hat.

 

[Robert Zenz]

Ich glaube sowas hat @Stamp1t schon, aber halt in der falschen Reihenfolge (Layouts koennen ja auch schwierig sein).

Aber stimmt, eine moegliche GlassPane habe ich aus versehen ignoriert bei meiner Erklaerung.

 

[Stamp1t]

Was spricht dagegen, da einfach neben dem JTextField noch ein JPanel zu verwenden? Da kannst du dann im Vordergrund was zeichnen. Und von den Einstellungen her, kann man in Swing wohl auch ein Control so konfigurieren, dass es weder Fokus noch Mausclicks und so kriegen kann, so dass es keine Auswirkungen auf das dahinter liegende Control hat.

Du meinst also, das importierte Bild in das JPanel zu packen und dieses dann über das Textfield zu legen?

 

[KonradN]

Unter dem Strich hast Du dann ein eigene Klasse, die das macht. Also nicht nur das Bild anzeigen sondern auch noch weitere Dinge, damit es nicht selbst Events bekommt. Mausklicks sollen ja z.B. nicht von dem Control abgefangen werden sondern sollen statt dessen zum unteren JTextField.

Das sollte per setFocusable(false); und setOpace(false); möglich sein.

Ein universelles Panel für sowas könnte dann ggf. so eine Klasse sein:

import javax.swing.*;
import java.awt.*;
import java.util.function.Consumer;

public class CustomPanel extends JPanel {

    // Method reference to a method draw(Graphics)
    private Consumer<Graphics> drawMethod;

    public CustomPanel(Consumer<Graphics> drawMethod) {
        this.drawMethod = drawMethod;

        // Ensure the panel doesn't gain focus
        setFocusable(false);

        // Ensure the panel doesn't receive mouse clicks
        setOpaque(false);
    }

    @Override
    public void paintComponent(Graphics g) {
        super.paintComponent(g);
        if(drawMethod != null) {
            drawMethod.accept(g);
        }
    }
}

Das kannst Du dann universell nutzen. Du brauchst nur eine Methode, die ein Graphics Objekt als Parameter nimmt und deine Grafik malt. Die kannst Du dann beim Konstruktor per Lambda Expression oder per Methodenreferenz angeben.

(Oder Du machst die individuelle Klasse und Du wirfst dem Consumer raus und packst die Logik direkt in die paintComponent Methode.)

Solltest Du hier Probleme mit der Reihenfolge haben und du Die Reihenfolge der Anzeige nicht über die Reihenfolge der add Aufrufe steuern kannst, dann kannst Du es über setComponentZOrder Aufrufe machen. Je höher der index, desto früher wird die Komponente dargestellt. Du müsstest also dem Textfeld einen höheren Index geben als dem Control, das das Bild darstellt.

 

[Blender3D]

Hallo,
Ich würde gerne ein Bild importieren(einfach eine leicht transparente Fläche) und sie dann in den Vordergrund vor ein JTextfield zu bekommen, sodass etwas geschriebenes dann durch diese transparente Fläche markiert ist.

Meinst du in etwa so ?


Du kannst einfach paintComponent von JTextField überschreiben und eine Hilfsklasse die die Start und Endposition sowie die Farbe des markierten Textes beinhaltet machen.

import javax.swing.JFrame;

public class TestMarkedText {

    public static void main(String[] args) {
        JFrame frame = new JFrame("marked Text ");
        frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        frame.add(new MarkedTextPanel());
        frame.pack();
        frame.setVisible(true);
    }

}

import java.awt.BorderLayout;
import java.awt.Color;
import java.awt.Dimension;
import java.awt.Font;
import javax.swing.BorderFactory;
import javax.swing.JPanel;
import javax.swing.border.BevelBorder;

@SuppressWarnings("serial")
public class MarkedTextPanel extends JPanel {
    private MarkAbleTextField text = new MarkAbleTextField();

    public MarkedTextPanel() {
        setPreferredSize(new Dimension(200, 50));
        text.setBorder(BorderFactory.createBevelBorder(BevelBorder.LOWERED));
        text.setFont(new Font("Courier", Font.BOLD, 25));
        text.setText("test1234567890");
        text.setPreferredSize(getPreferredSize());
        add(text, BorderLayout.CENTER);
        text.addTextMark( new TextMark(3, 5, Color.RED));
        text.addTextMark( new TextMark(6, 9, Color.YELLOW));
    }
}

import java.awt.Graphics;
import java.util.ArrayList;
import javax.swing.JTextField;

@SuppressWarnings("serial")
public class MarkAbleTextField extends JTextField {
    private ArrayList<TextMark> marks = new ArrayList<>();

    public void addTextMark(TextMark mark) {
        marks.add(mark);
    }

    @Override
    protected void paintComponent(Graphics g) {
        super.paintComponent(g);
        for (TextMark m : marks)
            m.draw(g, getHeight(), getText(), getScrollOffset());
    }

    public boolean removTextMark(TextMark mark) {
        return marks.remove(mark);
    }
}

import java.awt.AlphaComposite;
import java.awt.Color;
import java.awt.FontMetrics;
import java.awt.Graphics;
import java.awt.Graphics2D;

public class TextMark {
    private int start;
    private int end;
    private Color color;

    public TextMark(int start, int end, Color color) {
        this.start = start;
        this.end = end;
        this.color = color;
    }

    public void draw(Graphics g, int height, String text, int scroll) {
        if (text.length() < start || text.length() < end)
            return;
        Graphics2D g2d = (Graphics2D) g;
        g2d.setComposite(AlphaComposite.getInstance(AlphaComposite.SRC_OVER, 0.45f));
        g2d.setColor(color);
        FontMetrics fm = g.getFontMetrics();
        int x = fm.stringWidth(text.substring(0, start)) - scroll + 2;
        int txtHeight = g.getFont().getSize();
        int y = (height - txtHeight) / 2;
        int width = fm.stringWidth(text.substring(start, end));
        g.fillRect(x, y, width, txtHeight);
    }
}

 

[Robert Zenz]

Jetzt ich so darueber nachdenke, vielleicht waer eine JTextPane eine Alternative? Die unterstuetzt naemlich HTML als Text. Also du kannst dann den eingegeben Text verarbeiten, in HTML umwandeln und dann dort einfach den Bereich markieren (mit span) welchen du farblich hervorgehoben haben willst. Ist etwas mehr Logik auf der Text-Verarbeitungsseite, und braucht ein bischen mehr Feingefuehl, aber ist vielleicht etwas robuster als das selbst zu zeichnen oder Komponenten Pixel-genau auszurichten.