We use essential cookies for the website to function, as well as analytics cookies for analyzing and creating statistics of the website performance. To agree to the use of analytics cookies, click "Accept All". You can manage your preferences at any time by clicking "Cookie Settings" on the footer. More Information.

Cookie Settings

Only Essential Cookies

Accept All

English

Products
Solutions
Events
Programs
Community
Training
Support

More

Search

Materials Console

Architecture Design

Application Architecture

Architecture Overview

Layered Architecture Design

Component Encapsulation and Reuse

Dynamic Component Creation

Component Encapsulation

Component Reuse

Layout and Pop-up Windows

Text Expansion and Collapse

Layout Optimization

Common List Streams

Grid Item Drag-and-Drop

Implementing Image Carousels Using the Swiper Component

Image Previewer

Custom Popup Selection and Development

Comment Dialog Box

DialogHub-based Common Dialog Box

ScrollComponents-based Waterfall Layout

Common Operations on Waterfall Layouts

ScrollComponents-based Grid Layout

ScrollComponents-based List Layout

Common Development Scenarios of Tabs

Common List Operations

Dialog Box Component Encapsulation

Selection and Development of Rich Text Display

Rich Text Editor

Feature development

Declarative Syntax

State Management

Optimization for Minimizing Redundant Re-rendering

StateStore-based Global State Management

Gestures and Navigation

Common Navigation Styles

HMRouter-based Page Redirection

Solution to Gesture Event Conflicts

Animations and Transitions

Animation Usage Guide

Page Transition

Long-Take Animation

Themes and Styles

Dark Mode Adaptation

Page Brightness Settings

Custom Font Settings

colorFilter-based Image Filter Effect

Image Resizing with the resizable Attribute

Application Framework

ArkTS High-Performance Programming

Application Concurrency Design

Comparison Between TaskPool and Worker

TaskPool Usage Guidelines

Aspect-Oriented Programming Design

Application Tracking

Aspect-Oriented Programming Based on the Aspect Plug-in Library

Application Package Structure

Home Screen Shortcuts

Cross-Module Resource Access

Calling APIs Across HAR/HSP Modules on the Native Side

App Icon Configuration and Development

Application Framework

Inter-Application Redirection

Social Sharing Redirection

Special Text Recognition Redirection

Redirecting and Starting Between Web Pages and Applications

Widget Updates and Data Interaction

Window and Screen Management

Irregularly Shaped Windows on PCs or 2-in-1 Devices

Soft Keyboard Layout Adaptation

Custom Keyboard

Multithreaded Operations for Intensive Relational Store and File Read/Write Tasks

Accessing Files on the Native Side

ArkWeb Rendering Framework Adaptation

Rendering Native Components at the Same Layer

Video Adaptation on Web Pages

Web Page Cross-Origin Solutions

Using the Web Component Interception Capability

Network

Application Network Reconnection

Bluetooth Low Energy

SFFT-based High-Speed Concurrent File Transfer

Network Information Query and Connection Management

Media

Optimizing Deferred Photo Delivery

Solution to Screen Artifacts During Camera Preview

Customizing Camera Preview

Customizing Photo Capture

Custom Video Recording

Obtaining and Storing Images

Long Screenshot

Audio and Video

Video Playback Using AVPlayer

Basic Playback Controls with AVPlayer

Long-Form Video Playback with AVPlayer

Short-Form Video Playback with AVPlayer

Embedded Short-Form Video Playback with AVPlayer

Online Video Playback with AVPlayer

PCM Audio Playback Using AudioRender

PCM Audio Playback Using OHAudio

Formatted Audio Playback Using AVPlayer (ArkTS)

Formatted Audio Playback Using AVPlayer (C++)

Short Audio Playback Using SoundPool

Audio Recording

Recording PCM Audio Using AudioCapturer (ArkTS)

Recording PCM Audio Using OHAudio (C++)

Recording Formatted Audio Using AVRecorder (ArkTS)

Recording Formatted Audio Using AVRecorder (C++)

Recording Audio Using AVScreenCapture

Rendering Video Frames

Video Encoding in Surface Mode

