UI Development

• ArkUI Overview
• UI Development (ArkTS-based Declarative Development Paradigm)
  • UI Development (ArkTS-based Declarative Development Paradigm) Overview
  • Layout Development
    • Layout Overview
    • Building a Layout
      • Linear Layout
      • Stack Layout
      • Flex Layout
      • Relative Layout
      • Responsive Grid Layout
      • Media Query
      • Creating a List
      • Creating a Grid
      • Creating a Swiper
    • Improving Layout Performance
  • Adding a Component
    • Adding a Common Component
      • Button
      • Radio Button
      • Toggle
      • Progress Indicator
      • Text Display
      • Text Input
      • Custom Dialog Box
      • Video Playback
      • XComponent
    • Adding a Bubble and Menu
      • Bubble
      • Menu
  • Setting Page Routing and Component Navigation
    • Page Routing
    • Component Navigation
      • Navigation
      • Tabs
  • Using Graphics
    • Displaying Images
    • Drawing Geometric Shapes
    • Drawing Custom Graphics on the Canvas
  • Using Animation
    • Animation Overview
    • Animation Within a Page
      • Layout Update Animation
      • Transition Animation Within a Component
      • Spring Curve Animation
    • Animation Between Pages
      • Zoom Animation
      • Page Transition Animation
  • Using Interaction Events
    • Interaction Event Overview
    • Universal Events
      • Touchscreen Event
      • Keyboard and Mouse Event
      • Focus Event
    • Gesture Events
      • Gesture Binding
      • Single Gesture
      • Combined Gestures
  • Recommendations for Improving Performance
• UI Development (JavaScript-compatible Web-like Development Paradigm)
  • UI Development (JavaScript-compatible Web-like Development Paradigm) Overview
  • Framework Overview
    • File Organization
      • "js" Tag
      • app.js
      • Syntax
        • HML
        • CSS
        • JavaScript
      • Lifecycle
      • Resource Limitations and Access
      • Multi-Language Capability
    • Building the UI
      • Component Overview
      • Building the Layout
        • Layout Description
        • Adding Title and Paragraph Text
        • Adding an Image
        • Adding a Comment
        • Adding a Container
      • Adding Interactions
      • Developing Animations
      • Defining Gesture Events
      • Defining Page Routes
    • Common Component Development Guidelines
      • Container Component Development
        • List Development
        • Dialog Development
        • Form Development
        • Stepper Development
        • Tabs Development
        • Swiper Development
      • Basic Component Development
        • Text Development
        • Input Development
        • Button Development
        • Picker Development
        • Image Development
        • Image-animator Development
        • Rating Development
        • Slider Development
        • Chart Development
        • Switch Development
        • Toolbar Development
        • Menu Development
        • Marquee Development
        • Qrcode Development
        • Search Development
      • Canvas Development
        • Canvas
        • CanvasRenderingContext2D
        • Path2D
        • OffscreenCanvas
      • Grid Container Development
      • SVG Development
        • Basics
        • Graph Drawing
        • Path Drawing
        • Text Drawing
    • Animation Development Guidelines
      • CSS Animation
        • Defining Attribute Style Animations
        • Defining Animations with the transform Attribute
        • Defining Animations with the background-position Attribute
        • Defining Animations for SVG Components
      • JS Animation
        • Component Animation
        • Interpolator Animation
          • Animation Effect
          • Animation Frame
    • Custom Components