LookAndFeel Eigenes Look And Feel erstellen

[Developer_X]

Sehr geehrtes Forum, ich wollte mich hier mal erkundigen, wie ich mir mein eigenes Look And Feel erstellen kann, und wie ich es benutzen kann.

Ich habe danach gegoogled, und eigentlich nur das hier, als brauchbares (für mich brauchbares) gefunden,
The 'LookandFeel' Class Reference.

Ich habe mir das aufmerksam durchgelesen, doch ich weiß nicht wirklich wie ich jetzt damit beginnen soll, was muss ich als erstes tun?

So wie ich das verstanden habe, muss ich erst ein mal von der Klasse LookAndFeel eine Subclass herleiten, Zitat :
The LookAndFeel class is the staring point for creating your own L&F. To create your own L&F, you must create a subclass of the LookAndFeel class.

Ich weiß nicht ob ich das richtig verstanden habe, und wenn ja, wie soll ich das jetzt anstellen, einfach eine Java-Datei erstellen, sie von LookAndFeel.java ableiten und dann alles overwritten?

Bitte helft mir.

Danke für eure Antworten, m.f.G. Developer_X

 

[Noctarius]

Creating a Custom Look and Feel

Ich frag mich echt wie du Google nutzt.

 

[Developer_X]

Also in deinem Link, Noctarius, wurde nur erwähnt, dass man, genau wie in dem Link den ich angegeben habe, man erstmal eine Klasse erstellen sollte, die sich von der Klasse LookAndFeel, oder einer Subclass wird MetallLookAndFeel ableitet. Wie sie dann aber genau vorgegangen sind, und wie sie die Zeichnung von Componenten usw, im Code geändert haben, das haben sie leider nicht beschrieben, aber darum geht es mir gerade.

Kann mir dazu einer etwas sagen, wie ich das im Code machen soll?

 

[Noctarius]

Ja da hast du doch deine Antwort Oo Was willst du denn noch mehr wissen?

 

[Developer_X]

Ich will folgendes wissen:

Ich habe eine Klasse Angelegt:

package lak;

import javax.swing.plaf.metal.*;

@SuppressWarnings("serial")
public class FutureLookAndFeel extends MetalLookAndFeel
{
}

Was muss ich jetzt machen um weiterzukommen, und mein Look And Feel zu entwerfen?

Das will ich wissen, kannst du mir dazu etwas sagen?

M.f.G. Developer_X

 

[Noctarius]

Schau halt im JRE Source nach. Nimmst dir die src.zip, entpackst diese, suchst dir den passenden L&F raus, liest dich ein und baust nach. Das Thema Eigeninitiative hatten wir doch jetzt schon oft genug.

 

[Landei]

Statt ganz bei null anzufangen könntest du das Synth Look and Feel verwenden, bei dem so ziemlich alles über eine XML-Datei konfiguriert werden kann.

 

[subn0de]

Interessantes Thema. Ich würde mich freuen, wenn Du weiter über Deine Erfahrungen berichten würdest, Developer_X!

 

[subn0de]

Das könnte Dir weiterhelfen: Docking Frames

 

[Noctarius]

Das kannst du Beni nicht antun

 

[Gast2]

haha ...

 

[Beni]

:autsch: ... mal abgesehen davon, dass DF rein garnichts mit LookAndFeel zu tun hat...

 

[Developer_X]

Danke für eure zahlreichen Antworten.
Ich muss erstmal sagen, ich finde es ist verdammt viel Arbeit von Null anzufangen, der Tipp mit Synth Look and Feel ist wirklich äußerst interessant, da man bei verschiedenen Programmen sich für bestimmte Typen von Anwendern unterschiedliche Look And Feels herstellen könnte, diese praktisch beilegen, usw. .
Also danke euch, ich werde wenn subn0de es so will, einfach mal das was ich so schaffe, euch dann hier in diesem Thread mitteilen.

