AGB  ·  Datenschutz  ·  Impressum  







Anmelden
Nützliche Links
Registrieren
Thema durchsuchen
Ansicht
Themen-Optionen

FMX: Buttons mit größerem Bild - wie?

Ein Thema von Alter Mann · begonnen am 30. Jul 2021 · letzter Beitrag vom 3. Aug 2021
Antwort Antwort
Alter Mann

Registriert seit: 15. Nov 2003
Ort: Berlin
946 Beiträge
 
Delphi 10.2 Tokyo Professional
 
#1

FMX: Buttons mit größerem Bild - wie?

  Alt 30. Jul 2021, 07:23
Moin,

Ich fange grade an erste Schritte in/mit FireMonkey zu versuchen.
Leider Scheiter ich schon an einfachen Sachen wie Buttons mit 'größeren' Bildern
auszustatten. Als Beispiel ein Screenshot mittels VCL realisierter Demo-App.

Soetwas würde ich gern auch in FireMonkey machen, aber wie?

Danke
Miniaturansicht angehängter Grafiken
vcl-test.png  
  Mit Zitat antworten Zitat
Rollo62

Registriert seit: 15. Mär 2007
4.093 Beiträge
 
Delphi 12 Athens
 
#2

AW: FMX: Buttons mit größerem Bild - wie?

  Alt 30. Jul 2021, 08:44
Du könntest mit
  fmxIcon := LBtn.FindStyleResource('icon'); oder so ähnlich die im Style enthaltenen Elemente rausholen, und dann wie normale FMX Controlls bearbeiten.

Oder mit den Styles die Elemente bearbeiten und verändern (global oder nur für das eine Control).
http://docwiki.embarcadero.com/RADSt...S_and_Android)

Das sieht dann aber auch unter jeder Platform anders aus, und geht unter Umständen nicht immer.

Weil mir das aber mit Abstand zu viel Frickelei für sowas Simples ist habe ich mir kurzerhand meine eigene "Buttons" gebaut,
als neue Komponente aus den Primitiven Shapes, mit
TRectangle, TGlyph und TText.

TRectangle behandelt die Clicks, und den Rest kann ich so arrangieren wie ich möchte.
Der Vorteil ist, dass es auch auf jeder Plattform gleich aussieht, und sich so verhält wie ich es möchte.

Das ist übrigens die Einzige neue Komponente die ich neu angelegt habe, den Rest passe ich über Interposer an meine Bedürfnisse an,
z.B. TListBox, TListView, TTabControl, TEdit.
Nur beim Button ging das nicht so gut.

Ich empfehle sowieso möglichst für Alles nur die primitiven Shapes zu nehmen, die sind 100% zuverlässig und daraus kann man sich Alles leicht aufbauen.
Alles was darüber ist hat so seine Ecken und Kanten.

Geändert von Rollo62 (30. Jul 2021 um 08:48 Uhr)
  Mit Zitat antworten Zitat
Benutzerbild von blawen
blawen

Registriert seit: 1. Dez 2003
Ort: Luterbach (CH)
677 Beiträge
 
Delphi 12 Athens
 
#3

AW: FMX: Buttons mit größerem Bild - wie?

  Alt 30. Jul 2021, 17:13
Der Unterschied in der Herangehensweise zwischen den zwei Bibliotheken ist doch relativ gross.
Neu sind Dinge möglich, die in der VCL gar nicht realisierbar sind und daher kommt man meist nicht auf das Naheliegende.

In diesem Fall habe ich normale TButtons, ein Rectangle und zwei Labels genommen und alles dem TButton zugewiesen.
button.jpg

struktur.png
Roland
  Mit Zitat antworten Zitat
Rollo62

Registriert seit: 15. Mär 2007
4.093 Beiträge
 
Delphi 12 Athens
 
#4

AW: FMX: Buttons mit größerem Bild - wie?

  Alt 30. Jul 2021, 20:21
Ja das kann man auch machen, aber für so eine Standardfunktion ist das nicht wirklich befriedigend.
Ich packe mir auch viel Spezielles in Frames, die ich dann zur Laufzeit wunderbar wiederverwenden kann.
  Mit Zitat antworten Zitat
Alter Mann

Registriert seit: 15. Nov 2003
Ort: Berlin
946 Beiträge
 
Delphi 10.2 Tokyo Professional
 
#5

AW: FMX: Buttons mit größerem Bild - wie?

  Alt 31. Jul 2021, 22:33
Hallo Leute,

ist das Euer Ernst?
Nix wie 'Glyph'-Property, Picture zuweisen;
oder Images zuweisen, Index festlegen: fertig?

Toll...
  Mit Zitat antworten Zitat
TurboMagic

Registriert seit: 28. Feb 2016
Ort: Nordost Baden-Württemberg
2.942 Beiträge
 
Delphi 12 Athens
 
#6

AW: FMX: Buttons mit größerem Bild - wie?

  Alt 1. Aug 2021, 20:36
1. Es gibt vordefinierte Stile, die je nach Plattform
unterschiedliche Icons haben.

2. Es gibt inzwischen auch eine TImageList und somit
ImageIndex.