Video Transcoding in Buffer Mode

Audio Focus Management

Minimizing Stuttering in Online Video Playback

HDR Vivid Video Playback and Recording

HDR Vivid-to-SDR Video Transcoding

Obtaining Video Thumbnails Using System Capabilities

A/V Synchronization

Screen Recording Based on AVScreenCapture

Audio Quality Switching

Image-to-Video Synthesis

Audio Waveform Animation Based on AudioRenderer and AudioCapturer

Audio Monitoring Based on Audio Capabilities

Audio Input Device Management

Audio Output Device Management

Graphics

Graphic Drawing

Custom Drawing Performance Improvement

Adding Watermarks

Recording Playback Timeline Built on Canvas

Image Processing

Image Blurring Optimization

Efficient Image Blurring

GPU Acceleration

Maleoon GPU Rendering Optimization

Application Services

Location Positioning

Lock Screen Immersive Live Views

NDK

Passing Complex Parameters Across Languages

Integrating a Third-Party Dynamic Link Library

Setting Thread Priority in Heavy-Load Scenarios

Implementing Communication Between Native Child Threads and the UI Main Thread

Multi-device development

One-Time Development for Multi-Device Deployment

Getting Started with an Example

Cross-Device Experience Design

Cross-Device UI Development

Multi-Device Window Forms

Window Orientation

Immersive Window

Responsive UI Layout

Responsive Layout

Component Layout

Screen Type-based Layout

Adaptive UI Element

Adaptive Layout

Special Layouts

Semi-Folded State of Foldable Screens

Responsive Layout on Web

Multi-Device Interaction

Interactions Across Devices

Cross-Device Resource Files

Multi-Device Application UI Development

Business Office

Bank Wealth Management

Community Comment

Instant Messaging

Image Beautification

Cross-Device Feature Development

Cross-Device Feature Development

Cross-Device Camera Interface Adaptation

Cross-Device Screen Adaptation

Cross-Device Project Deployment and Release

Hopping

Hopping Overview

Cross-Device Migration

App Continuation Overview

App Continuation for Data Migration

Common Continuation

Multi-Device Collaboration

Drag-and-Drop Across Devices

Unified Drag-and-Drop

Cross-Device Pasteboard

Common Scenarios of Cross-Device Pasteboard

Tap to Transfer for Links

Tap to Transfer for Files

Typical Collaborative Development Cases

All-Scenario Collaboration for Office Editing

Smart Watch Map Navigation

Multi-Device Collaboration for Content Editing

Multi-Device Experience Optimization

Foldable Device Application Development

Pura X Application Development

Tri-Fold Phone Application Development

Tablet Application Development

PC Application Development

MateBook Fold Application Development

Wearable Application Development

Lite Wearables Applications

Industry Solutions

Smooth Home Page News Feeds

Page Turning in a Reader

Seamless Transition of Online Short Videos

Short Video Adaptation Based on the adaptive_video Library

Unicast Live Streaming Based on Media Capabilities

Live Co-Hosting Based on Media Capabilities

Landscape/Portrait Mode Switching of Video Apps

Navigation & Transport

AI-Enhanced Image and Text Creation

AI enablement

AI Empowerment

Habit-based Recommendation with Intents Kit

Intelligent Agent

RAG-powered Intelligent Email Q&A

Application security

Application Security

Application Privacy Protection

Application Data Security

Application Security Coding

Application Asset Protection Design

Application Code Obfuscation

Application Permission Request

Network Connection Security Configuration

Cross-Platform Encryption and Decryption

Usage of Device Identifiers

Secure Development with the ArkWeb Component

Application quality

Performance

Performance Experience Design

Performance Detection

Runtime-state Performance Detection

Detecting Startup Duration Issues

Detecting Main Thread Jank Issues

Detecting Frame Loss During Scrolling

Performance Analysis

Introduction to Performance Profiling

Analyzing Touch Response Latency

Analyzing Touch Completion Latency

Analyzing Touch Response Latency of Web Pages

Analyzing Loading Completion Latency of Web Pages

