Flex中如何创建一个自定义数据显示Tips的slider控件的例子

Friday, November 7th, 2008

接下来的例子演示了Flex中如何创建一个自定义数据显示Tips的slider控件。鼠标按住滑标察看效果。
让我们先来看一下Demo(可以右键View Source或点击这里察看源代码):

Flex中如何通过tickValues属性在程序中设置Slider坐标位置的例子

Friday, November 7th, 2008

接下来的例子演示了Flex中如何通过tickValues属性,在程序中设置Slider坐标位置。
让我们先来看一下Demo(可以右键View Source或点击这里察看源代码):

Flex中如何设置Slider控件使只有鼠标移动到HSlider/VSlider时才显示游标的例子

Thursday, November 6th, 2008

接下来的例子演示了Flex中如何设置Slider控件,使只有鼠标移动到HSlider/VSlider时才显示游标。
让我们先来看一下Demo(可以右键View Source或点击这里察看源代码):

Flex中如何利用rowCount属性使List控件Resize时特定的行被显示的例子

Thursday, October 30th, 2008

接下来的例子演示了Flex中如何利用rowCount属性,使List控件Resize时特定的行被显示。
让我们先来看一下Demo(可以右键View Source或点击这里察看源代码):

Flex中用自定义的图标替换HSlider或VSlider的默认小三角的例子

Tuesday, September 16th, 2008

接下来的例子演示了Flex中如何用自定义的图标替换HSlider或VSlider的默认小三角。
让我们先来看一下Demo(可以右键View Source或点击这里察看源代码):

Flex中如何通过自定义duration和easing函数使用户点击HSlider或VSlider滑轮时产生特定效果的例子

Sunday, September 14th, 2008

接下来的例子演示了Flex中如何通过自定义duration和easing函数,使用户点击HSlider或VSlider滑轮时产生特定效果。
让我们先来看一下Demo(可以右键View Source或点击这里察看源代码):

Flex中利用allowThumbOverlap属性设置HSlider控件中的游标是否允许超过范围的例子

Wednesday, July 30th, 2008

接下来的例子演示了Flex中如何利用allowThumbOverlap属性,设置HSlider控件中的游标是否允许超过范围。本例中创建了2个游标,可以分别在allowThumbOverlap属性为True/False状态下体验效果。
让我们先来看一下Demo(可以右键View Source或点击这里察看源代码):

Flex中通过showTrackHighlight样式将HSlider/VSlider控件轨迹高亮显示的例子

Tuesday, July 29th, 2008

接下来的例子演示了Flex中如何通过showTrackHighlight样式,将HSlider/VSlider控件轨迹高亮显示。
让我们先来看一下Demo(可以右键View Source或点击这里察看源代码):

Flex中利用TextRange类高亮(hightlight)显示文本内容的例子

Sunday, June 29th, 2008

在显示搜索结果,标记重点文本内容等很多时候都需要用到文本高亮显示,接下来的例子演示了Flex中如何利用TextRange类,高亮(hightlight)显示文本内容。下面的Demo中用了两个Slider,拖动来选择高亮文本范围。
让我们先来看一下Demo(可以右键View Source或点击这里察看源代码):

Flex中通过设置fontFamily和labelStyleName样式在HSlider控件中使用嵌入字体的例子

Saturday, June 7th, 2008

和前面的Flex中如何通过设置fontFamily样式在ComboBox控件中使用自定义嵌入字体的例子以及Flex中如何通过设置fontFamily样式在NumericStepper控件中使用嵌入字体的例子类似,接下来的例子演示了Flex中通过设置fontFamily和labelStyleName样式,在HSlider控件中使用嵌入字体。
让我们先来看一下Demo(可以右键View Source或点击这里察看源代码):

Flex中如何通过设置tickLength样式设定HSlider控件上一个标记号(tick)长度的例子

Friday, June 6th, 2008

在前面的Flex的滑标控件HSlider中如何通过tickThickness样式设置标尺厚度/宽度的例子中,演示了在Flex的滑标控件HSlider中,如何通过设定tickThickness样式,设置标尺的厚度/宽度。接下来的例子则演示了Flex中如何通过设置tickLength样式,设定HSlider控件上一个标记号(tick)长度。
让我们先来看一下Demo(可以右键View Source或点击这里察看源代码):

Flex中如何通过dataTipOffset样式设置HSlider控件的数据开销的例子

Saturday, May 10th, 2008

和Flex中如何将HSlider控件作为DataGrid列中的一个项目的例子一样,还是关于HSlider的例子。
接下来的例子中,演示了如何通过dataTipOffset样式,设置HSlider控件的数据开销,也就是当前滑标所占的数据情况。
让我们先来看一下Demo(可以右键View Source或点击这里察看源代码):

Flex的滑标控件HSlider中如何通过tickThickness样式设置标尺厚度/宽度的例子

Wednesday, May 7th, 2008

与本文不相干内容:纯属测试,为了在更换模板或是测试修改的Wordpress的代码测试方便,开了一个http://demo.minidx.com,一直都没添加外部链接索引它,现在正式在这里添加一个链接,Google,索引去吧……

本文从这里开始:接下来的例子演示了在Flex的滑标控件HSlider中,如何通过设定tickThickness样式,设置标尺的厚度/宽度。

让我们先来看一下Demo(可以右键View Source或点击这里察看源代码):

Flex中如何格式化Slider中多个data tips数据的例子

Friday, March 28th, 2008

这个例子实际上和前面的Flex中格式化Slider控件的数据一样,除了实现的方法不一样以外,其效果上的差别只不过这个是带小数而且是多个的tips。这里主要是通过监听thumbPress和thumbRelease两个事件来记录是哪一个slider被滑动了。
另外需要注意的是,如果使用的是Flex Builder 3编译本例,那么有可能会因为类似下面的警告而无法创建发布程序:
Severity Description Resource In Folder Location Creation Time Id 1 Data binding will not be able to detect changes when using square bracket operator. For Array, please use ArrayCollection.getItemAt() instead. main.mxml main line 65 2008/03/28 1:06:18 98
先来让我们先来看一下Demo:

Flex中格式化Slider控件的数据

Saturday, March 15th, 2008

前两天在折腾HSlider的时候需要格式化显示控件上的数据,感谢Flex SDK使这变得非常简单。你所需要做的仅仅是利用dataTipFormatFunction重载设置默认数据格式。通过简单的传递用户自定义函数名,你可以按照自己的需求显示该控件上data tip中的文本内容(比如在前面添加一个美元符号或者任何你需要的)。
下面是具体的例子以及源代码:

Search Posts