Lines Matching full:value
43 …value | number | No| Current progress.<br>Default value: same as the value of **min**<br>Since API…
44 | min | number | No| Minimum value.<br>Default value: **0**|
45 …value.<br>Default value: **100**<br>**NOTE**<br>If the value of **min** is greater than or equal t…
46 …value: **1**<br>Value range: [0.01, max - min]<br>**NOTE**<br>If this parameter is set to a value …
47 | style | [SliderStyle](#sliderstyle) | No| Style of the slider thumb and track.<br>Default value: …
48 …is) | No| Whether the slider moves horizontally or vertically.<br>Default value: **Axis.Horizontal…
49 | reverse<sup>8+</sup> | boolean | No| Whether the slider values are reversed.<br>Default value: **…
66 ….OutSet** is used, it applies 9 vp (half of the [blockSize](#blocksize10) value) margins on both l…
75 blockColor(value: ResourceColor)
95 | value | [ResourceColor](ts-types.md#resourcecolor) | Yes | Color of the thumb.<br>Default value…
99 trackColor(value: ResourceColor | LinearGradient)
115 …value | [ResourceColor](ts-types.md#resourcecolor) \| [LinearGradient<sup>12+</sup>](ts-basic-com…
119 selectedColor(value: ResourceColor)
121 Sets the color of the portion of the track between the minimum value and the thumb, representing th…
133 …value | [ResourceColor](ts-types.md#resourcecolor) | Yes | Color of the portion of the track bet…
139 Sets the color of the portion of the track between the minimum value and the thumb, representing th…
153 …value and the thumb.<br>**NOTE**<br>With gradient color settings, if the color stop values are inv…
157 showSteps(value: boolean)
171 …value | boolean | Yes | Whether to display the step markers along the slider track. <br>**true**…
175 showTips(value: boolean, content?: ResourceStr)
193 …value | boolean | Yes | Whether to display a toolt…
194 …str) | No | Content of the tooltip. By default, the tooltip shows the current percentage value. |
198 trackThickness(value: Length)
200 Sets the thickness of the track. If the value is less than or equal to 0, the default value is used.
206 If the value of **trackThickness** or [blockSize](#blocksize10) exceeds the width or height of the …
208 … value of [blockSize](#blocksize10) exceeds the width or height of the **Slider** component, the d…
220 | value | [Length](ts-types.md#length) | Yes | Thickness of the track.<br>Default value: 4.0vp wh…
224 blockBorderColor(value: ResourceColor)
242 | value | [ResourceColor](ts-types.md#resourcecolor) | Yes | Border color of the slider in the bl…
246 blockBorderWidth(value: Length)
264 | value | [Length](ts-types.md#length) | Yes | Border width of the slider in the block direction.…
268 stepColor(value: ResourceColor)
280 | value | [ResourceColor](ts-types.md#resourcecolor) | Yes | Step color.<br>Default value:<br>**$…
284 trackBorderRadius(value: Length)
296 …value | [Length](ts-types.md#length) | Yes | Radius of the rounded corner of the track.<br>Defau…
300 selectedBorderRadius(value: Dimension)
312 …value | [Dimension](ts-types.md#dimension10)| Yes | Corner radius of the selected part of the sl…
316 blockSize(value: SizeOptions)
334 …value | [SizeOptions](ts-types.md#sizeoptions) | Yes | Size of the slider in the block direction…
338 blockStyle(value: SliderBlockStyle)
350 | value | [SliderBlockStyle](#sliderblockstyle10) | Yes | Style of the slider in the block direct…
354 stepSize(value: Length)
356 …e step size (diameter). If the value is 0, the step size is not displayed. If the value is less th…
366 | value | [Length](ts-types.md#length) | Yes | Step size (diameter).<br>Default value: **'4vp'**<…
370 minLabel(value: string)
372 Sets the minimum value.
382 | value | string | Yes | Minimum value.|
386 maxLabel(value: string)
388 Sets the maximum value.
398 | value | string | Yes | Maximum value.|
402 sliderInteractionMode(value: SliderInteraction)
414 | value | [SliderInteraction](#sliderinteraction12)| Yes | Interaction mode between the user and …
418 minResponsiveDistance(value: number)
430 …value | number | Yes | Minimum distance required for the slider to respond. The slider will only…
455 slideRange(value: SlideRange)
467 | value | [SlideRange](#sliderange12) | Yes | Slide range.|
507 …itivity18) | Yes | Sensitivity to the digital crown rotation.<br>Default value: **CrownSensitivit…
545 showSteps(value: boolean, options?: SliderShowStepOptions)
549 You can set custom accessibility text for each step value. If no accessibility text is provided, th…
563 …value | boolean | Yes| Whether to display the step markers along the slider track. <br>**true**: D…
564 …rshowstepoptions20) | No| Accessibility configuration of step markers.<br>Default value: **null**.|
576 …) | No | Text for assistive technologies (for example, screen readers).<br>Default value: **""**.|
577 … | Detailed functional description for assistive technologies.<br>Default value: **"Double-tap to …
578 …or its child components can be recognized by accessibility services.<br>Default value: **"auto"**.|
579 …value **true** means to enable accessibility grouping, and **false** means the opposite. When acce…
607 …tr) | No| Text for assistive technologies (for example, screen readers).<br>Default value: **""**.|
619 …value-to-text mappings for assistive technologies (for example, screen readers).<br>Value range fo…
631 … | Yes | Type of the slider in the block direction.<br>Default value: **SliderBlockType…
643 | Name | Value| Description |
657 | Name | Value|Description |
680 …value is between the adjacent multiples of **step**, then **from** takes the value of the left int…
681 …value is between the adjacent multiples of **step**, then **to** takes the value of the right inte…
682 …value** is **undefined** or **null**, it takes the same value as **from**; when **value** is a num…
690 onChange(callback: (value: number, mode: SliderChangeMode) => void)
694 …h a gesture. The **Moving** and **Click** states are triggered when the value of **value** changes.
708 …value | number | Yes | Current sliding progress. Its rang…
721 | Name| Value| Description|
725 …NOTE**<br>The trigger occurs when an invalid value is restored to the default value, that is, when…
738 | value | number | No| No| Current progress.|
739 | min | number | No| No| Minimum value.|
740 | max | number | No| No| Maximum value.|
746 type SliderTriggerChangeCallback = (value: number, mode: SliderChangeMode) => void
758 | value | number | Yes| Current progress.<br>Value range: [[min](#slideroptions), [max](#slideropti…
787 value: this.outSetValueOne,
793 .onChange((value: number, mode: SliderChangeMode) => {
794 this.outSetValueOne = value;
795 console.info('value:' + value + 'mode:' + mode.toString());
797 // toFixed(0) converts the return value of the slider to an integer.
803 value: this.outSetValueTwo,
808 .onChange((value: number, mode: SliderChangeMode) => {
809 this.outSetValueTwo = value;
810 console.info('value:' + value + 'mode:' + mode.toString());
819 value: this.inSetValueOne,
828 .onChange((value: number, mode: SliderChangeMode) => {
829 this.inSetValueOne = value;
830 console.info('value:' + value + 'mode:' + mode.toString());
837 value: this.inSetValueTwo,
845 .onChange((value: number, mode: SliderChangeMode) => {
846 this.inSetValueTwo = value;
847 console.info('value:' + value + 'mode:' + mode.toString());
856 value: this.noneValueOne,
865 .onChange((value: number, mode: SliderChangeMode) => {
866 this.noneValueOne = value;
867 console.info('value:' + value + 'mode:' + mode.toString());
879 value: this.vOutSetValueOne,
887 .onChange((value: number, mode: SliderChangeMode) => {
888 this.vOutSetValueOne = value;
889 console.info('value:' + value + 'mode:' + mode.toString());
892 value: this.vOutSetValueTwo,
901 .onChange((value: number, mode: SliderChangeMode) => {
902 this.vOutSetValueTwo = value;
903 console.info('value:' + value + 'mode:' + mode.toString());
912 value: this.vInSetValueOne,
915 …y default, at the top of the vertical slider is the min value and at the bottom is the max value. …
918 .onChange((value: number, mode: SliderChangeMode) => {
919 this.vInSetValueOne = value;
920 console.info('value:' + value + 'mode:' + mode.toString());
923 value: this.vInSetValueTwo,
930 .onChange((value: number, mode: SliderChangeMode) => {
931 this.vInSetValueTwo = value;
932 console.info('value:' + value + 'mode:' + mode.toString());
957 Slider({ style: SliderStyle.OutSet, value: 40 })
963 Slider({ style: SliderStyle.InSet, value: 40, step: 10 })
969 Slider({ style: SliderStyle.InSet, value: 40 })
973 Slider({ style: SliderStyle.InSet, value: 40 })
977 Slider({ style: SliderStyle.OutSet, value: 40 })
979 Slider({ style: SliderStyle.OutSet, value: 40 })
981 Slider({ style: SliderStyle.OutSet, value: 40 })
987 Slider({ style: SliderStyle.InSet, value: this.tipsValue })
989 .onChange(value => {
990 this.tipsValue = value;
1012 Progress({ value: config.value, total: config.max, type: ProgressType.Ring })
1017 config.value = config.value + config.step;
1018 config.triggerChange(config.value, SliderChangeMode.Click);
1023 .enabled(config.value < config.max)
1027 config.value = config.value - config.step;
1028 config.triggerChange(config.value, SliderChangeMode.Click);
1033 .enabled(config.value > config.min)
1036 value: config.value,
1044 .onChange((value: number, mode: SliderChangeMode) => {
1045 config.triggerChange(value, mode);
1052 Text('Progress: ' + config.value)
1097 value: this.sliderValue,
1103 .onChange((value: number, mode: SliderChangeMode) => {
1104 this.sliderValue = value;
1106 console.info('[SliderLog] value:' + value + 'mode:' + mode.toString());
1146 value: this.inSetValueOne,
1160 .onChange((value: number, mode: SliderChangeMode) => {
1161 this.inSetValueOne = value
1254 value: 50,
1267 value: 50,
1279 value: 50,
1292 value: 50,
1309 value: 50,
1325 value: 50,
1342 value: 50,
1371 value: 50,
1394 value: 50,
1457 value: 20,
1472 value: 20,