| /ohos5.0/foundation/arkui/ace_engine/frameworks/bridge/common/dom/ |
| H A D | dom_toggle.cpp | 62 …{ DOM_TEXT_VALUE, [](DOMToggle& toggle, const std::string& value) { toggle.textChild_->SetData(val… in SetSpecializedAttr()
76 …[](DOMToggle& toggle, const std::string& value) { toggle.textStyle_.SetAllowScale(StringToBool(val… in SetSpecializedStyle()
80 toggle.toggleChild_->SetCheckedColor(toggle.ParseColor(value)); in SetSpecializedStyle()
82 toggle.toggleChild_->SetBackgroundColor(toggle.ParseColor(value)); in SetSpecializedStyle()
87 toggle.toggleChild_->SetCheckedColor(toggle.ParseColor(value)); in SetSpecializedStyle()
91 toggle.textStyle_.SetFontFamilies(toggle.ParseFontFamilies(value)); in SetSpecializedStyle()
95 toggle.textStyle_.SetFontSize(toggle.ParseDimension(value)); in SetSpecializedStyle()
108 toggle.toggleChild_->SetHeight(toggle.ParseDimension(value)); in SetSpecializedStyle()
112 toggle.textStyle_.SetTextColor(toggle.ParseColor(value)); in SetSpecializedStyle()
116 toggle.toggleChild_->SetWidth(toggle.ParseDimension(value)); in SetSpecializedStyle()
[all …]
|
| /ohos5.0/docs/en/design/ux-design/ |
| H A D | multimodal-toggle.md | 4 A toggle is used to enable or disable a function.
7 
13 - Place a toggle on the right of a function for users to enable or disable the function.
15 …toggle will change the setting status. In some scenarios, there is a delay in displaying the statu…
20 …evelopment guide related to the toggle, see [Toggle](../../application-dev/reference/arkui-ts/ts-b…
|
| /ohos5.0/foundation/arkui/ace_engine/frameworks/bridge/declarative_frontend/ark_component/src/ |
| H A D | ArkToggle.ts | 97 getUINativeModule().toggle.resetSelectedColor(node);
99 getUINativeModule().toggle.setSelectedColor(node, this.value);
114 getUINativeModule().toggle.resetSwitchPointColor(node);
131 getUINativeModule().toggle.resetHeight(node);
133 getUINativeModule().toggle.setHeight(node, this.value);
147 getUINativeModule().toggle.resetResponseRegion(node);
199 getUINativeModule().toggle.resetPadding(node);
242 getUINativeModule().toggle.resetBackgroundColor(node);
258 getUINativeModule().toggle.resetHoverEffect(node);
260 getUINativeModule().toggle.setHoverEffect(node, this.value);
[all …]
|
| /ohos5.0/foundation/arkui/ace_engine/frameworks/core/components/toggle/ |
| H A D | render_toggle.cpp | 33 auto toggle = wp.Upgrade(); in RenderToggle() local
34 if (toggle) { in RenderToggle()
35 toggle->HandleClickEvent(); in RenderToggle()
41 auto toggle = wp.Upgrade(); in RenderToggle() local
42 if (toggle) { in RenderToggle()
47 auto toggle = wp.Upgrade(); in RenderToggle() local
48 if (toggle) { in RenderToggle()
53 auto toggle = wp.Upgrade(); in RenderToggle() local
54 if (toggle) { in RenderToggle()
213 if (toggle) { in CreateFloatAnimation()
[all …]
|
| /ohos5.0/docs/zh-cn/application-dev/quick-start/ |
| H A D | arkts-rendering-control-ifelse.md | 112 @State toggle: boolean = true;
116 if (this.toggle) {
121 Button(`toggle ${this.toggle}`)
123 this.toggle = !this.toggle;
165 @State toggle: boolean = true;
170 if (this.toggle) {
175 Button(`toggle ${this.toggle}`)
177 this.toggle = !this.toggle;
198 @State toggle: boolean = false;
205 if (this.toggle) {
[all …]
|
| /ohos5.0/docs/en/application-dev/reference/apis-arkui/arkui-js/ |
| H A D | js-components-basic-toggle.md | 1 # toggle chapter
7 The **\<toggle>** component allows your user to select from a group of options and may display the …
26 | value | string | - | Yes | Text value of the toggle. |
27 | checked | boolean | false | No | Whether the toggle is selected.|
36 | text-color | <color> | \#E5000000 | No | Text color of the toggle. …
37 | font-size | <length> | 16px | No | Font size of the toggle. …
39 | font-style | string | normal | No | Font style of the toggle. …
50 | change | { checked: isChecked } | Triggered when the toggle is selected or unselected.|
65 <toggle class="margin" for="{{toggles}}">{{$item}}</toggle>
69 <toggle class="margin" for="{{toggle_list}}" id="{{$item.id}}" checked="{{$item.checked}}"
[all …]
|
| /ohos5.0/docs/zh-cn/application-dev/reference/apis-arkui/arkui-ts/ |
| H A D | ts-motion-path-animation.md | 41 @State toggle: boolean = true
54 this.toggle = !this.toggle // 通过this.toggle变化组件的位置
57 …}.width('100%').height('100%').alignItems(this.toggle ? HorizontalAlign.Start : HorizontalAlign.Ce…
|
| H A D | ts-basic-components-toggle.md | 237 
279 
332 
|
| /ohos5.0/foundation/arkui/ui_lite/test/uitest/test_view_bounds/ |
| H A D | ui_test_view_bounds.cpp | 118 UIToggleButton* toggle = new UIToggleButton(); in UIKitViewBoundsSetState001() local
119 group->Add(toggle); in UIKitViewBoundsSetState001()
120 toggle->SetWidth(50); // 50: width in UIKitViewBoundsSetState001()
121 toggle->SetHeight(50); // 50: height in UIKitViewBoundsSetState001()
122 toggle->LayoutCenterOfParent(); in UIKitViewBoundsSetState001()
123 toggle->LayoutRightOfParent(5); // 5: offset in UIKitViewBoundsSetState001()
124 toggle->SetViewId(UI_TEST_SHOW_VIEW_BOUNDS); in UIKitViewBoundsSetState001()
129 toggle->SetOnChangeListener(viewBoundsChangeListener_); in UIKitViewBoundsSetState001()
131 toggle->SetState(true); in UIKitViewBoundsSetState001()
133 toggle->SetState(false); in UIKitViewBoundsSetState001()
|
| /ohos5.0/docs/en/application-dev/ui/ |
| H A D | arkts-common-components-switch.md | 4 … states. For details, see [Toggle](../reference/apis-arkui/arkui-ts/ts-basic-components-toggle.md).
9 You can create a toggle by calling the following API:
15 …eType** indicates the toggle type, which can be **Button**, **Checkbox**, or **Switch**, and **isO…
22 - Create a toggle that does not contain child components.
40 - Create a toggle that contains a child component.
61 - Use the **selectedColor** attribute to set the background color of the toggle for when it is turn…
77 …f the circular slider. This attribute is valid only when **type** of the toggle is set to **Toggle…
|
| H A D | ui-js-components-stepper.md | 295 …o navigate through the steps. Create a [\<toggle>](../reference/apis-arkui/arkui-js/js-components-…
308 …<toggle for="{{togglelist1}}" value="{{$item}}" class="tog" onchange="multiTog({{$item}})"></toggl…
316 …<toggle class="tog" for="{{togglelist1}}" value="{{$item}}" style="text-color: {{tcolor}};font-siz…
317 </toggle>
377 prevLabel: 'toggle',
|
| H A D | ui-js-components-menu.md | 176 Click the **<toggle>** component to change the text color and select the **<menu>** com…
183 …<toggle class="toggle" for="{{item in togglesList}}" onclick="toggleClick({{$idx}})" checked="{{it…
208 .toggle{
|
| /ohos5.0/docs/en/application-dev/tools/ |
| H A D | atm-tool.md | 14 | <!--DelRow-->toggle | Sets or obtains the toggle state of a permission.|
53 ## toggle section
56 atm toggle [-h] [-s -u <user-id> -p <permission-name> -k <status>] [-o -u <user-id> -p <permission-…
58 **Parameters of the toggle command**
63 | -s -u \<user-id\> -p \<permission-name\> -k \<status\> | Sets the toggle state (sp…
64 | -o -u \<user-id\> -p \<permission-name\> | Obtains the toggle state of a specified perm…
69 # Display the help information about the atm toggle command.
70 atm toggle -h
73 atm toggle -s -u 0 -p ohos.permission.CAMERA -k 1
75 # Obtain the toggle state of the camera permission for user 0.
[all …]
|
| /ohos5.0/docs/zh-cn/application-dev/tools/ |
| H A D | atm-tool.md | 14 | <!--DelRow-->toggle | 弹窗开关状态命令，设置或获取权限的弹窗开关状态。 |
56 atm toggle [-h] [-s -u <user-id> -p <permission-name> -k <status>] [-o -u <user-id> -p <permission-…
69 # 显示atm toggle的帮助信息
70 atm toggle -h
73 atm toggle -s -u 0 -p ohos.permission.CAMERA -k 1
76 atm toggle -o -u 0 -p ohos.permission.CAMERA
|
| /ohos5.0/docs/zh-cn/application-dev/reference/apis-arkui/arkui-js/ |
| H A D | js-components-basic-toggle.md | 1 # toggle chapter
64 <toggle class="margin" for="{{toggles}}">{{$item}}</toggle>
68 <toggle class="margin" for="{{toggle_list}}" id="{{$item.id}}" checked="{{$item.checked}}"
69 value="{{$item.name}}" @change="allchange" @click="allclick({{$item.id}})"></toggle>
|
| /ohos5.0/docs/en/application-dev/reference/apis-arkui/arkui-ts/ |
| H A D | ts-basic-components-toggle.md | 28 | options | [ToggleOptions](#toggleoptions13) | Yes | Options of the toggle.|
40 | type | [ToggleType](#toggletype) | Yes | Type of the toggle.<br>Default value: **ToggleType.Swit…
41 … | No | Whether the toggle is turned on. The value **true** means that t…
150 Triggered when the toggle status changes.
162 | isOn | boolean | Yes | Whether the toggle is on.<br>**true**: The toggle is on. **false**: The…
174 | isOn | boolean| No | No| Whether the toggle is on.<br>Default value: **false**|
175 | enabled | boolean | No| No| Whether the toggle is enabled.|
176 | triggerChange |Callback\<boolean>| No| No|Triggers toggle status changes.|
247 
289 
[all …]
|
| H A D | ts-motion-path-animation.md | 39 @State toggle: boolean = true
48 this.toggle =! this.toggle // Use this.toggle to change the position of the component.
51 …}.width('100%').height('100%').alignItems(this.toggle ? HorizontalAlign.Start : HorizontalAlign.Ce…
|
| /ohos5.0/docs/en/application-dev/quick-start/ |
| H A D | arkts-rendering-control-ifelse.md | 112 @State toggle: boolean = true;
116 if (this.toggle) {
121 Button(`toggle ${this.toggle}`)
123 this.toggle = !this.toggle;
165 @State toggle: boolean = true;
170 if (this.toggle) {
175 Button(`toggle ${this.toggle}`)
177 this.toggle = !this.toggle;
198 @State toggle: boolean = false;
205 if (this.toggle) {
[all …]
|
| /ohos5.0/foundation/arkui/ace_engine/frameworks/bridge/declarative_frontend/jsview/models/ |
| H A D | toggle_model_impl.cpp | 106 auto toggle = AceType::DynamicCast<ToggleComponent>(mainComponent); in SetSelectedColor() local
107 if (toggle) { in SetSelectedColor()
108 toggle->SetCheckedColor(color); in SetSelectedColor()
131 auto toggle = AceType::DynamicCast<ToggleComponent>(mainComponent); in OnChange() local
132 if (toggle) { in OnChange()
|
| /ohos5.0/docs/zh-cn/application-dev/ui/ |
| H A D | ui-js-components-menu.md | 176 本场景中开发者可点击toggle组件修改文字颜色，选择menu组件修改渐变色块大小。
183 …<toggle class="toggle" for="{{item in togglesList}}" onclick="toggleClick({{$idx}})" checked="{{it…
208 .toggle{
|
| H A D | ui-js-components-stepper.md | 295 用stepper组件实现分步，再创建[Toggle](../reference/apis-arkui/arkui-js/js-components-basic-toggle.md)组件实现选择显示功…
308 …<toggle for="{{togglelist1}}" value="{{$item}}" class="tog" onchange="multiTog({{$item}})"></toggl…
316 …<toggle class="tog" for="{{togglelist1}}" value="{{$item}}" style="text-color: {{tcolor}};font-siz…
317 </toggle>
377 prevLabel: 'toggle',
|
| /ohos5.0/foundation/arkui/ace_engine_lite/test/moduletest/common/test_app/ui_manual_test/src/main/js/default/pages/image-animator/03/ |
| H A D | index.js | 24 toggle() {
|
| /ohos5.0/docs/zh-cn/design/ux-design/ |
| H A D | multimodal-state-button.md | 31 …enharmony/docs/blob/master/zh-cn/application-dev/reference/arkui-ts/ts-basic-components-toggle.md)。
|
| H A D | multimodal-toggle.md | 20 …enharmony/docs/blob/master/zh-cn/application-dev/reference/arkui-ts/ts-basic-components-toggle.md)。
|
| /ohos5.0/docs/zh-cn/application-dev/reference/apis-arkui/arkui-js-lite/ |
| H A D | js-lite-framework-syntax-hml.md | 295 <button class="btn" type="capsule" value="toggle" onclick="toggle"></button>
321 toggle: function() {
|