浏览 4037 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (11) :: 隐藏帖 (0)
|
|
---|---|
作者 | 正文 |
发表时间:2010-09-14
情景:3个Panel,初始情景,显示一个main panel,点击Panel中的2个按钮,会通过Resize分别显示panel1,panel2。即:main panel+panel1,或者main panel+panel2的2种显示情景。点击main panel的最大化,可以恢复到初始情景。 <!--先定义3个状态--> <s:states> <s:State name="default"/> <s:State name="panel1"/> <s:State name="panel2"/> </s:states> <!--3个面板,在main panel中定义resize的效果,通过click进行状态的变化--> <s:Panel height="100%" width="100%" title="main panel" resize="Resize"> <s:Button click="currentState='panel1'"/> <s:Button click="currentState='panel2'"/> <s:Button click="currentState='default'"/> </s:Panel> <s:Panel width="300" height="100%" title="panel1" includeIn="panel1"/> <s:Panel width="300" height="100%" title="panel2" includeIn="panel2"/> 效果图: 1.初始情景:
2.点击按钮1或者按钮2
3.点击default按钮,回复到最初始状态:
实现有2个关键点: 1.组件的resize效果,这个效果能够根据当前状态,自动帮你resize面板尺寸 2.状态的定义,这里需要有三个状态,就需要定义3种状态,还要注意,flex4中需要以“includeIn=‘state’”这种形式绑定状态。 声明:ITeye文章版权属于作者,受法律保护。没有作者书面许可不得转载。
推荐链接
|
|
返回顶楼 | |