1:Flex SDK4 Scroller消失
<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/halo" width="100%" height="100%"> <s:Panel width="400" height="100" title="Panle"> <s:layout> <s:VerticalLayout horizontalAlign="center" paddingTop="30"/> </s:layout> <s:VGroup width="100%" height="100%"> <s:Button width="200" label="tesing1" /> <s:Button width="200" label="tesing2" /> <s:Button width="200" label="tesing3" /> </s:VGroup> </s:Panel> </s:Application>
写下如上代码,我们会认为:
Panel容器会显示滚动条,以便正好能“装下”这三个button组件。
如果以上代码在halo组件中或者Flex SDK 3里面,这是理所当然的事情。
但是在Flex SDK 4(Gumbo)里面,却没有这样实现。而是VGroup的边界超出了Panel的边界。
查看了一下原因,很可惜,Gumbo明显是把Scroller作为一个单独的控件使用,如果实现预期效果,请采用如下一段:
<s:Panel width="400" height="100" title="Panle"> <s:layout> <s:VerticalLayout horizontalAlign="center" paddingTop="30"/> </s:layout> <s:Scroller width="100%" height="100%"> <s:VGroup width="100%" height="100%"> <s:Button width="200" label="tesing1" /> <s:Button width="200" label="tesing2" /> <s:Button width="200" label="tesing3" /> </s:VGroup> </s:Scroller> </s:Panel>
2:ViewStack高度异常问题
其实很简单的一个注意地方,当使用了ViewStack并且将其height设定为100%,同时在其中添加了多个child container(A 和 B)。那么ViewStack的高度将会怎样呢?
这个例子可以应用与:多个组件而不同的状态,例如:在某些情况我需要显示A的UI,另外在某些地方我需要显示B的UI,然而它们的高度与宽度都是不一样的,那么假设A的高度要大于B的高度,
那么当我想要显示B的时候,就会发生如下的问题,虽然我将其Application的高度设定的与B一致,按照通常的做法,由于ViewStack的height为100%,那么则认为它与Application的高度是一致的
那么那个空白的边是如何出现的呢?
其实这个地方在使用ViewStack的时候,有一个注意点,那就是:
当ViewStack的height设定为100%时,ViewStack的高度不会与Application的高度一直,而它的高度会根据其中的最高的那个child一致。其实这个特性在简单的例子中是非常容易被发现的,但是假设在做项目的时候,很多的height都设定为100%
同时又包含了多个container,那么这个时候是非常难发现的。
相关推荐
Flex中的小技巧备忘,文中介绍了有关flex的4中相关的技巧
根据我搭建 flex+java+oracle 项目 遇到 常见的几个问题分析 rendme文档中介绍了 搭建flex+java的步骤 ,保证你不走弯路。
flex开发过程中的常见问题100问答 flex开发过程中的常见问题100问答 flex开发过程中的常见问题100问答
FLEX4的皮肤skin.教你如何使用皮肤
FLEX4_Flex4教程 - FLEX4从入门到精通,挺不错的值得一看
Flex 4 高级编程Flex 4 高级编程Flex 4 高级编程Flex 4 高级编程
基于flex4技术从零开发flex博客系统 : 1 开发环境配置与hello world(1) - 豆豆网 flex+blazeDs与Ext+dwr比较_蓝色幻想_百度空间 基于blazeDS的flex4与spring的程序实例步骤 - dreamming_now的专栏 - CSDN博客 在...
flex4出来一段时间了,去年看了一段时间flex3,后来由于暂时没有项目需求.所以flex遗忘了很多.这次使用flex4+myeclipse8.5录制了一个视频.以免时间长了遗忘. 软件环境:windows7+flex4+myeclipse8.5+blazeds 功能描述...
flex4 实战 flex4 in action pdf源码和配套的源码 和大家分享
FLEX4从入门到精通,挺不错的值得一看
flex4 flex4与服务器通信 flex 与java通信
Flex4中引入了新的ui组件,提供了更好的性能监控,并且大大提高了编译速度。《Flex 4实战》是一本全面的指南,为web设计人员和开发人员提供了Flex的详细介绍。《Flex 4实战》从基础讲起,介绍了有关表单和数据的知识...
你在使用FLEX编程是否遇到各种问题?那你可以看看这个文档咯,总结了常见问题和解决方法。。
该文档总结了flex开发中经常遇到的问题及解决方案。
flex4API文档 flex3的文档在Adobe网上就可,可是4的一直没找着. 这个Flex4API文档,是根据flex4 SDK生产的,非常权威
很全面的flex教程,里面的实例也很丰富~~不过是英文的~~
学习Flex过程中常见的一些问题,欢迎大家共同学习,共同研究
flex4 中文教程 详细介绍flex4 的基本用法,适合没有基础的开发人员参考
flex4 TabBar skin
Flex4中引入了新的ui组件,提供了更好的性能监控,并且大大提高了编译速度。 《Flex4实战》是一本全面的指南,为web设计人员和开发人员提供了Flex的详细介绍。本书从基础讲起,介绍了有关表单和数据的知识,然后...