3. Und man kann auch eigene Stile definieren, da ist
mehr machbar. Das ist dann aber Plattform abhängig.

FMX kann also verschiedenes, wenn's auch nicht immer
perfekt oder bugfrei ist...

Grüße
TurboMagic
  Mit Zitat antworten Zitat
Benutzerbild von Harry Stahl
Harry Stahl

Registriert seit: 2. Apr 2004
Ort: Bonn
2.533 Beiträge
 
Delphi 11 Alexandria
 
#7

AW: FMX: Buttons mit größerem Bild - wie?

  Alt 1. Aug 2021, 23:15
Hallo Leute,

ist das Euer Ernst?
Nix wie 'Glyph'-Property, Picture zuweisen;
oder Images zuweisen, Index festlegen: fertig?

Toll...
Ich finde auch, FMX sollte bei den Buttons mehr direkt auswählbare Flexibilität aufweisen und man sollte nicht direkt an den Styles rumbasteln müssen.

Wie auch immer, es geht. Du kannst eine Imagelist verwenden, da fügst Du am besten die Bilder in der Auflösung ein, die Du maximal verwenden willst (ignoriere die Frage nach Aufteilung oder Skalierung, setze Breite und Höhe in dem ImageList-Dialog, bevor Du Bilder hinzufügst). Dann weist Du dem Button die ImageList zu und den ImageIndex.

Um die Images in den Buttons in der gewünschten Größe zu erhalten, klickst Du mit der rechten Maustaste auf den Button und wählst "Benutzerdefinierten Style" aus. Aus dem Button editierst Du den "Glyphstyle" und änderst ihn zB. in Breite und Höhe jeweils auf die gewünschte Größe, z.B. 48.

Soll das Bild zudem oben sein, wählst Du noch Align Top.

Allen Buttons, die mit der entsprechenden Größe angezeigt werden sollen, weist Du den entsprechenden Style im Feld "StyleLookUp" zu. Auf diese Weise kannst Du auch unterschiedliche Styles definieren, so dass Du Schalter mit großen oder kleinen Bildern
bekommst und Text z.B. linksbündig oder oben steht.

Sie anliegend 2 Screenshots, einmal im Stil-Designer, einmal das Ergebnis.

Alternativ könnte ich Dir noch die FNC-Komponenten von TMS empfehlen, da kann man den TMSFNCButton so ähnlich wie den VCL-Button verwenden (im Bild 2 der letzte Button unten).
Miniaturansicht angehängter Grafiken
stildesigner.png   ergebnis.png  

Geändert von Harry Stahl ( 1. Aug 2021 um 23:22 Uhr)
  Mit Zitat antworten Zitat
Rollo62

Registriert seit: 15. Mär 2007
4.093 Beiträge
 
Delphi 12 Athens
 
#8

AW: FMX: Buttons mit größerem Bild - wie?

  Alt 3. Aug 2021, 08:02
Ich habe z.B. in vielen Projekten eine "Standardressource" drin, mit ImageList, Egal ob ich die alle brauche oder nicht.
So kann ich immer schnell auf Icons zugreifen, und habe auch immer den gleichen Stil.

Genau das macht FMX mit de Stilen, da ist eine "Tapete" mit den gängigsten Icons drin, die man nutzen kann, und auch ändern kann.
Blöd ist es dann wenn die Standard-Tapete nicht ausreicht ...
  Mit Zitat antworten Zitat
Alter Mann

Registriert seit: 15. Nov 2003
Ort: Berlin
946 Beiträge
 
Delphi 10.2 Tokyo Professional
 
#9

AW: FMX: Buttons mit größerem Bild - wie?

  Alt 3. Aug 2021, 11:52
OK, Danke.

Ich werd mir die ganze Sache mal genauer ansehen.
Scheint ja nicht so schwer/umständlich zu sein
  Mit Zitat antworten Zitat
Alter Mann

Registriert seit: 15. Nov 2003
Ort: Berlin
946 Beiträge
 
Delphi 10.2 Tokyo Professional
 
#10

AW: FMX: Buttons mit größerem Bild - wie?

  Alt 3. Aug 2021, 14:19
Zitat:
Um die Images in den Buttons in der gewünschten Größe zu erhalten, klickst Du mit der rechten Maustaste auf den Button und wählst "Benutzerdefinierten Style" aus. Aus dem Button editierst Du den "Glyphstyle" und änderst ihn zB. in Breite und Höhe jeweils auf die gewünschte Größe, z.B. 48.
Das war's

Danke
  Mit Zitat antworten Zitat
Antwort Antwort


Forumregeln

Es ist dir nicht erlaubt, neue Themen zu verfassen.
Es ist dir nicht erlaubt, auf Beiträge zu antworten.
Es ist dir nicht erlaubt, Anhänge hochzuladen.
Es ist dir nicht erlaubt, deine Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus

Gehe zu:

Impressum · AGB · Datenschutz · Nach oben
Alle Zeitangaben in WEZ +1. Es ist jetzt 12:41 Uhr.
Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
LinkBacks Enabled by vBSEO © 2011, Crawlability, Inc.
Delphi-PRAXiS (c) 2002 - 2023 by Daniel R. Wolf, 2024 by Thomas Breitkreuz