/ohos5.0/docs/zh-cn/application-dev/ui/ |
H A D | ui-js-components-stepper.md | 1 # stepper开发指导 3 当一个任务需要多个步骤时,可以使用stepper组件展示当前进展。具体用法请参考[stepper API](../reference/apis-arkui/arkui-js/js-component… 6 ## 创建stepper组件 13 <stepper> 16 </stepper-item> 19 </stepper-item> 20 </stepper> 61 </stepper> 100 </stepper> 226 stepper-item{ [all …]
|
H A D | ui-js-building-ui-component.md | 15 …stepper](../reference/apis-arkui/arkui-js/js-components-container-stepper.md)、[stepper-item](../re…
|
/ohos5.0/docs/en/application-dev/ui/ |
H A D | ui-js-components-stepper.md | 1 # \<stepper> Development 13 <stepper> 16 </stepper-item> 19 </stepper-item> 20 </stepper> 61 </stepper> 100 </stepper> 155 </stepper> 212 </stepper> 226 stepper-item{ [all …]
|
H A D | ui-js-building-ui-component.md | 16 …rm, list, list-item, list-item-group, panel, popup, refresh, stack, stepper, stepper-item, swiper,…
|
/ohos5.0/foundation/arkui/ace_engine/frameworks/bridge/common/dom/ |
H A D | dom_stepper.cpp | 63 [](int32_t pageId, DOMStepper& stepper) { in AddSpecializedEvent() 64 … stepper.backEventId_ = EventMarker(stepper.GetNodeIdForEvent(), DOM_STEPPER_EVENT_BACK, pageId); in AddSpecializedEvent() 65 stepper.stepperComponent_->SetBackEventId(stepper.backEventId_); in AddSpecializedEvent() 71 …stepper.changeEventId_ = EventMarker(stepper.GetNodeIdForEvent(), DOM_STEPPER_EVENT_CHANGE, pageId… in AddSpecializedEvent() 72 stepper.stepperComponent_->SetChangeEventId(stepper.changeEventId_); in AddSpecializedEvent() 78 …stepper.finishEventId_ = EventMarker(stepper.GetNodeIdForEvent(), DOM_STEPPER_EVENT_FINISH, pageId… in AddSpecializedEvent() 79 stepper.stepperComponent_->SetFinishEventId(stepper.finishEventId_); in AddSpecializedEvent() 85 … stepper.nextEventId_ = EventMarker(stepper.GetNodeIdForEvent(), DOM_STEPPER_EVENT_NEXT, pageId); in AddSpecializedEvent() 86 stepper.stepperComponent_->SetNextEventId(stepper.nextEventId_); in AddSpecializedEvent() 92 … stepper.skipEventId_ = EventMarker(stepper.GetNodeIdForEvent(), DOM_STEPPER_EVENT_SKIP, pageId); in AddSpecializedEvent() [all …]
|
/ohos5.0/docs/zh-cn/application-dev/reference/apis-arkui/arkui-js/ |
H A D | js-components-container-stepper.md | 1 # stepper chapter 16 仅支持<stepper-item>子组件。 28 | index | number | 0 | 设置步骤导航器步骤显示第几个stepper-item子组件,默认显示第一个stepper-item。 | 68 <stepper-item class="stepper-item" label="{{ label_1 }}"> 73 </stepper-item> 74 <stepper-item class="stepper-item" label="{{ label_2 }}"> 79 </stepper-item> 80 <stepper-item class="stepper-item" label="{{ label_3 }}"> 86 </stepper> 99 .stepper{ [all …]
|
H A D | js-components-container-stepper-item.md | 1 # stepper-item 51 > - 不支持长宽样式,宽和父容器stepper一样,高是父容器stepper减去底部导航按钮的高度。 73 详见[stepper示例](js-components-container-stepper.md)。
|
H A D | Readme-CN.md | 26 - [stepper](js-components-container-stepper.md) 27 - [stepper-item](js-components-container-stepper-item.md)
|
H A D | js-components-common-styles.md | 46 …<br/>仅父容器为<div>、<list-item>、<tabs>、<refresh>、<stepper-item><sup>5+</… 47 …<br/>仅父容器为<div>、<list-item>、<tabs>、<refresh>、<stepper-item><sup>5+</… 48 …<br/>仅父容器为<div>、<list-item>、<tabs>、<refresh>、<stepper-item><sup>5+</… 49 …<br/>仅父容器为<div>、<list-item>、<tabs>、<refresh>、<stepper-item><sup>5+</…
|
/ohos5.0/foundation/arkui/ace_engine/frameworks/core/components/stepper/ |
H A D | stepper_element.cpp | 94 if (!stepper) { in OnFocus() 99 stepper->OnStatusChanged(RenderStatus::FOCUS); in OnFocus() 107 stepper->RegisterChangeEndListener( in OnFocus() 126 if (stepper) { in OnBlur() 128 stepper->OnStatusChanged(RenderStatus::BLUR); in OnBlur() 135 if (!stepper) { in HandleOnButtonClick() 139 stepper->HandleButtonClick(isLeft); in HandleOnButtonClick() 145 if (!stepper) { in HandleOnButtonFocus() 149 stepper->UpdateButtonFocus(focus, isLeft); in HandleOnButtonFocus() 201 if (!stepper) { in RequestCurrentItemFocus() [all …]
|
H A D | stepper_animation_controller.cpp | 40 auto stepper = animationController->GetRenderStepper().Upgrade(); in UpdateStepperItemOpacity() local 41 if (!stepper) { in UpdateStepperItemOpacity() 45 auto renderStepper = AceType::DynamicCast<RenderStepper>(stepper); in UpdateStepperItemOpacity() 65 auto stepper = animationController->GetRenderStepper().Upgrade(); in UpdateStepperItemPosition() local 66 if (!stepper) { in UpdateStepperItemPosition() 70 auto renderStepper = AceType::DynamicCast<RenderStepper>(stepper); in UpdateStepperItemPosition()
|
H A D | render_stepper.cpp | 65 auto stepper = weak.Upgrade(); in Update() local 66 if (stepper) { in Update() 153 if (stepper) { in InitAccessibilityEventListener() 154 stepper->StepperNext(); in InitAccessibilityEventListener() 161 if (stepper) { in InitAccessibilityEventListener() 162 stepper->StepperPrev(); in InitAccessibilityEventListener() 731 auto stepper = weak.Upgrade(); in DoStepperToAnimation() local 732 if (stepper) { in DoStepperToAnimation() 733 stepper->FireChangedEvent(stepper->outItemIndex_, stepper->currentIndex_); in DoStepperToAnimation() 734 stepper->FireItemEvent(stepper->outItemIndex_, false); in DoStepperToAnimation() [all …]
|
H A D | BUILD.gn | 17 build_component("stepper") {
|
/ohos5.0/docs/en/application-dev/reference/apis-arkui/arkui-js/ |
H A D | js-components-container-stepper.md | 1 # stepper chapter 71 <stepper-item class="stepper-item" label="{{ label_1 }}"> 76 </stepper-item> 77 <stepper-item class="stepper-item" label="{{ label_2 }}"> 82 </stepper-item> 83 <stepper-item class="stepper-item" label="{{ label_3 }}"> 88 </stepper-item> 89 </stepper> 102 .stepper{ 106 .stepper-item { [all …]
|
H A D | js-components-container-stepper-item.md | 1 # stepper-item 6 The **\<stepper-item>** component displays a step in the step navigator. This component is the chil… 73 For details, see **Example** in [stepper](js-components-container-stepper.md).
|
H A D | Readme-EN.md | 26 - [stepper](js-components-container-stepper.md) 27 - [stepper-item](js-components-container-stepper-item.md)
|
/ohos5.0/docs/en/design/ux-design/ |
H A D | multimodal-stepper.md | 3 If multiple steps are required to complete a task, you can use the stepper to navigate your users t… 11 - Use the stepper when a task is complex and needs to be divided into multiple logical steps. 35 …velopment guide related to the stepper, see [Stepper](../../application-dev/reference/arkui-ts/ts-…
|
H A D | multimodal-component-overview.md | 37 …bar-common-backup](figures/title-bar-common-backup.png)| | [Page indicator](multimodal-swiper.md)| [Stepper](multimodal-stepper.md)|
|
/ohos5.0/foundation/arkui/ace_engine/frameworks/core/components_ng/pattern/stepper/ |
H A D | stepper_pattern.h | 101 auto stepper = wp.Upgrade(); in GetScopeFocusAlgorithm() 102 if (stepper) { in GetScopeFocusAlgorithm() 103 nextFocusNode = stepper->GetFocusNode(step, currFocusNode); in GetScopeFocusAlgorithm()
|
/ohos5.0/docs/en/application-dev/reference/apis-arkui/arkui-ts/ |
H A D | ts-basic-components-stepperitem.md | 62 Sets the display status of **nextLabel** in the stepper. 72 | value | [ItemState](#itemstate) | No | Display status of **nextLabel** in the stepper.<br>Defau… 90 …ult. You can define the processing logic for this state in the **onSkip** callback of the stepper.| 95 See [Stepper](ts-basic-components-stepper.md).
|
/ohos5.0/docs/zh-cn/application-dev/reference/apis-arkui/arkui-ts/ |
H A D | ts-basic-components-stepperitem.md | 3 用作[Stepper](ts-basic-components-stepper.md)组件的页面子组件。 95 见[Stepper](ts-basic-components-stepper.md)。
|
H A D | ts-basic-components-stepper.md | 212 
|
/ohos5.0/docs/zh-cn/design/ux-design/ |
H A D | multimodal-stepper.md | 35 …nharmony/docs/blob/master/zh-cn/application-dev/reference/arkui-ts/ts-basic-components-stepper.md)。
|
/ohos5.0/foundation/arkui/ace_engine/frameworks/core/components_ng/pattern/ |
H A D | BUILD.gn | 439 "stepper/stepper_accessibility_property.cpp", 440 "stepper/stepper_item_model_ng.cpp", 441 "stepper/stepper_layout_algorithm.cpp", 442 "stepper/stepper_model_ng.cpp", 443 "stepper/stepper_node.cpp", 444 "stepper/stepper_pattern.cpp",
|
/ohos5.0/foundation/arkui/ace_engine/ |
H A D | README.md | 77 …swiper, tabs, tab-bar, tab-content, refresh, dialog, badge, panel, popup, stepper, stepper-item</p>
|