2016-01-19 22 views
0

我在编译Flash Builder 4.7中的应用程序的滚动屏幕时遇到了一些麻烦。我想编程使地图(图像/ ThirdFloor.png)不滚动,但描述确实(images/FloorThreeGuide.png)。有没有可能的方法来做到这一点?或者我只能让整个屏幕滚动?谢谢!在Flex/FlashBuilder应用程序的滚动条周围的内容集?

代码,而无需滚动条:

<?xml version="1.0" encoding="utf-8"?> 
<s:View xmlns:fx="http://ns.adobe.com/mxml/2009" 
     xmlns:s="library://ns.adobe.com/flex/spark" title="Level Three"> 

    <fx:Declarations> 
     <!-- Place non-visual elements (e.g., services, value objects) here --> 
    </fx:Declarations> 

    <s:HGroup> 
     <!--this is a background image--> 
     <s:Image source="images/background.png" height="100%" width="100%"> 
     </s:Image> 
    </s:HGroup> 

    <s:VGroup width="100%" height="100%" verticalAlign="top" horizontalAlign="left"> 
     <!--this tells the app to go back to the main page--> 
     <s:Button chromeColor="0x9b063a" label="Home" color="0xffffff" click="navigator.popView()" styleName="back" width="100%" /> 
     <!--this is the third floor map--> 
     <s:Image source="images/ThirdFloor.png" width="100%" height="100%"> 
     </s:Image> 

<!-- this is the section I want to scroll --> 
     <s:Group> 
     <!--this is a description for the floor exhibits--> 
     <s:Image source="images/FloorThreeGuide.png" width="100%" height="100%"> 
     </s:Image> 
     </s:Group> 
    </s:VGroup> 
</s:View> 

这是代码的外观时,它模拟的设备上播放一样 - 点击图片:

1

回答

1

你可以用你的团队在Scroller:

<!-- this is the section I want to scroll --> 
<s:Scroller> 
    <s:Group> 
     <!--this is a description for the floor exhibits--> 
     <s:Image source="images/FloorThreeGuide.png" width="100%" height="100%"> 
     </s:Image> 
    </s:Group> 
<s:Scroller> 
+0

这打破了应用程序/代码。指南图像比屏幕本身更大(我从第一个标题获得图像,但没有其他的,它绝对不会滚动)... [发生了什么的截图...](https://drive.google。 com/file/d/0B8004CVfTo3gcWZwM04ycDNmTmc/view?usp = sharing) – Jenna

+0

它看起来像你的“指南”图像(真的?文本图像?)是巨大的,所以当你把它放在滚动条内时,它看起来像放大。你可以捏缩放吗?不过,我不确定它为什么会覆盖你的地图图像。您是否在Scroller上设置了大小限制? – Brian

+0

文字的图像是我所提供的。我无法捏缩放,并且滚动条被设置为100%高度和100%宽度。 – Jenna

相关问题