Wenn ich eine "neue mobile Firemonkey Anwendung" erstelle. dort ein einfaches Beispiel-Projekt "Registerkarten" wähle.
Danach integriere ich ein Stylebook und wähle den mitgelieferten "Dark.style" aus.

Die TabItems unten, so soll es sein( so ist es auch gewollt)
Nur dummerweise sieht das recht schräg aus, weil der Style für den Fall entwickelt wurde, wenn die Items oben sind.
So sind zum beispiel die abgerundeten Ecken oben, sie sollten aber unten sein. (da die abgerundeten Ecken nur oben sein sollten, wenn die Items onTop sind)
Das bekomme ich noch hin, aber die Farbverläufe sind das Problem.
Hat es schonmal jemand hinbekommen, dass ein TabItem auf der unteren Seite genauso aussieht wie oben, nur seitenverkehrt.
Farbverläufe von Hell nach Dunkel, anstatt von Dunkel nach Hell, runde Ecken unten, anstatt oben.
sowohl aktives als auch nicht aktives Item genau vertauscht.

Top und Bottom Margins ebenso vertauscht.
Position.x und y

der Gradient in:

markieren

Delphi-Quellcode:

  object TLayout
    StyleName = 'tabitemstyle'
    object TRectangle

ist wohl der Knackpunkt, nur verstehe ich das Verhalten noch nicht so recht ..

Das wird nicht lustig. Das ist ja ein Bitmapstyle. Das tabitemstyle.bottom Objekt besitzt TBitmaplinks-Eigenschaften. Deren SourceRect-Eigenschaft zeigt auf einen Ausschnitt in die einfach vergrößerte Stilelements-Bitmap (style.png).

Du müsstest also die Style.png bearbeiten, indem Du Dir einen freien Bereich heraussuchst oder den Canvas vergrößerst, und dort Deinen Button-Hintergund hineínmalst.

Das wiederholst Du dann für alle vorhandenen Skalierungsstufen (15x, 20x 30x).

Die Koordinaten Deines Ausschnitts in der einfachen Vergößerung trägst Du dann in das SourceRect ein.

Dies wäre die saubere Variante.

Alternativ kannst Du natürlich versuchen einen Button in den Style aufzunehemn und den mit einem entsprechenden Gradient versehen.