2 Replies Latest reply on Jan 16, 2012 3:32 PM by gkcohen

    Flex Mobile: Tabbar Skin

    fatih34 Level 1

      In flex, is there any way to make tabbar's skin like below?

      tabbar.PNG

      I mean that selected tab icon's color is blue while others are uncolored. But in flex, icon is colored even if tab is not selected.

        • 1. Re: Flex Mobile: Tabbar Skin
          fatih34 Level 1

          Any idea?

          • 2. Re: Flex Mobile: Tabbar Skin
            gkcohen Level 1

            You can use a color matrix filter. In this example, the original image is in the selected state, ie blue, and the color matrix filter changes it to solid white in the UP state. I'm sure there might be a better way, but this has worked for me.

             

            <s:BitmapImage id="iconDisplay" horizontalCenter="0" verticalAlign="middle" verticalCenter="0">

                <s:filters>

                    <s:ColorMatrixFilter includeIn="up" matrix="[1,1,1,0,0,1,1,1,0,0,1,1,1,0,0,0,0,0,1,0]" />

                </s:filters>

            </s:BitmapImage>

             

            Hope that helps.