Analyzing Time-Consuming Issues in Cross-Thread Serialization

Analyzing Memory Usage Issues

Obtaining Memory Information of a Process

Analyzing ArkTS/JS Memory

Analyzing Native Memory

Analyzing Kernel-Mode Memory

Analyzing Task Execution Timeout

Optimizing Performance

Optimizing Perception of Smoothness

Controlling Rendering Range

Reducing Layout Nodes

Optimizing Component Rendering

Controlling State Update

Optimizing the Animation Frame Rate

Using Concurrency

Loading Resources in Advance

Improving Running Efficiency

Reducing Time-consuming Operations

Delaying Operation Trigger

Performance Optimization Cases

Optimizing UI Rendering Performance

Optimizing Component Nesting

Optimizing Performance Using LazyForEach

Optimizing Performance of UI Components

Optimizing Time-Consuming Operations in the Main Thread

Frame-based Rendering in Heavy-Load Scenarios

Optimizing Frame Loss for Long List Loading

Optimizing Frame Loss for Waterfall Loading

Optimizing Frame Loss for Grid Component Loading

Optimizing Frame Loss During Swiper Component Loading

Optimizing Application Startup and Response

Reducing Application Cold Start Latency

Reducing Application Latency

Optimizing Resource and Storage

Reducing Application Package Size

Reducing Application Memory Usage

Optimizing Image Loading

Optimizing File Upload and Download

Optimizing Web Performance

Optimizing Web Loading Performance

Special Issues and Solutions

Solution to Screen Flickering

Solution to White Image Blocks

Optimizing Object Serialization

High-Performance JSON Parsing

High-Performance Protobuf Parsing

Parallelization Performance Optimization

Power Consumption

Power Consumption Overview

User Experience on Application Power Consumption

Detecting Application Power Consumption

Power Consumption Detection in the Development State

Scenario-based Power Consumption Test

Basic Power Consumption Quality Test

Power Consumption Detection in Running State

Analysis of Applications' Power Consumption

High CPU Load Analysis

Analysis of Invisible Foreground Animation Issues

Optimizing Application Power Consumption

Low Power Consumption of Foreground Tasks

Low-Power Design in Power Saving and Dark Modes

LTPO-based Low-Power Design

HWC-based Low-Power Design

Proper Use of Foreground Resources

Low-Power Rules in Music Playback Scenarios

Low-Power Rules in Navigation and Positioning Scenarios

Low-Power Rules in Static Scenarios

Low-Power Rules in Video Encoding and Decoding Scenarios

Low-Power Rules in Video Bullet Comment Drawing Scenarios

Low-Power Suggestions for Storing Video Sources to the ROM

Low-Power Suggestions for Layer Composition in Video Scenarios

Low-Power Suggestions for Wi-Fi Loading in Video Scenarios

Low-Power Suggestions for Network Resources Preloading

Low-Power Suggestions for Invisible Components

Low Power Consumption of Background Tasks

Proper Use of Background Tasks

Management of Background Applications

Proper Use of Background Hardware Resources

Bluetooth Resources

Network Resources

Audio Resources

Sensor Resources

Proper Use of Background Software Resources

Upload and Download

Positioning and Navigation

System Resources

Power Consumption Optimization Cases

Vsync Low-Power Optimization

Buffer Low-Power Optimization

Engineering tools

Compilation and Build

Using GN to Configure the HarmonyOS Build Toolchain

Using CMake to Configure the HarmonyOS Build Toolchain

Using Make to Configure the HarmonyOS Build Toolchain

Using the Configure Tool to Configure the HarmonyOS Build Toolchain

Using the lycium Tool to Quickly Compile Third-Party Libraries

Customizing the Hvigor Plugin

Building Multi-Target Products

Application Package Structure

Last updated: 2026-04-15 03:19

Aspect-Oriented Programming Based on the Aspect Plug-in Library

Home Screen Shortcuts

Send feedback

Was this page helpful?

Send feedback

Reach out to us through the community for any other questions.

Community Q&A Intelligent Assistant

Search in Best Practices

Search only in Application FrameworkSearch titles only

Enter a keyword.