浏览 4627 次
|
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
|
|
|---|---|
| 作者 | 正文 |
|
发表时间：2012-04-05
<VGroup>标签写的页面，其中还包含了一个自定义组件，致使页面太长，然后嵌入<Scroller>标签中以便实现拖动浏览。结果，可以显示ScrollerBar，却没有滑动块，更不能拖动，页面还是无法显示完全被截断了——————请大神指点一二，谢谢啊！
主.mxml文件： <?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600" xmlns:local="*">
<fx:Script>
<![CDATA[
import mx.controls.scrollClasses.ScrollBar;
import mx.controls.scrollClasses.ScrollBarDirection;
import mx.events.FlexEvent;
import mx.events.IndexChangedEvent;
protected function tabs_changeHandler(event:IndexChangedEvent):void
{
tabs.getAutomationChildAt(event.newIndex);
}
]]>
</fx:Script>
<fx:Declarations>
<!-- 将非可视元素（例如服务、值对象）放在此处 -->
</fx:Declarations>
<fx:Style>
@namespace s "library://ns.adobe.com/flex/spark";
@namespace mx "library://ns.adobe.com/flex/mx";
mx|TabNavigator {
tabStyleName: "myTabs";
firstTabStyleName: "myTabs";
lastTabStyleName: "myTabs";
selectedTabTextStyleName: "mySelectedTabs";
}
.myTabs {
up-skin:ClassReference("skin.TabNavigatorTabSkin");
down-skin:ClassReference("skin.TabNavigatorTabSkin");
over-skin:ClassReference("skin.TabNavigatorTabSkin");
disabled-skin:ClassReference("skin.TabNavigatorTabSkin");
selected-up-skin:ClassReference("skin.TabNavigatorTabSelectedSkin");
selected-down-skin:ClassReference("skin.TabNavigatorTabSelectedSkin");
selected-over-skin:ClassReference("skin.TabNavigatorTabSelectedSkin");
selected-disabled-skin:ClassReference("skin.TabNavigatorTabSelectedSkin");
}
.mySelectedTabs {
}
</fx:Style>
<!--<s:NavigatorContent width="100%" height="100%">-->
<s:layout>
<s:BasicLayout/>
</s:layout>
<s:BitmapImage source="@Embed('assets/images/backGround.png')"/>
<s:BitmapImage source="@Embed('assets/images/tabBackGround.png')" x="180" y="168" width="1000" height="148"/>
<s:Scroller x="180" height="100%" width="100%" horizontalScrollPolicy="off" verticalScrollPolicy="on" >
<s:VGroup id="vGroup" x="180" width="1000" height="100%" gap="0">
<!-- 登录注册条 -->
<s:Group width="100%" height="20" >
<s:Rect top="0" bottom="0" left="0" right="0">
<s:fill>
<s:SolidColor color="#CCCCCC"/>
</s:fill>
</s:Rect>
<s:HGroup width="100%" height="100%" verticalAlign="middle">
<s:Label text="欢迎您来到 XXXX 租车网 " fontSize="15"/>
<mx:LinkButton label="登录" fontSize="15" alpha="0.8"/>
<s:Label text=" "/>
<mx:LinkButton label="免费注册" fontSize="15" alpha="0.8"/>
</s:HGroup>
</s:Group>
<!-- title“XX汽车租赁系统”图片 -->
<s:HGroup width="100%" height="148" gap="0">
<s:BitmapImage source="@Embed('assets/images/title01.png')" width="561" height="148"/>
<s:BitmapImage source="@Embed('assets/images/title02.png')" width="439" height="148"/>
</s:HGroup>
<!-- 导航条 -->
<mx:TabNavigator id="tabs" width="100%" height="100%" horizontalAlign="center" tabWidth="100" change="tabs_changeHandler(event)">
<s:NavigatorContent id="homePage" label="首页" width="100%" height="100%">
<local:HomePage width="100%" height="100%">
</local:HomePage>
</s:NavigatorContent>
<s:NavigatorContent id="companyIntroduction" label="公司介绍" width="100%" height="100%">
<local:CompanyIntroduction width="100%" height="100%">
</local:CompanyIntroduction>
</s:NavigatorContent>
<s:NavigatorContent id="typeAndPrice" label="车型及车价" width="100%" height="100%">
</s:NavigatorContent>
<s:NavigatorContent id="rentNotice" label="租车须知" width="100%" height="100%">
</s:NavigatorContent>
<s:NavigatorContent id="callUs" width="100%" label="联系我们" height="100%">
</s:NavigatorContent>
</mx:TabNavigator>
</s:VGroup>
<!--</s:NavigatorContent>-->
</s:Scroller>
</s:Application>
其中引用的自定义组件：<local:HomePage>
HomePage.mxml:
<?xml version="1.0" encoding="utf-8"?>
<s:Group xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx"
xmlns:ns="http://code.google.com/p/flex-iframe/"
width="100%" height="100%">
<fx:Declarations>
<!-- 将非可视元素（例如服务、值对象）放在此处 -->
</fx:Declarations>
<s:layout>
<s:BasicLayout/>
</s:layout>
<s:BitmapImage source="@Embed('assets/images/borderBackGround_AboutUs.png')" width="100%" height="300" x="0" y="0"/>
<s:BitmapImage source="@Embed('assets/images/borderBackGround_AboutUs.png')" width="100%" height="600" x="0" y="300"/>
<s:VGroup width="1000" height="100%">
<!-- 关于我们 -->
<s:Group width="100%" height="100%">
<s:BitmapImage x="30" y="25" width="87%" horizontalAlign="center"
source="@Embed('assets/images/aboutUsBar.png')"/>
<s:HGroup x="35" y="70" width="100%" height="400">
<s:Image right="30" width="218" height="211"
source="@Embed('assets/images/aboutUs.png')"/>
<s:Label width="630" height="100%" fontSize="15"
text="

 XXXX汽车租赁有限公司主要提供汽车的租赁服务。主要经营各种中、高档汽车的租赁业务，根据租赁时间和类型可分为：长期租车﹑年租车﹑月租车﹑日租车﹑旅游租车和婚庆租车，同时可以为客户量身定制租车计划。">
