Modernes Aussehen - Symbole, etc.

[slemke76]

Hallo zusammnen,

zugegebnermassen, der Thread-Titel ist ein wenig schwierig gewesen ;-)
Also - ich habe eine Applikation, die ürsprünglich unter D7 entwicklet wurde und im Laufe der Zeit immer mal aktualisiert wurde (XE2, XE4, Indy 10, etc.). Es handelt sich also um eine VCL 32 bit Anwendung, das Aussehen ist sehr "antiquiert". Also ich heute XE8 installiert habe, habe ich so gedacht, dass die Ansicht im Installationsprozess von XE8 genau das ist, was ich bräuchte - mein Programm arbeitet im wesentlichen auch nur einige Schritte ab, gibt Rückmeldung, beendet sich.

Ich habe einmal einen Screenshot angehängt.

Ziel wäre jetzt, die Maske einfach nachzubauen. Ich habe jetzt ein wenig gegoogelt und auch hier gesucht, aber nichts so recht gefunden.

Die Fragestellung wäre jetzt, wie ich das ganze am effektivsten bewerkstellige. Zu D7 Zeiten hätte ich jetzt zum Beispiel die Grafiken für den grünen Haken (vor "Informationssammlung") mit Photoshop (oder ähnlichen) ausgeschnitten und in meinem Projekt entsprechend als Grafik eingebunden.

Geht das inzwischen nicht auch einfacher? Gibt es Zeichen im Unicode-Satz, mit denen ich so etwas bewerkstelligen kann? Ich weiss von früher, dass es auch häufig irgendwelche Komponenten-Packs gibt / gab, mit denen man solche Dinge bewerkstelligen kann.

Wie löst man 2016 so ein Problem am "besten" - selber malen, Unicode Zeichen, andere Delphi Boardmittel (welche?), Komponenten-Packs, ...

Tut mir leid, wenn ich so blöd frage (kommme mir echt blöd vor ;-) - ich müsste mal auf die richtige Schiene gesetzt werden ;-)

Danke,
Sebastian

[Der schöne Günther]

Oh, das ist eins der Themen das spätestens ab Seite zwei in ärgste Glaubens- und Grabenkriege abdriften wird :thumb:

Schriftarten beinhalten seit Windows 7 mittlerweile eine Menge Symbole. Win8 und 10 noch einmal deutlich mehr. Stöber mal hier: http://unicode-table.com/de/
Solange man nichts fachspezifisches braucht ist da eigentlich schon eine Menge drin. Keine Pixel, keine mitgelieferten Grafiken mehr.


Wenn das nicht ausreicht ist "Icons8.com" mein Wahlmittel für wirklich hervorragende Icons, auch kostenlos.


Das war's eigentlich schon. Mittlerweile hat man sich zum Glück von plastischen, glitzernden 3D-Icons verabschiedet. Die grünen pixeligen "..."-Punkte rechts unten im Installer empfinde ich eher als ein Negativbeispiel. Aber insgesamt sieht das schon nett und aufgeräumt aus :-)


Ging es dir nur darum oder auch optische Muster wie das obligatorische "Hamburger-Menü"?

[Sherlock]

Als einfachstes könntest Du probieren zwei Zeichen übereinander zu malen. Grundlage wäre zB Dez 10061 Hex 274D also: ❍ darüber dann bei Bedarf dann sowas wie Dez 10003 Hex 2713 also: ✔

Mit Firemonkey geht das recht easy - behaupte ich mal in meinem bewusstseinsgetrübten Leichtsinn. ;)

Sherlock

[Mavarik]

Erzeug Dir einfach ein entsprechendes Icon...

oder verstehe ich das Problem nicht?

[p80286]

Zitat:

Zitat von Sherlock (Beitrag 1342454)

Als einfachstes könntest Du probieren zwei Zeichen übereinander zu malen. Grundlage wäre zB Dez 10061 Hex 274D also: ❍ darüber dann bei Bedarf dann sowas wie Dez 10003 Hex 2713 also: ✔

das Erinnert mich doch stark an die Steuerung eines Matrixdruckers (Deadkey, Backstep) als wir noch jung und ....
Aber im Ernst, geht das ohne Verrenkungen???

Gruß
K-H

[Daniel]

Ich würde auch heute noch die Grafiken - vorzugsweise als PNG - erstellen, in einem Imagelist legen und dann nach Bedarf einblenden.

[Sherlock]

Grafiken skalieren halt nicht so toll wie Schrift. Mit FMX ist das übereinandersetzen zweiter TLabels ein Klacks. Weniger aufwendig als eine Multiresbitmap zu erzeugen (wenn man gewissenhaft arbeiten möchte).

Sherlock

[Mavarik]

Zitat:

Zitat von Sherlock (Beitrag 1342464)

Grafiken skalieren halt nicht so toll wie Schrift. Mit FMX ist das übereinandersetzen zweiter TLabels ein Klacks. Weniger aufwendig als eine Multiresbitmap zu erzeugen (wenn man gewissenhaft arbeiten möchte).

hmm ein icon in 4:1 definiert und die kleineren Version mit Axialis erzeugen - 2 Min. Arbeit...

Ansonsten eine TPath nehmen... Der Skaliert!

[slemke76]

Hallo,

Zitat:

Zitat von Der schöne Günther (Beitrag 1342453)

Oh, das ist eins der Themen das spätestens ab Seite zwei in ärgste Glaubens- und Grabenkriege abdriften wird :thumb:

Uiuiui - nicht meine Absicht ;-)

Zitat:

Zitat von Der schöne Günther (Beitrag 1342453)

Wenn das nicht ausreicht ist "Icons8.com" mein Wahlmittel für wirklich hervorragende Icons, auch kostenlos.

Das ist sehr cool, vielen Dank für den Link.
Ich werde mal den Vorschlag von Sherlock mit dem übereinander malen ausprobieren, bin aber recht angetan von deinem Link, das wirkt sehr "schick"

Zitat:

Zitat von Der schöne Günther (Beitrag 1342453)

Ging es dir nur darum

Ja, tatsächlich ging es mir im Wesentlichen dadrum. Hast du zum Hamburger Menü trotzdem noch einen heissen Tip?

Zitat:

Zitat von Mavarik (Beitrag 1342459)

oder verstehe ich das Problem nicht?

Hast schon recht, es ging mir mehr dadrum, mich mal auf den Stand zu bringen, ob es bessere Methoden - so etwas wie "best practice" gibt.

Zitat:

Zitat von Mavarik (Beitrag 1342465)

hmm ein icon in 4:1 definiert und die kleineren Version mit Axialis erzeugen - 2 Min. Arbeit...

Der nächste gute Tipp - Danke!

Ich werde es jetzt zunächst mit Schriften probieren und dann ggf. ein entsprechend skalierendes Icon nehmen.

Danke an alle!

Sebastian

[Der schöne Günther]

Hier noch ein gutes Beispiel für das Überlappen von Icons zu mehrfarbigen Grafiken:

http://modernicons.io/segoe-mdl2/cheatsheet/
und
https://msdn.microsoft.com/de-de/win...ui-symbol-font

Das scheint aber arg Windows-spezifisch zu sein. Im Browser klappt das toll, bei UWP-Apps sicher auch, aber wie man das in FMX oder gar noch der VCL hinbekommt bin ich grade aber auch etwas ratlos...