Danke,
m.f.G. Developer_X

 

[Noctarius]

Oder anders herum, gell. Ich mein er könnte auch schneller sein.

 

[Developer_X]

-----------------------
Tag 1: 22.09.2010
-----------------------
Also ich habe in den Tagen davor erst mal eingehend "studiert" wie die XML-Synth-Syntax
funktioniert. Danach habe ich meiner Kreativität freien Lauf gelassen, welche schnell ihre Grenzen fand, denn Standardfarben für Foreground und Background aller Componente zu definieren ist ja auch nicht das wahre. Danach habe ich mit dem Synthpainter gearbeitet, und sehe nun um ehrlich zu sein keine Grenzen mehr.

Leider funktionieren bestimmte Sachen nicht richtig oder gar nicht. Vielleicht kann mir da jemand helfen?

1. Problem :
-
Also Ich will z.B. dass wenn der Cursor überdem Component ist, oder wenn geklickt wird, sich bestimmte Farben ändern, dazu gibt es ja das <state>-Tag.

Ich habe das Problem beim Button, ich habe hier mal meine XML stark gekürzt und nur auf wesentliches nicht verzichtet, meine XML-Datei:
[XML]
<synth>
<object id="painter" class="FuturePainter" />

<style id="default">
<opaque value="true" />
<color value="WHITE" type="BACKGROUND" />
<font name="Arial" size="20" />
</style>
<bind style="default" type="region" key=".*" />

<style id="button">
<opaque value="true" />
<painter method="buttonBackground" idref="painter" />
<state>
<color value="BLACK" type="FOREGROUND"/>
</state>
<state value="MOUSE_OVER">
<color value="BLUE" type="FOREGROUND"/>
</state>
<state value="PRESSED">
<color value="CYAN" type="FOREGROUND"/>
</state>
</style>
<bind style="button" type="region" key="button" />

<style id="textarea">
<painter method="textAreaBackground" idref="painter" />
</style>
<bind style="textarea" type="region" key="textarea" />
</synth>
[/XML]

aber es ändert sich überhaupt nichts wenn ich mit der Maus drüber fahre.

Desweiteren, habe ich mehrere Webdokumente studiert, aber leider keine Liste gefunden, für alle state Values, hat jemand eine und kann sie mir geben?
Das Java Desktop Tutorial und das IBM Tutorial zu Java Synth waren zwar hilfreich, haben aber nur Teile erklärt, und nicht Listen bereit gestellt, mit allen Attributen der einzelnen Tags.
-

2. Problem :
-
Ich habe auch die JTextArea und ihren Hintergrund manipuliert, mit einem schönen 6-eck Muster, (Honigwaben), aber leider sieht man den Text nicht mehr wenn man ihn selektiert, oben in dem XML Ausschnitt seht ihr auch wie ich die JTextArea behandle, was sagt ihr dazu?

Was kann ich machen?
-

Ich würde euch danken wenn ihr mir helfen könntet, mit freundlichen Grüßen Developer_X.
-

 

[LoR]

The Synth Look and Feel (The Java™ Tutorials > Creating a GUI With JFC/Swing > Modifying the Look and Feel)

 

[Noctarius]

... denn Standardfarben für Foreground und Background aller Componente zu definieren ist ja auch nicht das wahre ...

Wenn ich sowas lese muss ich fast kotzen.

Genau am Besten jeder Komponente eine eigene Hintergrundfarbe verpassen. Dabei musst du natürlich versuchen möglichst immer die gegenläufigsten Farben zu nutzen! Neon-Farben sind auch immer sehr begehrt. Je angeätzter die Augen reagieren desto besser!!!

 

[Developer_X]

Danke an LoR, den Artikel werde ich mir durchlesen.

@EDIT:
Der Artikel war wirklich sehr hilfreich, weil er die Liste enthalten hatte, mit den Verschiedenen Values für das state tag, danke

 

[Landei]

