Wie funktioniert der Bitmap-Stil-Designer

[Darlo]

Hallo zusammen,

da ich ein Projekt von XE2 nach XE5 schwingen will, habe ich mir den Bitmap-Stil-Designer angesehen. Ich wollte zum Testen einfach nur die Farbe eines Buttons ändern, ohne Erfolg.
Wie funktioniert denn das Ding?

[Union]

Du musst die entsprechende png (unter Images) in den verschiedenen Auflösungen berbeiten. Im Stil ist bei den Controls eine Liste von Ausschnitts-Koordinaten des Images.

[Darlo]

Wo soll ich die denn bearbeiten, exportieren und um Grafikprogramm? Dann habe ich aber nur eine PNG-Datei die keine Infos enthält. Wäre hier eine offene Datei nicht sinnvoll, in der man einfach den Verlauf etc. anpassen kann? Oder verstehe ich es immernoch nicht :?

[Union]

Ja, exportieren, bearbeiten, wieder rein damit. Für jede Auflösung. Wie ich schrieb, ist die Information über die für die Controls zu verwendenden Bildausschnitte im Style des jeweiligen Controls enthalten.

[Darlo]

Und wie soll das funktionieren dass man das sauber hinbekommt? Mit dem "Zauberstab" erwischt man ja die Ränder und Konturen nicht sauber... Gibt es da eine Vektor-Datei von?

EDIT: OK habs verstanden. Wäre aber wirklich nett wenn EMBA dafür eine bearbeitbare Datei zur Verfügung stellt...

[Union]

EMBO hat dafür extra Designer.

[Harry Stahl]

Zitat:

Zitat von Darlo (Beitrag 1255057)

Wo soll ich die denn bearbeiten, exportieren und um Grafikprogramm?

Auch wenn Du die Sache inzwischen schon gelöst haben solltest: Vielleicht hier Dir noch dieser Beitrag zusätzlich weiter:

http://www.devpage.de/blog/firemonkey-Teil6.htm

Dort habe ich mal beschrieben, wie man an die Style-Bitmap rankommt, sie bearbeitet und wieder zurückschreibt.

[Harry Stahl]

Damit man sich das noch ein wenig besser vorstellen kann, habe ich auch noch ein ganz kurzes Video dazu erstellt,

siehe hier auf YouTube: http://youtu.be/LclDKqrj5So

[Darlo]

Vielen Dank für die Hinweise, damit konnte ich was anfangen. Ich habe mich jetzt dran gemacht die style.png nachzubauen. In meinen Augen ist das der einzige Weg ein sauberes Design hinzubekommen das die gewünschte Farbwelt wiedergibt. Wenn ich die Datei fertig habe werde ich sie hier mal hochladen. Dann kann man einfach Konturen und Füllung von jedem Control im Grafikprogramm bearbeiten.

[Harry Stahl]

Zitat:

Zitat von Darlo (Beitrag 1255175)

Ich habe mich jetzt dran gemacht die style.png nachzubauen. ... Wenn ich die Datei fertig habe werde ich sie hier mal hochladen. Dann kann man einfach Konturen und Füllung von jedem Control im Grafikprogramm bearbeiten.

Was meinst Du denn mit "nachzubauen"? Außerdem kann man die XXXStyle.png-Datei doch schon jetzt im Grafikprogramm bearbeiten, habe ich doch im o.g. Video gezeigt.

Oder was meinst Du mit Deinem Hinweis?

[Darlo]

Erstmal noch mal vielen Dank für Deine tolle Hilfe!

Da ich oft Programme in der CI des Kunden erstelle, glaube ich das es einfacher ist eine Bildatei zu bearbeiten ohne Wissen von Koordinaten zu haben. Ich will einfach z.B. in Fireworks den ButtonHintergrund anklicken und Kontur und Füllung ändern.

[stahli]

Du willst einen neuen Style-Designer bauen?

[TiGü]

Er bearbeitet einfach nur die exportierte Style.png und importiert dann die Änderungen zurück in den Style-Designer.

[Darlo]

Zitat:

Zitat von TiGü (Beitrag 1255279)

Er bearbeitet einfach nur die exportierte Style.png und importiert dann die Änderungen zurück in den Style-Designer.

Genau, war gestern nicht in der Lage das in Worte zu fassen ;-)

So kann man die style.png doch am komfortabelsten bearbeiten, oder?

[Darlo]

Das ist jetzt einmalig bisschen Fummelarbeit, anschließend kann man die Farbwelt jedoch nur durch einfaches austauschen der Style.png relative schnell umsetzen.

[Harry Stahl]

Sorry, habe immer noch nicht verstanden, was Du genau vorhast.

Die angehängte Grafik bildet ja nur eine Teilmenge der vorhandenen Komponenten ab. Willst Du diese Grafik statt der Original in FireMonkey mitgelieferte Grafik (XXXStyle.png)verwenden? Und wenn ja, wo ist der Vorteil zum bestehenden Ansatz?