- 浏览: 608470 次
- 性别:
- 来自: 大连
文章分类
最新评论
-
fei33423:
同意你的说法. hbase 的强一致性分为两部分来说. 数据分 ...
浅谈Hbase 的强一致性 -
zengwenbo5566:
,高人,刚安装了 genymotion 那个附带 virtu ...
VirtualBox报错Unable to load R3 module GetLastError=1790 (VERR_UNRESOLVED_ERROR -
kabike:
QQ1289714862 写道这代码有问题吧 bar1 bar ...
AtomicBoolean运用 -
QQ1289714862:
这代码有问题吧 bar1 bar2 那来的 你是不是new了两 ...
AtomicBoolean运用 -
DEMONU:
需要依赖这么多东西啊
hbase 0.96和hadoop 2.2 java 客户端的jar依赖
在原来的mx组件中,如果子元素大小超过了container的大小,是会出现滚动条的,
但是spark的组件默认情况下则让子元素超出了container的范围.
比如这个文件
效果如下图
这时我们需要手动加上滚动条.对于group这样实现了IViewport的来说,直接用Scroller包装一下,
而对于skinnable Spark container,需要编写使用了滚动条的皮肤文件
CrapSkin.mxml内容为
最终效果为
但是spark的组件默认情况下则让子元素超出了container的范围.
比如这个文件
<?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"> <s:layout> <s:HorizontalLayout/> </s:layout> <s:VGroup width="200" height="100"> <s:Label text="this is a label"/> <s:Label text="this is a label"/> <s:Label text="this is a label"/> <s:Label text="this is a label"/> <s:Label text="this is a label"/> <s:Label text="this is a label"/> <s:Label text="this is a label"/> <s:Label text="this is a label"/> <s:Label text="this is a label"/> <s:Label text="this is a label"/> </s:VGroup> <s:BorderContainer width="200" height="100"> <s:layout> <s:VerticalLayout/> </s:layout> <s:Label text="this is a label"/> <s:Label text="this is a label"/> <s:Label text="this is a label"/> <s:Label text="this is a label"/> <s:Label text="this is a label"/> <s:Label text="this is a label"/> <s:Label text="this is a label"/> <s:Label text="this is a label"/> <s:Label text="this is a label"/> <s:Label text="this is a label"/> </s:BorderContainer> <mx:VBox width="200" height="100" borderColor="red" borderStyle="solid"> <s:Label text="this is a label"/> <s:Label text="this is a label"/> <s:Label text="this is a label"/> <s:Label text="this is a label"/> <s:Label text="this is a label"/> <s:Label text="this is a label"/> <s:Label text="this is a label"/> <s:Label text="this is a label"/> <s:Label text="this is a label"/> <s:Label text="this is a label"/> </mx:VBox> </s:Application>
效果如下图
这时我们需要手动加上滚动条.对于group这样实现了IViewport的来说,直接用Scroller包装一下,
而对于skinnable Spark container,需要编写使用了滚动条的皮肤文件
<s:Scroller width="200" height="100"> <s:VGroup> <s:Label text="this is a label"/> <s:Label text="this is a label"/> <s:Label text="this is a label"/> <s:Label text="this is a label"/> <s:Label text="this is a label"/> <s:Label text="this is a label"/> <s:Label text="this is a label"/> <s:Label text="this is a label"/> <s:Label text="this is a label"/> <s:Label text="this is a label"/> </s:VGroup> </s:Scroller> <s:BorderContainer width="200" height="100" skinClass="com.crap.skin.CrapSkin"> <s:layout> <s:VerticalLayout/> </s:layout> <s:Label text="this is a label"/> <s:Label text="this is a label"/> <s:Label text="this is a label"/> <s:Label text="this is a label"/> <s:Label text="this is a label"/> <s:Label text="this is a label"/> <s:Label text="this is a label"/> <s:Label text="this is a label"/> <s:Label text="this is a label"/> <s:Label text="this is a label"/> </s:BorderContainer>
CrapSkin.mxml内容为
<?xml version="1.0" encoding="utf-8"?> <s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx"> <!-- host component --> <fx:Metadata> [HostComponent("spark.components.BorderContainer")] </fx:Metadata> <!-- states --> <s:states> <s:State name="disabled" /> <s:State name="normal" /> </s:states> <s:Scroller height="100%" width="100%" top="1" left="1" right="1" bottom="1"> <s:Group id="contentGroup"> <s:layout> <s:BasicLayout/> </s:layout> </s:Group> </s:Scroller> <s:Rect left="0" right="0" top="0" bottom="0"> <s:stroke> <s:SolidColorStroke color="0x000000" weight="1"/> </s:stroke> </s:Rect> </s:Skin>
最终效果为
发表评论
-
actionscript3里的as关键字和强制类型转换
2013-09-11 10:45 1689原来一直以为as是用来类型强制转换的,结果发现用as不能把st ... -
flex中datagrid使用itemrender后的排序
2013-09-02 17:21 599一直以为设置了labelfunction或者使用了itemre ... -
flex组件在鼠标悬浮时变成手型
2013-08-28 14:09 841只需要设置useHandCursor和buttonMode两个 ... -
设置itemCreationPolicy使页面创建时元素已经创建
2013-08-28 14:07 902<?xml version="1.0" ... -
flex rpc通信时,使鼠标处于busy状态
2013-08-28 14:04 672可以使用CursorManager来控制.但是remoteOb ... -
flex 移除dataprovider里的项目时,ItemRenderer set方法传值为null
2013-08-28 13:52 1696<?xml version="1.0" ... -
actionscript package level function 包级别函数
2013-07-30 16:04 954在java中,所有的函数只能定义在类中,而as中,functi ... -
不同语言中的字符串split
2013-07-30 16:01 923javascript中 function bar() { ... -
flex只读属性Bindable
2013-07-30 15:59 1307flex中,属性上标记Bindable,在属性变化时能进行数据 ... -
flex图表坐标标签旋转(Rotating chart axis labels)
2013-07-09 08:41 1449flex图表的横坐标可以旋转90度,尽可能节省空间. 具体方法 ... -
flex中的变量
2013-06-11 18:53 1718<?xml version="1.0" ... -
flex中利用Spacer布局
2013-05-19 21:22 2038比如在html中,为了让一个元素靠左,一个元素靠右,可以依靠f ... -
as的this和js的this
2013-05-19 20:54 945在js中,我们会随手写下这样的代码 <html> ... -
Flex的一点入门经验(9)--强制更新datagrid
2013-05-19 20:14 3910比如我们有个如下的VO [Bindable] pub ... -
Flex的一点入门经验(8)--itemRenderer与外部组件的通信
2013-05-19 19:39 3406比如我们有个如下的VO package com.cra ... -
Flex的一点入门经验(6)--spark ButtonBar组件的问题
2013-05-15 23:52 3230运行以下代码 <?xml version=&quo ... -
Flex的一点入门经验(5)--flex的DataGrid中自定义显示项目
2013-05-04 11:58 1231有如下一个简单的VO,有两个属性name和capacity. ... -
Flex的一点入门经验(4)--分页,又见分页
2013-05-01 11:19 1820基本各种列表都和分页有着密不可分的关系. 在barServer ... -
Flex的一点入门经验(3)--利用state进行页面切换
2013-04-28 13:38 2713http://kabike.iteye.com/blog/18 ... -
Flex的一点入门经验(2)--itemRenderer的使用
2013-04-28 13:03 6237http://kabike.iteye.com/blog/18 ...
相关推荐
在这个“flex------组件-----数据可视化”主题中,我们将探讨Flex如何帮助开发者创建交互式的数据图表和可视化效果。 Flex框架提供了一套强大的组件库,其中包括用于数据可视化的类和库。这些组件使得开发人员能够...
标题 "FLEX入门实例--------各种Effect的综合运用" 指的是一个介绍Adobe Flex中Effect使用的教程。Flex是一个开源框架,用于构建富互联网应用程序(RIA),它基于ActionScript和MXML语言。本教程可能着重于如何在...
flex-messaging-core-4.7.3.jar 最新版,下载了好长时间才下载下来,亲测可用!
在博文《flex----组件---行为类与特效类》中,作者可能详细介绍了如何在Flex项目中应用这些行为和特效,包括如何导入和使用预定义的MX Behaviors,如何创建自定义行为,以及如何通过EffectManager和Spark特效来实现...
本教程将引导你入门 Flex 中的位图切割和人物行走动画的实现,这是许多2D游戏中的基本技术。 一、位图切割(Bitmap Data Cutting) 位图切割是将大的图像资源分割成多个小的、可独立操作的部分,这在游戏开发中...
本实例主要探讨的是FLEX中`transition`和`state`的综合应用,这两个特性是FLEX界面动态效果和组件状态管理的核心。 首先,让我们深入理解`transition`和`state`的概念: 1. **Transition(过渡效果)**: 过渡...
请下载part1 博文链接:https://hacker47.iteye.com/blog/182250
在Spring Flex 1.5.0.M2中,核心组件`spring-flex-1.5.0.M2.jar`扮演了关键角色,它是Spring和Flex集成的核心库,提供了诸如消息代理、配置支持和Spring服务代理等功能。这个库使得Flex客户端可以轻松地调用Spring...
本篇文章将深入探讨Flex中的组件以及数据验证类,帮助你更好地理解和应用这些概念。 首先,Flex组件是构建用户界面的基本单元,它们可以是按钮、文本框、列表等可视化元素。在Flex中,组件主要由MXML和ActionScript...
FLEX开发工具。Flex Builder 4-7 win64 安装文件,第四卷。
非常好DEMO参考,这个项目已经转到Apache名下了,最新的版本1.2,308个例子,已经全站打包,搜索:flex-tour-de-flex-component-explorer-1.2-308demo。开源代码http://flex.apache.org/download-tourdeflex.html