Ach so, für eine gelungene Farbpalette würde ich mich nicht nur auf die eigenen Matschaugen verlassen: kuler

 

[Morl99]

Ach so, für eine gelungene Farbpalette würde ich mich nicht nur auf die eigenen Matschaugen verlassen: kuler

wow ich hab ja schon viele colorChooser und SchemeCreators gesehen, den Kuler kannte ich aber nicht... Thx!

 

[Developer_X]

Tag 4: 25.09.2010
-----------------------------------------
Ich habe jeden Tag ein paar neue Styles in Componente eingefügt.
Nun habe ich immer noch ein paar probleme, die ich nicht lösen kann, und die beschreibungen
zu synth sind wirklich spärlich, schade dass es nicht ein online-tutorial steht, in dem alles
und jede Liste steht, die man nutzen könnte, bei der Style programmierung.

-----------------------------------------
Meine Probleme:
-----------------------------------------

• Ich habe mal wieder das Problem mit der JTextArea, und dem JTextField, die Standardschriftfarbe für diese Componente stellte ich auf schwar, doch markiere ich jetzt den Text, dann erscheint die Markierungsfläche schwarz, sowie der markierte Text, denn er ist auch schwarz. Also kann man den Text gar nicht mehr lesen, wenn man ihn markiert. Wie kann ich in der XML-Datei einstellen, welche Farbe der markierte Text, und die Markierungsfläche haben sollen?
• Ich habe beim Button die ganzen Listener die ich für nötig hielt eingebaut, sprich : normal, wenn die Mouse drüber fährt, wenn auf das Component geklickt wird, doch dasselbe wollte ich auch bei JMENU und JMENUITEM machen, dabei kam aber leider nichts raus, obwohl ich genauso gehandhabt habe, wie bei JButton. Hier mein Code :
  [XML]
  <style id="menu">
  <insets top="5" left="5" right="5" bottom="5"/>
  <state>
  <opaque value="false" />
  </state>
  <state value="MOUSE_OVER">
  <opaque value="true" />
  <painter method="menuBackground" idref="painter" />
  </state>
  </style>
  <bind style="menu" type="region" key="menu" />
  [/XML]
  Ich habe auch mal printlines angewendet, um zu sehen ob meine Methode überhaupt erfasst wird was nicht der Fall ist. Anstatt dass man nur die Schrift des Menus sieht, wenn man nichts mit ihm macht, und dass wenn man ihn überfährt ein hintergrund zu sehen ist, ist da eine weiße fläche, die ganze zeit, mit der schrift darauf.
  
• Bei der ProgressBar habe ich auch ein Problem, den Hintergrund kann ich ganz einfach zeichnen, aber was ist mit dem Foreground? Wie kann ich bestimmen, wie groß die Value() ist? Ich habe es mit dem Synth Context versucht, aber bin auch nicht weiter gekommen, was kann ich tun?
  

      public void paintProgressBarBackground(SynthContext context,Graphics g, int x, int y, int w, int h)
      {
          Graphics2D g2 = (Graphics2D)g;
          g2.setPaint(new GradientPaint(x, y, Color.WHITE,x,y+h/2, Color.LIGHT_GRAY));
          g.fillRect(x, y, w, h/2);
          g2.setPaint(new GradientPaint(x, y+h/2, Color.WHITE,x,y+h, Color.LIGHT_GRAY));
          g.fillRect(x, y+h/2, w, h/2);
        
  //      jetzt möchte ich im int progress den Wert der Value der ProgressBar abspeichern, und dann den Fortschritt zeichnen, wie kann ich das machen?
          g2.setPaint(null);
      }

-----------------------------------------

Könnt ihr mir bitte helfen?

Danke für all eure Antworten,
m.f.G. Developer_X

 

[Landei]

Vielleicht hilft das weiter? Advanced Synth
Unter "Resources" stehen dort noch weitere Links

 

[Developer_X]

