- 浏览: 46457 次
最新评论
-
leefangzhao:
脚本能和静态语言去比吗?有点像拿塑料道具刀与钢刀相比啊.
编程语言比较:AS vs C++ vs Java vs Python -
send620:
可以放个例子出来参考一下啊,谢谢!!
Flex Draw API
使用自定义Layout时,s:DataGroup和s:List应该如何选择?
与s:List相比,s:DataGroup没有selectedIndex,而且默认没有BackGround。
Spark List不能响应Click事件吗?
是的,需要在ItemRenderer里响应,然后通过DispathEvent告诉Spark List。
参考链接:
http://stackoverflow.com/questions/2299659/how-do-i-handle-click-event-in-spark-list-control-in-flex-4
或者你也可以响应change事件,在每次在change响应函数里处理完后,把Spark List的selectedIndex置为-1就可以了。
如何设置Layout的间距?
s:TileLayout使用horizontalGap和verticalGap来设置。
s:HorizontalLayout和VerticalLayout使用gap来设置。
如何使组件基于其container居中?
将组件的horizontalCenter和verticalCenter属性都设置为0。
使用horizontalCenter和verticalCenter需要注意的地方
horizontalCenter和verticalCenter的优先级比x,y高。一旦设置horizontalCenter,则x会被忽略掉,设置了verticalCenter,则y会被忽略掉。再也无法通过修改x,y的值,改变组件的属性。
horizontalCenter对left和right属性的影响
<mx:Button left="10" right="0" height="100%" horizontalCenter="0"/>
则此Button的布局将会是左边距为5,右边距也为5?
从而可知flex先根据left和right计算出宽度,然后再结合horizontalCenter调整布局。
top=0,bottom=0,left=0,right=0 和 width=100% , height=100%有啥差别?
They both have the same effect in a BasicLayout. The only different might be in performance. In other layouts like VerticalLayout and HorizontalLayout I don't think the constraints (top, right, etc) have any effect, but the percentage values do.
参考链接:
http://stackoverflow.com/questions/4447274/whats-the-diff-between-setting-top-0-bottom-0-left-0-right-0-or-width-100-heig
如何给Spark Scroller加child?
必须先为Scroller加上Group。
示例代码:
For AS:
参考文章:http://stackoverflow.com/questions/2287431/flex4-how-to-add-a-child-to-spark-scroller-in-as
For MXML:
在layout中的element上运用transform effects时,effect的applyChangesPostLayout的取值对layout有什么影响?
All transform effects define the applyChangesPostLayout property which, by default, is set to true for the 3D effects. This setting lets the 3D effect modify the target component, but the parent container ignores the changes and does not update its layout while the effect plays. Changes to other container children still cause a layout update.
参考链接:
http://help.adobe.com/en_US/flex/using/WSF0D55C84-17E0-456a-A977-04BFE1E23BA8.html
从3D layout切换到2D layout时,如何去掉已有的3D layout的位置属性?
rotation VS rotationX、rotationY, rotationZ
rotation用于2D,rotationX、rotationY, rotationZ用于3D。
PerspectiveProejection的参考资料
3维旋转与透视变换(PerspectiveProjection)
http://www.byywee.com/page/M0/S225/225570.html
3D父容器是啥?
研究RotationX时看到的这个概念。
rotationX、rotationY, rotationZ的API解释如下:
经过研究发现BorderContainer、UIComponnent默认情况下并不能做3D父容器,只有为其transform.perspectiveProjection设置了以后,它们才成了3D父容器。应该还有其他方法。
PS:在航空术语中,有关 y 轴的旋转称为偏航。有关 x 轴的旋转称为俯仰。有关 z 轴的旋转称为翻滚。
UIComponent和BorderContainer中的is3D属性在什么情况下为true?
默认为false,它的API解释如下:
为z属性设值,或者为其transform.matrix3D属性设置有意义的值后(new Matrix3D()不行)
is3D就会变为true。
roation如何摆脱stage的影响。我的组件stageX坐标不同,旋转同样的角度,显示的样子不一样。怎样才能一样?
layout可以拿到其container的实例吗?
<s:List>
<s:layout>
<local:CoverLayout/>
<s:layout/>
</s:List>
在CoverLayout的类里,能拿到s:List的实例吗?
与s:List相比,s:DataGroup没有selectedIndex,而且默认没有BackGround。
Spark List不能响应Click事件吗?
是的,需要在ItemRenderer里响应,然后通过DispathEvent告诉Spark List。
参考链接:
http://stackoverflow.com/questions/2299659/how-do-i-handle-click-event-in-spark-list-control-in-flex-4
或者你也可以响应change事件,在每次在change响应函数里处理完后,把Spark List的selectedIndex置为-1就可以了。
如何设置Layout的间距?
s:TileLayout使用horizontalGap和verticalGap来设置。
s:HorizontalLayout和VerticalLayout使用gap来设置。
如何使组件基于其container居中?
将组件的horizontalCenter和verticalCenter属性都设置为0。
使用horizontalCenter和verticalCenter需要注意的地方
horizontalCenter和verticalCenter的优先级比x,y高。一旦设置horizontalCenter,则x会被忽略掉,设置了verticalCenter,则y会被忽略掉。再也无法通过修改x,y的值,改变组件的属性。
horizontalCenter对left和right属性的影响
<mx:Button left="10" right="0" height="100%" horizontalCenter="0"/>
则此Button的布局将会是左边距为5,右边距也为5?
从而可知flex先根据left和right计算出宽度,然后再结合horizontalCenter调整布局。
top=0,bottom=0,left=0,right=0 和 width=100% , height=100%有啥差别?
They both have the same effect in a BasicLayout. The only different might be in performance. In other layouts like VerticalLayout and HorizontalLayout I don't think the constraints (top, right, etc) have any effect, but the percentage values do.
参考链接:
http://stackoverflow.com/questions/4447274/whats-the-diff-between-setting-top-0-bottom-0-left-0-right-0-or-width-100-heig
如何给Spark Scroller加child?
必须先为Scroller加上Group。
示例代码:
For AS:
var grp:Group = new Group(); grp.percentWidth = 100; grp.percentHeight = 100; grp.addElement( myChart ); var scroll:Scroller = new Scroller(); scroll.percentWidth = 100; scroll.viewport = grp;
参考文章:http://stackoverflow.com/questions/2287431/flex4-how-to-add-a-child-to-spark-scroller-in-as
For MXML:
<s:Scroller> <s:Group> <s:image source="c:/gameCover.png"/> </s:Group> </s:Scroller>
在layout中的element上运用transform effects时,effect的applyChangesPostLayout的取值对layout有什么影响?
All transform effects define the applyChangesPostLayout property which, by default, is set to true for the 3D effects. This setting lets the 3D effect modify the target component, but the parent container ignores the changes and does not update its layout while the effect plays. Changes to other container children still cause a layout update.
参考链接:
http://help.adobe.com/en_US/flex/using/WSF0D55C84-17E0-456a-A977-04BFE1E23BA8.html
从3D layout切换到2D layout时,如何去掉已有的3D layout的位置属性?
var e:ILayoutElement = target.getElementAt( i ); // remove any 3D positioning e.setLayoutMatrix( new Matrix(), false );
rotation VS rotationX、rotationY, rotationZ
rotation用于2D,rotationX、rotationY, rotationZ用于3D。
PerspectiveProejection的参考资料
3维旋转与透视变换(PerspectiveProjection)
http://www.byywee.com/page/M0/S225/225570.html
3D父容器是啥?
研究RotationX时看到的这个概念。
rotationX、rotationY, rotationZ的API解释如下:
引用
rotationX : Number
指示 DisplayObject 实例相对于 3D 父容器距离其原始方向的 x 轴旋转(以度为单位)。
rotationY : Number
指示 DisplayObject 实例相对于 3D 父容器距离其原始方向的 y 轴旋转(以度为单位)。
rotationZ : Number
指示 DisplayObject 实例相对于 3D 父容器距离其原始方向的 z 轴旋转(以度为单位)。
指示 DisplayObject 实例相对于 3D 父容器距离其原始方向的 x 轴旋转(以度为单位)。
rotationY : Number
指示 DisplayObject 实例相对于 3D 父容器距离其原始方向的 y 轴旋转(以度为单位)。
rotationZ : Number
指示 DisplayObject 实例相对于 3D 父容器距离其原始方向的 z 轴旋转(以度为单位)。
经过研究发现BorderContainer、UIComponnent默认情况下并不能做3D父容器,只有为其transform.perspectiveProjection设置了以后,它们才成了3D父容器。应该还有其他方法。
PS:在航空术语中,有关 y 轴的旋转称为偏航。有关 x 轴的旋转称为俯仰。有关 z 轴的旋转称为翻滚。
UIComponent和BorderContainer中的is3D属性在什么情况下为true?
默认为false,它的API解释如下:
引用
当元素为 3D 时,则为 true。元素也可以是 3D 的,因为它具有 3D 转换属性或 3D 布局后转换偏移,或二者都有。
为z属性设值,或者为其transform.matrix3D属性设置有意义的值后(new Matrix3D()不行)
is3D就会变为true。
roation如何摆脱stage的影响。我的组件stageX坐标不同,旋转同样的角度,显示的样子不一样。怎样才能一样?
layout可以拿到其container的实例吗?
<s:List>
<s:layout>
<local:CoverLayout/>
<s:layout/>
</s:List>
在CoverLayout的类里,能拿到s:List的实例吗?
发表评论
-
游戏开发
2010-12-01 05:53 888Double Buffering是啥? Double Buff ... -
Flex Skin & Style & ItemRenderer
2010-11-20 00:38 1700定义Style的语法 引用<fx:Style> ... -
Flex TLF框架
2010-11-14 20:11 3372TextFlow的textAlign样式的"just ... -
Flex Effect
2010-11-08 09:20 914如何编写自定义的effect http://flexscrip ... -
Flex控件->VSlider&HSlider
2010-11-05 15:22 1116为何给VSlider/HSlider设置的初值不生效? 如果 ... -
升级Flash Player后,Flash Builder无法调试的解决办法
2010-10-10 09:16 1728错误信息: C:\Program Files\Mozilla ... -
Flex事件
2010-09-18 07:18 1233为什么接收不到dispatch ... -
Flex Draw API
2010-09-07 21:07 2820MovieClip VS Shape VS Sprite M ... -
Flex控件->Mouse
2010-09-06 14:37 886注意MouseEvent.Click和MouseEvent.D ... -
Flex控件->BorderContainer&Group&SkinableContainer
2010-09-05 15:45 2620如何为Group设置背景色? 利用s:Rect,实例代码如下: ... -
Flex基础知识
2010-09-04 14:12 829如何把数字装换成字符串? String(100) Flex不 ... -
Flex控件->Label&Text&TextArea&TextField
2010-08-20 05:05 2630学习笔记,欢迎拍砖 Text、Label、TextArea的 ... -
Robotleg
2010-08-19 06:40 1951学习笔记,欢迎拍砖 需要inject的变量必须是public ... -
Flex控件->Datagrid&AdvancedDataGrid&DataGroup&List
2010-08-17 02:39 2294如何隐藏DataGrid的Header? dataGrid.s ... -
Flex中的数据类型
2010-08-14 17:58 1523学习笔记,欢迎拍砖。 XML和XMLList有何区别? XM ... -
如何获取用户当前的locale信息?
2010-08-14 05:44 891var currentLocale:String = Reso ...
相关推荐
网页布局(layout)是CSS的一个重点应用。... 2009年,W3C提出了一种新的方案—-Flex布局,可以简便、完整、响应式地实现各种页面布局。目前,它已经得到了所有浏览器的支持,这意味着,现在就能很安全地使用这项功能。
携程网站 移动端 Flex布局,新人可以利用此资源来学习flex布局的应用 Flexible Box 模型,通常被称为 flexbox,是一种一维的布局模型。它给 flexbox 的子元素之间提供了强大的空间分布和对齐能力。本文给出了 ...
在用了Flex布局会发现,当水平排列后,会发现所有子项的高度都变成一样的了。 这是因为Flex 布局会默认: 把所有子项变成水平排列。 默认不自动换行。 让子项与其内容等宽,并把所有子项的高度变为最高子项的...
flex布局实现顶部导航,底部导航固定,内容区内容高度超过可展示区域时出现滚动条,内容高度不足时铺满屏幕。
Flex 布局教程 Flex 布局教程 Flex 布局教程 Flex 布局教程 Flex 布局教程
Flex布局之关于组件的大小 Flex布局之关于组件的大小
微信小程序,Flex布局示例源代码,包括横向布局,纵向布局,基本涵盖了Flex布局的知识点,有相关的页面布局需求,可以直接拿来使用。
flex布局培训PPT,适用于H5,小程序,ReactNative,Flutter的布局教程。
html+css,使用flex布局搭建页面,纯前端,初学党可借鉴学习如何使用flex布局页面
微信小程序flex布局demo
flex布局 justify-content 解决最后一排数量不够自动向两端排列问题,简单,高效,好用。
Flex布局学习资料,2018年整理的不错的Flex布局学习教程
flex布局.html
Flex布局.xmind
移动web开发实例flex布局案例源码
参照阮一峰flex布局,以及实例DOM,做了部分修改,可以选择属性值看效果,方便理解
关于Flex布局的笔记整理,能够详细理解Flex布局原理和用法,仅供自己学习。
使用Flex布局实现携程APP首页布局
利用flex布局完成了对携程网首页的制作,主要是flex为主,其他为辅的一个源代码分享给大家,希望可以对大家有帮助
高清非扫描版本,特别适合放在kindle中看,非常好适合初始上手快