博客 / 列表

高心星 - HarmonyOS Next應用開發——自定義組件的使用

【高心星出品】 自定義組件的使用 在ArkUI中，UI顯示的內容均為組件，由框架直接提供的稱為系統組件，由開發者定義的稱為自定義組件。在進行 UI 界面開發時，通常不是簡單的將系統組件進行組合使用，而是需要考慮代碼可複用性、業務邏輯與UI分離，後續版本演進等因素。因此，將UI和部分業務邏輯封裝成自定義組件是不可或缺的能力。 創建自定義組件 自定義組件的基本結構 @Component export

arkui , harmonyos-next , 組件化 , harmonyos

高心星 - 鴻蒙應用開發——Repeat組件的使用

【高心星出品】 Repeat組件的使用 概念 Repeat基於數組類型數據來進行循環渲染，一般與容器組件配合使用。 Repeat根據容器組件的有效加載範圍（屏幕可視區域+預加載區域）加載子組件。當容器滑動/數組改變時，Repeat會根據父容器組件的佈局過程重新計算有效加載範圍，並管理列表子組件節點的創建與銷燬。 Repeat必須在滾動類容器組件內使用，僅有List、ListItemGro

repeat , 緩存 , harmonyos , 懶加載

高心星 - HarmonyOS 5.0應用開發——Web組件的使用

【高心星出品】 Web組件的使用 ArkWeb（方舟Web）提供了Web組件，用於在應用程序中顯示Web頁面內容。常見使用場景包括： 應用集成Web頁面：應用可以在頁面中使用Web組件，嵌入Web頁面內容，以降低開發成本，提升開發、運營效率。 瀏覽器網頁瀏覽場景：瀏覽器類應用可以使用Web組件，打開三方網頁，使用無痕模式瀏覽Web頁面，設置廣告攔截等。 小程序：小程序類宿主應用可以使用We

arkts , harmonyos先行者 , harmonyos , Web

高心星 - HarmonyOS 5.0應用開發——列表（List）

【高心星出品】 列表（List） 列表介紹 列表作為一種容器，會自動按其滾動方向排列子組件，向列表中添加組件或從列表中移除組件會重新排列子組件。 List的子組件必須是ListItemGroup或ListItem，ListItem和ListItemGroup必須配合List來使用。 列表佈局 List佈局方向可以垂直也可以水平，當垂直佈局的時候主軸為垂直，可以呈現單列或多列形式；當水平佈局的時候

List , arkui , harmonyos-next , harmonyos

高心星 - HarmonyOS Next應用開發——圖像PixelMap壓縮保存

【高心星出品】 圖片編碼保存 圖片編碼指將PixelMap編碼成不同格式的存檔圖片，當前支持打包為JPEG、WebP、png和 HEIF(不同硬件設備支持情況不同) 格式，用於後續處理，如保存、傳輸等。圖片編碼是圖片解碼-圖片處理-圖片保存的最後環節，保存到當前應用沙箱中比較簡單，但保存到用户文件中就比較麻煩。 圖片保存到應用沙箱 圖片壓縮成字節數組 // 圖片打包器 let packer=im

arkts , harmonyos-next , 圖片處理 , harmonyos先行者

高心星 - HarmonyOS Next應用開發——圖像PixelMap變換

【高心星出品】 圖像變換 圖片處理指對PixelMap進行相關的操作，如獲取圖片信息、裁剪、縮放、偏移、旋轉、翻轉、設置透明度、讀寫像素數據等。圖片處理主要包括圖像變換、位圖操作，本文介紹圖像變換。 圖形裁剪 // 裁剪圖片 x，y為裁剪的起始座標，size為裁剪的圖片寬和高 temp.cropSync({ x: 20, y: 20, size: { width: this.imagewidth

arkts , harmonyos-next , 圖片處理 , tailwind-css

高心星 - HarmonyOS Next應用開發——多種方式實現圖片解碼

【高心星出品】 圖片解碼 圖片處理就是將設備中保存的圖片進行編輯處理然後再存儲下來，整個過程需要先圖片解碼，圖片處理，最後在圖片編碼保存。 圖片解碼指將所支持格式的存檔圖片解碼成統一的PixelMap，以便在應用或系統中進行圖片顯示或圖片處理。當前支持的存檔圖片格式包括JPEG、PNG、GIF、WebP、BMP、SVG、ICO、DNG、HEIF(不同硬件設備支持情況不同)。 網絡圖片解碼 通過網絡

harmonyos-next , 圖片處理 , harmonyos先行者