Landei, ich danke dir sehr, ich habe fast schon alle durchgelesen, aber meine Probleme gehen dadurch immer noch nicht weg.

Jetzt habe ich wieder ein neues, und zwar,
will ich einen Slider zeichnen, in der XML-Datei habe ich folgendes notiert:

	<style id="scrollbarthumb">
		<state>
			<painter method="ScrollBarThumbBackground" idref="painter" />
		</state>
	</style>
	<bind style="scrollbarthumb" type="region" key="ScrollBarThumb" />
	
	<style id="scrollbartrack">
		<state>
			<painter method="scrollBarTrackBackground" idref="painter" />
		</state>
	</style>
	<bind style="scrollbartrack" type="region" key="ScrollBarTrack" />	
	
	<style id="scrollbar">
		<state>
			<painter method="arrowButtonForeground" idref="painter" />
		</state>
		<state value="PRESSED">
			<painter method="arrowButtonForeground" idref="painterA" />
		</state>
	</style>
	<bind style="scrollbar" type="region" key="ArrowButton" />

Leider wird alles gezeichnet, außer einer Sache, und zwar bei dem THUMB, also wie im IE, z.B., das Ding an dem man zieht.

Es wird einfach nicht gezeichnet, wenn ich das nicht bind-e, dann ist da ein weißer Kasten, wenn ich es bind-e, dann ist da gar nichts zu sehen, nur noch der Track.

Ich habe deswegen gedacht, vielleicht ist da ein Fehler, und gab eine System.out.println in die Methode, aber leider wird diese auch nicht aufgerufen, also entweder ich bin blöd und sehe meinen Fehler nicht, oder Synth hat noch einige Mängel und müsste verbessert werden.

Wo ist der Fehler denn?

Bitte helft mir,
m.f.G. Developer_X

 

[Landei]

Ich kann dir da leider auch nicht helfen, sooo tief habe ich mir das nicht angeschaut. Beim Googlen kam noch

JavaDesktop: The Synth Look and Feel

und

Synth File Format

raus. Insgesamt scheint die Doku sehr spärlich zu sein.

 

[Developer_X]

Ich danke dir sehr Landei, doch leider habe ich schon all diese Dokumente gelesen.

Schade dass so etwas tolles wie Synth, mit dem man eigentlich tolle Möglichkeiten hat, so schlecht dokumentiert ist, und es wirklich kein richtiges Tutorial gibt. Außerdem muss ich ehrlich sagen, dass viele Dinge, die in den Tutorials stehen gar nicht funktionieren, und deshalb weiß ich wirklich nicht weiter, das ist schon ziemlich blöd.

Aber trotzdem danke dir.

Developer_X

 

[Developer_X]

Wenn man nach Synth look and Feel googled, findet man auch eine Nachgängerversion namens Synthetica über die es auch keine richtigen Tutorials gibt,

;

 

[Landei]

Synthetica ist zwar ein Nachfolger von Synth, aber leider nicht frei: Synthetica - Java Look And Feel

 

[Bierhumpen]

Schade dass so etwas tolles wie Synth, mit dem man eigentlich tolle Möglichkeiten hat, so schlecht dokumentiert ist, und es wirklich kein richtiges Tutorial gibt. Außerdem muss ich ehrlich sagen, dass viele Dinge, die in den Tutorials stehen gar nicht funktionieren, und deshalb weiß ich wirklich nicht weiter, das ist schon ziemlich blöd.

Ich glaube, dass hier wie so oft bei dir das Problem vor dem PC zu suchen ist und nicht bei Synth oder der Dokumentation...

Wenn man nach Synth look and Feel googled, findet man auch eine Nachgängerversion namens Synthetica über die es auch keine richtigen Tutorials gibt,

;

Synthetica ist kein "Nachfolger" von Synth sondern einfach ein L&F was Synth benutzt. Offenbar haben es andere also auch geschafft mit Synth ein vernünftiges L&F zu erstellen.

 

