FLex3中弹出窗口包含TabNavigator时标签页的标题显示不完全的问题及解决方法

最新推荐文章于 2018-11-28 13:23:36 发布

原创最新推荐文章于 2018-11-28 13:23:36 发布 · 185 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#Adobe #XML

FLEX 专栏收录该内容

21 篇文章

订阅专栏

本文介绍了解决Flex中TabNavigator组件标题字体自动加粗的问题，提供了三种有效的方法：调整样式、确保最后一个文本控件为加粗字体及在首个标签后添加空格。

解决方法有3种：

1.增加样式activeTabStyle并设置字体不加粗。下面的代码为了统一标题的样式，也设置了TabNavigator的tabStyleName样式。

<?xml version="1.0" encoding="utf-8"?>
<mx:Panel xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" width="400" height="300" fontSize="12">
	<mx:Style>
		.tabStyle, .activeTabStyle
		{
			font-weight:normal
		}
	</mx:Style>
	<mx:Script>
		<!--[CDATA[
			import mx.managers.PopUpManager;
		]]-->
	</mx:Script>
	<mx:TabNavigator width="100%" height="100%" creationPolicy="all" tabStyleName="tabStyle">
		<mx:Canvas label="基本信息" width="100%" height="100%">
			<mx:Button x="39" y="10" label="按钮"/>
		</mx:Canvas>
		<mx:Canvas label="基信本息" width="100%" height="100%">
			<mx:Label id="msgLbl" x="39" y="10" text="标签"/>
		</mx:Canvas>
	</mx:TabNavigator>
	<mx:ControlBar horizontalAlign="right">
		<mx:Button id="closeBtn" label="Close" click="PopUpManager.removePopUp(this)"/>
	</mx:ControlBar>
</mx:Panel>

2.保证最后一个文本控件的字体是加粗的。如以上的代码如果TabNavigator的creationPolicy是默认的auto，则由于closeBtn默认是加粗的，因此可以不设置。如果creationPolicy是all，则必须保证最后一页的最后一个控件的字体是加粗的，也可以放一个不显示的Label，如

<mx:Label includeInLayout="false" visible="false" text="隐藏的Label" fontWeight="bold"/>

3.在第一个标签页的label后加一个空格，如

<mx:Canvas label="基本信息 " width="100%" height="100%">

经试验，所需空格的数量标题的长度有关，当标题只有一个字时不用加空格，之后每增加4个字要加一个空格。

如果弹出窗口时不执行PopUpManager.centerPopUp()，或者不用弹出窗口、TabNavigator直接显示在Application中，此时TabNavigator显示出来后会再刷新一次从而显示正确的标题，因此不需做任何改动。