`
lydawen
  • 浏览: 472186 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

mx:HSlider thumbCount >1时用法

    博客分类:
  • flex
 
阅读更多

  过门不要了。

 

实际开发中,如血压要做成如下效果:



 

拖动滑块,后面的值跟着变,当然前面也能绑定对应的初始值,代码如下:

注:lBp,hBp为两变量,int型,要点的values的赋值及它本身数据的获取.

 

 

  <mx:Label text="BP(L/H)" fontWeight="bold" textAlign="right" width="80"/>
           <mx:HSlider id="MySlider" minimum="0"  maximum="300" values="{[lBP,hBP]}"
            thumbCount="2"  snapInterval="1" tickInterval="10" 
            labels="['0','300']" allowTrackClick="true" 
            liveDragging="true"/>
           
           <mx:NumericStepper value="{MySlider.values[0]}" 
            minimum="0" maximum="300" stepSize="1"/>
               <mx:Label text="/" width="8"/>
           <mx:NumericStepper  value="{MySlider.values[1]}" 
           minimum="0" maximum="300" stepSize="1"/>
           <mx:Label text="mmHg" fontWeight="bold"/> 
          
         </mx:HBox>

 

试了半天插入代码,格式实在不行,算了

  • 大小: 6.6 KB
分享到:
评论

相关推荐

    Flex初级数据绑定代码

    &lt;mx:HSlider x="497" y="121" id="slider" change="scale=slider.value" minimum="0" maximum="1"/&gt; ``` #### 四、数据绑定原理 在本例中,数据绑定的核心在于`scale`变量与`&lt;mx:Canvas&gt;`的`scaleX`属性之间的关系...

    Flex 特效2-缩放模糊效果

    每当这些滑块的值发生变化时,都会触发`setShader`方法更新`Shader`的数据。同样地,`enableCheckBox`用于控制整个模糊效果的开启或关闭。 - **滤镜应用**:最终通过`zoomImage.filters`属性将创建好的`ShaderFilter...

    FLEX操作XML&JSON

    1. **加载XML数据**:在Flex中,可以使用`&lt;mx:XML&gt;`组件来加载XML数据源。例如,通过指定URL,Flex可以从服务器获取XML文档,如`&lt;mx:XML source="http://example.com/data.xml" id="xmlData"/&gt;`。 2. **解析XML**:...

    flex播放mp3

    &lt;s:HSlider id="hslider1" x="135" y="48" width="221" changeEnd="hslider1_changeEndHandler(event)" maximum="100" showDataTip="false"/&gt; &lt;s:Label x="83" y="67" text="音量:" width="45"/&gt; &lt;s:HSlider ...

    hslider.js-简洁的响应式全屏宽度jQuery幻灯片插件

    1. **jQuery基础**:hslider.js基于jQuery框架,因此需要对jQuery的基本选择器、DOM操作、事件处理和动画方法有一定的了解。 2. **响应式设计原理**:理解媒体查询(Media Queries)和流式布局(Fluid Grids)等...

    flex学习记录非常详细

    &lt;mx:HSlider id="fsize" minimum="10" maximum="50" /&gt; ``` 当你移动滑块时,标签的字体大小会随之改变,无需编写额外的事件处理代码。 2. 数据绑定二:函数返回值绑定 除了直接绑定数据源属性外,还可以将函数的...

    flash builder4 ——简单播放器

    &lt;mx:HSlider id="volumeSlider" minimum="0" maximum="1" liveDragging="true" change="setVolume(event)" /&gt; ``` 在ActionScript中,设置音量函数如下: ```actionscript private function setVolume(event:Event...

    Flex实现了一个FlV格式的视频播放功能

    &lt;mx:HSlider id="volumeSlider" minimum="0" maximum="1" value="{videoPlayer.volume}" change="videoPlayer.volume = volumeSlider.value" /&gt; ``` 综上所述,Flex通过MediaElement类和相关组件,为开发者提供了...

    hsliderjs是一款简单实用的响应式全屏宽度jQuery幻灯片插件

    &lt;li&gt;&lt;img src="image1.jpg" alt="Slide 1"&gt;&lt;/li&gt; &lt;li&gt;&lt;img src="image2.jpg" alt="Slide 2"&gt;&lt;/li&gt; &lt;li&gt;&lt;img src="image3.jpg" alt="Slide 3"&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; ``` 4. **自定义样式**:根据项目需求,可以...

    jQuery hslider.js简洁的响应式全屏宽度幻灯片特效源码.zip

    &lt;script src="path/to/hslider.js"&gt;&lt;/script&gt; ``` 2. **HTML结构**:创建幻灯片的基本HTML结构,包括一个容器元素(通常为`div`),以及多个幻灯片内容元素(如图片或其它HTML内容)。 ```html &lt;div id="hslider"&gt;...

    Flex 放大镜效果实现代码

    &lt;mx:FormItem label="Inner Radius"&gt; &lt;mx:HSlider id="innerRadiusSlider" minimum="0" maximum="200" value="50" liveDragging="true"/&gt; &lt;/mx:FormItem&gt; &lt;mx:FormItem label="Outer Radius"&gt; &lt;mx:HSlider ...

    flex部分控件代码

    该代码展示了Flex中几种常用控件的使用方法,包括文本输入框、水平滑块以及复选框。通过这些控件的组合使用,可以实现较为复杂的用户交互逻辑。对于学习Flex框架的人来说,这是一段很好的实战代码,有助于理解Flex...

    jquery.HSlider, 全页面滚动,触摸友好的jQuery slider.zip

    jquery.HSlider, 全页面滚动,触摸友好的jQuery slider jQuery.HSlider全页面滚动,触摸友好的jQuery slider创建一个完整页面滚动网页 slider 从未如此容易所有动画都是由CSS3和GPU加速页面索引现在由URL哈希支持URL...

    Flex 特效1-放大镜效果

    - **ActionScript 脚本**:通过 `&lt;mx:Script&gt;` 标签嵌入 ActionScript 代码,这些脚本负责处理逻辑和交互行为,例如初始化 Shader、响应鼠标事件等。 ### 5. 实现步骤 1. **加载 Shader 类**:通过 `@Embed` 注解将...

    flex 4.6Css

    使用方法: 引入: add silvergreen-2.1.swc to libs 使用(SWC方案): 在IDE(如:Flash Builder)里面,增加一个编译参数: -theme ../libs/silvergreen-2.0.swc 使用(fx:Style方案): 1、copy ...

    flex 3 所有可视控件实例

    8. Hslider:Hslider 控件允许用户通过水平滑块来选择一个范围内的值。 9. List:List 控件展示一个垂直列表,用户可以选择其中的项,常用于导航或选项选择。 10. Numericstepper:Numericstepper 是一个数字输入...

    Flex 创建一个自定义风格的HRule或VRule

    &lt;mx:HRule id="hrule" strokeWidth="{strokeWidthSlider.value}" /&gt; ``` 2. **strokeColor**:此属性控制线条的颜色。我们可以直接指定颜色值,如`strokeColor="#FF0000"`(红色),或者使用ColorPicker组件让...

    Flex4.5 做的简易mp3例子

    `hslider1_changeEndHandler`函数会在滑动条释放时被调用,用于改变音频的播放位置。它通过计算滑动条的当前值相对于最大值的比例,然后使用这个比例来设置`Sound`对象的新起始位置。`channel.stop();`确保音频从新...

Global site tag (gtag.js) - Google Analytics