[Developer_X]

Aber wenn ich es doch sage, Synth funktioniert einfach nicht.

Z.B. mit der Thumb sache, in allen Tutorials wird gesagt wies geht, ich mache es, und Synth bindet es einfach nicht ein, aber es gibt auch keine exception aus, thumbs kommen bei slidern oder auch bei der Slider vor, quasi immer das, andem man zieht.

Es klappt einfach nicht. Warum weiß ich auch nicht.
[XML]
<style id="slider">
<painter method="sliderBackground" idref="painter" />
</style>
<bind style="slider" type="region" key="slider" />

<style id="sliderTrack">
<painter method="sliderTrackBackground" idref="painter" />
</style>
<bind style="sliderTrack" type="region" key="sliderTrack" />

<style id="sliderThumb">
<painter method="sliderThumbBackground" idref="painter" />
</style>
<bind style="sliderThumb" type="region" key="sliderThumb" />
[/XML]

    public void paintSliderBackground(SynthContext context, Graphics g, int x,int y,int w,int h)
    {
    	g.setColor(Color.white);
    	g.fillRect(x,y,w,h);
    }
    public void paintSliderTrackBackground(SynthContext context, Graphics g, int x,int y,int w,int h)
    {
        Graphics2D g2 = (Graphics2D)g;

        g2.setPaint(new GradientPaint(x, y, Color.WHITE,x,y+h,Color.cyan));
    	g.fillRect(x,y,w,h);

    	g.setColor(Color.black);
    	g.drawRect(x,y,w-1,h-1);
    }
    public void paintSliderThumbBackground(SynthContext context, Graphics g, int x,int y,int w,int h)
    {
    	g.setColor(Color.blue);
    	g.fillRect(x,y,w,h);
    }

Er zeichnet alles außer sliderthumbbackground.

Warum?

Kannst dus mir sagen, du Bierhumpen, Bierhumpen? :autsch:

 

[LoR]

Ohne viel Ahnung von der Thematik zu haben sagt mir Google:

[XML]
<style id="sliderStyle">
<state>
<imagePainter method="sliderThumbBackground" path="images/picture2.png"
sourceInsets="10 10 10 10"/>
</state>
</style>
<bind style="sliderStyle" type="region" key="sliderThumb" />
[/XML]

Probier mal sowas.

 

[Developer_X]

Ohne viel Ahnung von der Thematik zu haben sagt mir Google:

[XML]
<style id="sliderStyle">
<state>
<imagePainter method="sliderThumbBackground" path="images/picture2.png"
sourceInsets="10 10 10 10"/>
</state>
</style>
<bind style="sliderStyle" type="region" key="sliderThumb" />
[/XML]

Probier mal sowas.

So schlau war ich auch schon, mal mit images ausprobieren, wenns nicht klappt, geht aber leider auch nicht.

Da wird nichts gezeichnet .

Ich bin so was von verzweifelt, das ist doch nicht möglich, sind das etwa Idioten?! Es kann ja wohl nicht sein, dass deren Code nicht funktioniert,
;(

 

[Drachenbauer]

Die Links am Anfang der Diskusion, deren Adresse mit http://java.sun.com beginnt, werden nach https://www.oracle.com/java/technologies/
weitergeleitet.
Wie kann ich diese Weiterleitung verhindern, um den tatsächlich verlinkten Inhalt anzuzeigen?

 

[White_Fox]

Hat jemand Kuchen mitgebracht? Der Thread hat vor ein paar Wochen seinen 10. Geburstag gefeiert...

 

[kneitzel]

Zombiealarm!

Die Inhalte wird es bei Sun so auch nicht mehr geben, denn Sun wurde ja von Oracle gekauft....
Aber wenn man Google nutzt, dann finden sich einige interessante Links ... Wie z.B. https://docs.oracle.com/javase/tutorial/uiswing/lookandfeel/index.html