Bind Slider value to a Label : Slider « Components « Flex






  1. Flex
  2. Components
  3. Slider

Bind Slider value to a Label

Bind Slider value to a Label
           

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical">
  <mx:Label id="sliderLabel" fontSize="18" fontWeight="bold" text="{mySlider.value}"/>
  <mx:HSlider id="mySlider" width="300" minimum="0" maximum="300"
    tickInterval="50" snapInterval="50" labels="{['0','50','100','150','200','250','300']}"/>
  
</mx:Application>








Related examples in the same category

1.Formatting data tips in a SliderFormatting data tips in a Slider
2.Set snap interval value to 1 for horizontal sliderSet snap interval value to 1 for horizontal slider
3.Set tick interval value for horizontal sliderSet tick interval value for horizontal slider
4.Set value for horizontal sliderSet value for horizontal slider
5.Set minimum value to 1 for horizontal sliderSet minimum value to 1 for horizontal slider
6.Set Horizontal slider to live draggingSet Horizontal slider to live dragging
7.Use HSlider to choose valueUse HSlider to choose value
8.Use VSlider to choose valueUse VSlider to choose value
9.Two thumbs with thumbCount = 2Two thumbs with thumbCount = 2
10.Use a change event to show slider value in a TextArea controlUse a change event to show slider value in a TextArea control
11.Use slider controls to adjust the effect's propertiesUse slider controls to adjust the effect's properties
12.Call setThumbValueAt() method of HSlider to change the slider valueCall setThumbValueAt() method of HSlider to change the slider value
13.Horizontal slider Label settingsHorizontal slider Label settings
14.HSlider, snap and tick intervalHSlider, snap and tick interval
15.VSlider maximum, snap and tick intervalVSlider maximum, snap and tick interval
16.Bind slider value to a Text controlBind slider value to a Text control
17.change event for HSliderchange event for HSlider
18.Slider values property is a two-element array that contains the current value of the thumbsSlider values property is a two-element array that contains the current value of the thumbs
19.Get thumb index for two-thumb sliderGet thumb index for two-thumb slider
20.Use Slider to control the image width, height and alphaUse Slider to control the image width, height and alpha
21.Set minimum, maximum, tickInterval, snapInterval and Labels for SliderSet minimum, maximum, tickInterval, snapInterval and Labels for Slider
22.Rotating Fonts With SliderRotating Fonts With Slider
23.change width with sliderchange width with slider
24.Use Slider to control the width and height of ConstraintColumnUse Slider to control the width and height of ConstraintColumn
25.Use Slider to control the background color for a BoxUse Slider to control the background color for a Box
26.Set Slider tip functionSet Slider tip function
27.Show a horizontal slider and a vertical slider with different properties set.Show a horizontal slider and a vertical slider with different properties set.
28.HSlider BindingHSlider Binding
29.HSlider EventHSlider Event
30.HSlider Data TipHSlider Data Tip
31.Set alpha of DisplayObject when you move the sliderSet alpha of DisplayObject when you move the slider
32.Specify an offset used when adding a data child to the canvas for the labels with an HSlider control.Specify an offset used when adding a data child to the canvas for the labels with an HSlider control.
33.Use Slider to change vertical Scroll PositionUse Slider to change vertical Scroll Position
34.Use dataTipFormatFunction to format the data tip textUse dataTipFormatFunction to format the data tip text
35.Invoke adjustThumb() method when the user clicks the buttonInvoke adjustThumb() method when the user clicks the button
36.Bind Panel width to HSliderBind Panel width to HSlider