第85节 一多开发之断点布局

在 HarmonyOS 的 ArkTS 语法中，断点布局是一种用于响应不同屏幕尺寸和设备类型的布局技术。以下是一个简单的断点布局实例，不涉及媒体查询，仅使用ArkTS 的内置功能和组件来实现。

import { BreakpointSystem , BreakpointConstants } from '@ohos/arkui' ;

@ Entry

@ Component

struct BreakpointLayoutDemo {

private breakpointSystem : BreakpointSystem = BreakpointSystem . getInstance ();

private currentBreakpoint : string = BreakpointConstants . BREAKPOINT_XS ; // 默认

小屏断点

aboutToAppear () {

// 监听断点变化

this . breakpointSystem . on ( 'change' , this . handleBreakpointChange .