博客 / 列表

青年小雨 - 鴻蒙 HarmonyOS 6 | ArkUI (05):佈局進階 相對佈局與 Flex 彈性佈局

前言 我們在之前的文章中已經熟練掌握了線性佈局的語法,也就是 Row 和 Column。它們就像是搭建樂高積木最基礎的磚塊,直觀且好用。但在實際的業務開發中,我們往往會遇到一些讓線性佈局捉襟見肘的場景。想象一下,設計師給你一張複雜的卡片設計圖:左上角是頭像,頭像右邊是暱稱,暱稱下面是簽名,右上角有一個關注按鈕,關注按鈕下面還有一個時間戳,而整個背景可能還有一張半透明的圖片。 如果我們只用線性佈局去

harmonyos-next , 教程 , harmonyos

青年小雨 - 鴻蒙 HarmonyOS 6 | ArkUI (04):數據展示 List 列表容器 LazyForEach 懶加載機制

前言 回想一下我們每天使用手機的場景,無論是清晨瀏覽新聞資訊,午休時刷短視頻,還是睡前查看電商平台的購物訂單,這些海量信息的呈現方式無一例外都是列表。對於用户而言,手指在屏幕上滑動的流暢度直接決定了對一款應用的第一印象,哪怕出現幾毫秒的掉幀或者瞬間的白屏,都可能讓用户心生退意。而對於我們開發者來説,構建一個能跑通的列表界面似乎是入門必修課,甚至在很多初級教程中,只需要幾行簡單的代碼就能把數組裏的數

harmonyos-next , 教程 , harmonyos

青年小雨 - 鴻蒙 HarmonyOS 6|ArkUI(03):狀態管理

前言 我們這篇文章會把 ArkUI 在鴻蒙 6 裏的狀態管理講清楚。 我們會按照三個層次來拆,也就是組件內局部狀態、父子之間的同步、跨層的共享。我們會配上可運行的最小片段,並在最後給出一張決策表和一份常見誤用清單。 一、先把三個層次的全景圖説清楚 在 HarmonyOS 6 的 ArkUI 裏,狀態管理有一套清晰的裝飾器體系。組件自己的可變數據用 @State 來承載,父子之間的單向同步用 @Pr

harmonyos-next , 教程 , harmonyos