ArkUI (Ark UI Framework)(Beta Feature)
- ArkUI Introduction(Beta Feature)
- UI Development (Cangjie Declarative Development Paradigm)
- UI Development (Cangjie Declarative Paradigm) Overview(Beta Feature)
- Learning Basic Syntax
- Basic Syntax Overview(Beta Feature)
- Declarative UI Description(Beta Feature)
- Custom Components
- Creating Custom Components(Beta Feature)
- Page & Custom Component Lifecycle(Beta Feature)
- Custom Component Member Property Access Qualifier Restrictions(Beta Feature)
- @Builder Macro: Custom Build Function(Beta Feature)
- @BuilderParam Macro: Referencing @Builder Functions(Beta Feature)
- @Reusable Macro: Component Reuse(Beta Feature)
- Learning State Management
- State Management Overview(Beta Feature)
- State Management (V1)
- Managing Component-Owned States
- @State Macro: Component-Internal State(Beta Feature)
- @Prop Macro: Parent-to-Child Unidirectional Sync(Beta Feature)
- @Link Macro: Parent-Child Bidirectional Sync(Beta Feature)
- @Provide & @Consume Macros: Bidirectional Sync with Descendant Components(Beta Feature)
- @Observed & @Publish Macros: Nested Class Object Property Changes(Beta Feature)
- Managing Application-Owned States
- Application-Owned State Management Overview(Beta Feature)
- LocalStorage: Page-Level UI State Storage(Beta Feature)
- AppStorage: Application-Wide UI State Storage(Beta Feature)
- PersistentStorage: Persistent UI State Storage(Beta Feature)
- Environment: Device Environment Query(Beta Feature)
- Other State Management
- Other State Management Overview(Beta Feature)
- @Watch Macro: State Variable Change Notification(Beta Feature)
- MVVM Pattern(Beta Feature)
- State Management Best Practices(Beta Feature)
- State Management Proper Usage Guide(Beta Feature)
- Managing Component-Owned States
- Learning Rendering Control
- Rendering Control Overview(Beta Feature)
- if/else: Conditional Rendering(Beta Feature)
- ForEach: Loop Rendering(Beta Feature)
- LazyForEach: Data Lazy Loading(Beta Feature)
- Layout Development
- Layout Overview(Beta Feature)
- Building Layouts
- Linear Layout (Row/Column)(Beta Feature)
- Stack Layout (Stack)(Beta Feature)
- Flex Layout (Flex)(Beta Feature)
- Relative Layout (RelativeContainer)(Beta Feature)
- Grid Layout (GridRow/GridCol)(Beta Feature)
- Creating Lists (List)(Beta Feature)
- Creating Grids (Grid/GridItem)(Beta Feature)
- Creating Carousel (Swiper)(Beta Feature)
- Tabs(Beta Feature)
- Adding Components
- Button(Beta Feature)
- Radio Button(Beta Feature)
- Toggle Button(Beta Feature)
- Progress Indicator(Beta Feature)
- Displaying Images (Image)(Beta Feature)
- Video Player (Video)(Beta Feature)
- Setting Component Navigation & Page Routing
- Component Navigation & Page Routing Overview(Beta Feature)
- Component Navigation (Navigation) (Recommended)(Beta Feature)
- Navigation Transition(Beta Feature)
- Using Text
- Text Overview(Beta Feature)
- Text Display (Text/Span)(Beta Feature)
- Text Input (TextInput/TextArea)(Beta Feature)
- Rich Text (RichEditor)(Beta Feature)
- Using Dialogs
- Dialog Overview(Beta Feature)
- Using Dialogs
- Dialog Overview(Beta Feature)
- Global Custom Dialog Independent of UI Components (openCustomDialog)(Beta Feature)
- Basic Custom Dialog (CustomDialog) (Deprecated)(Beta Feature)
- Fixed-Style Dialogs(Beta Feature)
- Page-Level Dialog Box(Beta Feature)
- Menu Control (Menu)(Beta Feature)
- Popup Tips (Popup)(Beta Feature)
- Binding Modal Pages
- Modal Page Binding Overview(Beta Feature)
- Binding Half-Modal Pages (bindSheet)(Beta Feature)
- Binding Full-Modal Pages (bindContentCover)(Beta Feature)
- Instant Feedback (Toast)(Beta Feature)
- Displaying Graphics
- Drawing Geometric Shapes (Shape)(Beta Feature)
- Custom Graphics Drawing with Canvas(Beta Feature)
- Using Animations
- Animation Overview(Beta Feature)
- Property Animation
- Property Animation Overview(Beta Feature)
- Implementing Property Animation(Beta Feature)
- Transition Animation
- Transition Animation Overview(Beta Feature)
- Appear/Disappear Transition(Beta Feature)
- Modal Transition(Beta Feature)
- Shared Element Transition (One-Shot Effect)(Beta Feature)
- Screen Rotation Animation(Beta Feature)
- Page Transition Animation (Not Recommended)(Beta Feature)
- Component Animation(Beta Feature)
- Animation Curves
- Animation Curves Overview(Beta Feature)
- Traditional Curves(Beta Feature)
- Spring Curves(Beta Feature)
- Animation Smoothing(Beta Feature)
- Animation Effects
- Frame Animation (ohos.animator)(Beta Feature)
- Supporting Interaction Events
- Interaction Events Overview(Beta Feature)
- Using Common Events
- Event Distribution(Beta Feature)
- Touch Screen Events(Beta Feature)
- Keyboard/Mouse Events(Beta Feature)
- Focus Events(Beta Feature)
- Using Mirroring Capability(Beta Feature)
- Theme Settings
- Dark/Light Mode Adaptation(Beta Feature)