</s:Label>
</s:HGroup>
</s:Group>
<!--推荐车型 -->
<s:Group width="100%" height="100%">
<s:BitmapImage x="30" y="325" width="87%" horizontalAlign="center"
source="@Embed('assets/images/recommendBar.png')"/>
<s:VGroup x="35" y="345" width="100%" height="600">
<s:HGroup width="100%" height="150">
<s:Image x="50" y="350" width="150" height="112" source="@Embed('assets/images/automobiles/BWM.png')"/>
<s:VGroup x="210" y="350" width="150" height="112">
<s:Label text="〖BWM〗" color="blue"/>
<s:Label text="基本费用：450元/日"/>
<s:Label text="费用包括：司机工资+汽油费+保险费"/>
<s:Label text="另付费用：停车过路过桥费"/>
</s:VGroup>
<s:Image x="450" y="350" width="150" height="112" source="@Embed('assets/images/automobiles/GL8.png')"/>
<s:VGroup x="450" y="350" width="150" height="112">
<s:Label text="〖GL8〗" color="blue"/>
<s:Label text="基本费用：600元/日"/>
<s:Label text="费用包括：司机工资+汽油费+保险费"/>
<s:Label text="另付费用：停车过路过桥费"/>
</s:VGroup>
</s:HGroup>
</s:VGroup>
</s:Group>
</s:VGroup>
</s:Group>
————————求指点—————— 声明：ITeye文章版权属于作者，受法律保护。没有作者书面许可不得转载。
推荐链接
|
| 返回顶楼 | |
|
发表时间：2012-04-06
好吧，问题自行解决……
主.mxml文件的第102行，<mx:TabNavigator>的height不用百分比，给一个像素值，问题就解决了！ 至于是为什么，我也说不清楚，只是问题解决了，若有大神看懂了，望解释下这是怎么回事，三克油！ |
| 返回顶楼 | |
