Tab button with outer round corner

StackOverflow https://stackoverflow.com/questions/13451382

  •  30-11-2021
  •  | 
  •  

Question

I want to create a skin for TabBarButton looking like that sample: enter image description here

There are out-rounded bottom corners. How I can make this with MXML marking?

Was it helpful?

Solution

In your button skin for the Rect set positive y radius and negative x radius.

<s:Rect left="0" right="0" top="0" bottom="0"
            bottomLeftRadiusX="-5" bottomLeftRadiusY="5"
            bottomRightRadiusX="-5" bottomRightRadiusY="5">
Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top