Customizing Flex (4) Tabbar

I 'm new to Flex (4) and just learning by doing! Recently i got the requirement to make a tabbar look like the following (got from a known site)

I think i have to use a skin!? If yes how t开发者_如何学Co achieve this? Asking because this component has buttons in it!

Thanks in advance

---

There is a spark TabBar component in Flex 4.

Create a new Skin for the TabBar this is based on the default spark.skins.spark.TabBarSkin

In this skin, you will see there is a DataGroup component that displays buttons. These buttons are the TabBar buttons. So you need to change the Skin of these buttons :

<s:ButtonBarButton skinClass="YourOwnBlackTabBarButtonSkin" />