TabNavigator gradient

[quick6black]

TabNavigator gradient

[quick6black]

import flash.display.GradientType;
import mx.core.mx_internal;

use namespace mx_internal;

override protected function drawBackground(unscaledWidth:Number, unscaledHeight:Number):void
{
super.drawBackground(unscaledWidth, unscaledHeight);

	colorMatrix.createGradientBox(unscaledWidth, unscaledHeight, Math.PI /2,0,0);
	graphics.beginGradientFill(GradientType.LINEAR, [0x120CCA,0xBB00D1], [1,1],[0, 255],colorMatrix);
	graphics.drawRect(0, 0, unscaledWidth, unscaledHeight);
	graphics.endFill();
}

[quick6black]

the old actionbar component used a gradient color, which is very similar to what you were looking for. The old tabbedViewNavigator component used images for the buttons.

https://github.com/apache/flex-sdk/blob/master/frameworks/projects/mobiletheme/src/spark/skins/mobile/TabbedViewNavigatorTabBarFirstTabSkin.as

you could look at that for a start.

[leossmith]

Can you help me with changing the size of the tab bar? Is there a way to set the ButtonBarSkin height in

measuredWidth = dataGroup.measuredWidth; measuredHeight = dataGroup.measuredHeight;
via CSS or another way? If I hardcode it it works, but I don't think this is the best option.

The left is what I currently have. The right is what I am trying to achieve

I need some help to understand how to change the size the overall size of tabbar and icons.

Thank you.

[quick6black]

I had actually worked on this a while ago and never merged it in, see if this will work.

I added in tabbedViewNavigatorSkin, here is the link to the .as file
https://github.com/quick6black/flex-Android-Material-Skins/blob/master/src/spark/skins/android5/TabbedViewNavigatorSkin.as

there is also one addition to the CSS file. In the skin file you can change the height of the tab bar and the button heights will update to match. Let me know if you have any issues

[leossmith]

I will try it and let you know. I am building an awesome new app and your skins make flex really shine.

[quick6black]

awesome, looking forward to seeing some screenshots of the UI