首先看下鴻蒙中斷點分類
內外屏開合規則
Pura X開合連續規則:
- 外屏切換到內屏,界面可以直接接續。
- 內屏(鎖屏或非鎖屏狀態)切換到外屏,默認都顯示為鎖屏的亮屏狀態。用戶解鎖后:對于應用已適配外屏的情況下,應用界面可以接續到外屏。
折疊外屏顯示 | 展開內屏顯示 | |
---|---|---|
折疊狀態 | FoldStatus.FOLD_STATUS_FOLDED | FoldStatus.FOLD_STATUS_EXPANDED |
斷點區間 | 橫向斷點sm,縱向斷點md | 橫向斷點sm,縱向斷點lg |
內外屏斷點判斷
方案一 Column() { // 小窗口布局顯示的內容 } .visibility(this.currentWidthBreakpoint === 'sm' && this.currentHeightBreakpoint === 'md' ? Visibility.Visible : Visibility.None)
// 方案二 if (this.currentWidthBreakpoint === 'sm' && this.currentHeightBreakpoint === 'md') { Column() { // 小窗口布局顯示的內容 } }
外屏頁面支持滑動
scrollBar(BarState.Off) 高度足夠高不顯示scrollBar,滑動失效,高度不夠高,滑動自動生效。
Stack({ alignContent: Alignment.BottomEnd }) {// Background image.Row() {Image($r('app.media.background_image')).height('100%'