Readers: 201 | Updated: 05-10

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

Translate Into:

Flex中如何将HSlider控件作为DataGrid列中的一个项目的例子一样,还是关于HSlider的例子。

接下来的例子中,演示了如何通过dataTipOffset样式,设置HSlider控件的数据开销,也就是当前滑标所占的数据情况。

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

下面是完整代码(或点击这里查看):

Download: main.mxml
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
  3.         layout="vertical"
  4.         verticalAlign="middle"
  5.         backgroundColor="white">
  6.  
  7.     <mx:Script>
  8.         <![CDATA[
  9.             private function init():void {
  10.                 slider.value = slider.getStyle("dataTipOffset");
  11.             }
  12.         ]]>
  13.     </mx:Script>
  14.  
  15.     <mx:Form>
  16.         <mx:FormItem label="dataTipOffset:" direction="horizontal">
  17.             <mx:HSlider id="slider"
  18.                     minimum="-10"
  19.                     maximum="30"
  20.                     snapInterval="1"
  21.                     tickInterval="5"
  22.                     liveDragging="true"
  23.                     dataTipOffset="{slider.value}"
  24.                     dataTipPrecision="0"
  25.                     showTrackHighlight="true"
  26.                     initialize="init();" />
  27.             <mx:Label text="{slider.value}" width="30" />
  28.         </mx:FormItem>
  29.     </mx:Form>
  30.  
  31. </mx:Application>
代码:Peter deHaan 翻译/整理/编译:minidxer

Related Post





From The Blogs

Fashion Innovation,Digital Products

2007
耐克训练鞋样式的1GU盘
如果你是一个超级耐克迷,你的鞋、T恤、帽子,还有其他运动装备都是耐克的。那么也许,你也想拥有耐克的一些小东西。当然,如果要你从市场找到耐克生产的小玩意是一件十分困难的事。不过不用担心,这有一个耐克训练... 查看全文

Internet Observation

2007
给样式表单添加Vista字体
几个月前Christian Montoya写了一篇关于给样式表添加Vista字体的文章。我目前只添加了Calibri,就发现效果果然不错。下面我就介绍一下标题字体Calibri与Arial的比较:Ca... 查看全文

三心二意 | 关注web标准

2007
表格如何用样式表定义 | @欣有鱼而米粒不足
table 在样式表里定义前阵子在研究时发现:表格的 border="0"可以定义为 border-style: none ,因为边框为0,也就是不要边框。表格默认是没有边框的,也... 查看全文

分享网络2.0

02-19
MyBlogLog 新增Web2.0样式踩脚印系统
全球著名的博客社交服务网站MyBlogLog在今天正式发布上线了一款全新设计、拥有Web2.0样式的踩脚印系统Widget!MyBlogLog 是一款在2005年三月份推出的博客数据分析服务,它的诞生... 查看全文

World,Fashion, Entertainment

05-26
一个失败的讨债者的例子
下面的这位客人是由凯蒂举荐的,她在《让我头痛的债务》一文中讲述了她是如何度过还债省钱的艰难日子的。如果你喜欢这个帖子,考虑一下订阅她的RSS文件吧(发布一个RSS文件后,这个RSS Feed中包含的信... 查看全文

全文检索博客

05-27
Flex中通过disabledIconColor样式设置NumericStepper控件图标(icon)无效时的颜色的例子
在前面的Flex中如何通过downArrowSkin和upArrowSkin样式设置NumericStepper控件的上下箭头Skin的例子中,我们曾经演示过Flex中如何通过downArrowSki... 查看全文

全文检索博客

05-27
Flex中如何通过disabledColor样式设置NumericStepper控件无效时文本颜色的例子
在前面的Flex中如何设置TextArea控件中的无效(disabled)文本颜色的例子中,我们了解了Flex中如何通过设定TextArea控件的color和disabledColor样式,设定文本在... 查看全文

全文检索博客

05-29
Flex中如何通过borderStyle和borderSides样式设置NumericStepper控件特定边框(上下左右边)的例子
接下来的例子演示了Flex中如何通过borderStyle和borderSides样式设置NumericStepper控件特定边框(上下左右边)。和前面Flex中如何通过borderThickness... 查看全文

全文检索博客

05-29
Flex中如何通过borderThickness样式设置NumericStepper控件边框厚度的例子
和前面Flex的滑标控件HSlider中如何通过tickThickness样式设置标尺厚度/宽度的例子类似的,接下来的例子中演示了Flex中如何通过borderThickness样式,设置Numeri... 查看全文

全文检索博客

05-29
Flex中通过borderColor样式设置NumericStepper控件边框颜色的例子
关于边框的颜色的设置,前面的例子Flex中如何设置进度条(ProgressBar)边框颜色的例子和Flex中如何改变TextInput输入框得到焦点时边框颜色的例子中都有提到,不过他们分别是通过设置b... 查看全文
More Articles