介紹 本示例介紹在開發應用以適應深色模式時，對於深色和淺色模式的適配方案，採取了多種策略如下： 固定屬性適配：對於部分組件的顏色屬性，如背景色或字體顏色，若保持不變，可直接設定固定色值或引用固定的資源文件。 雙資源目錄適配：在resources目錄下新增dark子目錄，用於存放深色模式下的特定顏色配 ...

介紹 本示例介紹了文本寬度過寬時，如何實現文本首尾相接迴圈滾動並顯示在可視區，以及每迴圈滾動一次之後會停滯一段時間後再滾動。 效果圖預覽 使用說明： 1.進入頁面，檢票口文本處，實現文本首尾相接迴圈滾動，且在同一可視區，滾動完成之後，停滯一段時間後繼續滾動。 實現思路 由於ArkUI中的Marque ...

介紹 本示例介紹使用第三方庫的PullToRefresh組件實現列表的下拉刷新數據和上滑載入後續數據。 效果圖預覽 使用說明 進入頁面，下拉列表觸發刷新數據事件，等待數據刷新完成。 上滑列表到底部，觸發載入更多數據事件，等待數據載入完成。 實現思路 使用第三方庫pullToRefresh組件，將列表 ...

介紹 翻頁動效是應用開發中常見的動效場景，常見的有書籍翻頁，日曆翻頁等。本例將介紹如何通過ArkUI提供的顯示動畫介面animateTo實現翻頁的效果。 效果圖預覽 使用說明 本例通過setInterval函數每秒調用一次翻頁動畫，實現連續翻頁效果。 實現思路 如圖，左右兩側分別代表打開書籍的左右兩 ...

前言 轉場動畫是一種在電影、視頻和演示文稿中使用的動畫效果，用於平滑地切換不同的場景或幻燈片。轉場動畫可以增加視覺吸引力，改善觀眾的觀看體驗。 常見的轉場動畫包括淡入淡出、滑動、旋轉、放大縮小等效果。這些動畫效果可以在場景之間創建無縫的過渡，使觀眾感到自然流暢。 在電影中，轉場動畫通常用於切換不 ...

介紹 本示例通過模擬下載場景介紹如何將Native的進度信息實時同步到ArkTS側。 效果圖預覽 使用說明 點擊“Start Download“按鈕後，Native側啟動子線程模擬下載任務 Native側啟動子線程模擬下載，並通過Arkts的回調函數將進度信息實時傳遞到Arkts側 實現思路 前端進 ...

介紹 本示例介紹如何使用Text組件實現驗證碼場景，並禁用對內容的選中、複製、游標。 效果圖預覽 使用說明 單擊組件可彈出輸入法 在進行驗證碼輸入時，無法對中間單個數字進行更改，無法選中輸入內容，無游標 實現思路 因為要禁用複製、選中等功能，這裡使用了Text組件，而不是TextInput ForE ...

介紹 在ArkTS中調用相機拍照和錄像，以及如何使用媒體庫介面進行媒體文件的增、刪、改、查操作。本示例用到了 許可權管理能力 相機模塊能力介面 圖片處理介面 音視頻相關媒體業務能力介面 媒體庫管理介面 設備信息能力介面 文件存儲管理能力介面 彈窗能力介面 效果預覽 使用說明 1.啟動應用，在許可權彈窗中 ...

前言 彈簧曲線動畫是一種模擬彈簧運動的動畫效果，通過改變彈簧的拉伸或壓縮來表現不同的運動狀態。以下是製作彈簧曲線動畫的步驟： 創建一個彈簧的模型，可以使用圓形或者曲線來代表彈簧的形狀。 將彈簧固定在一個點上，這個點可以是屏幕中心或其他位置。 定義一個目標位置，彈簧將會朝向這個位置進行拉伸或壓縮。 ...

介紹 本示例介紹使用vibrator.startVibration方法實現手機振動效果，用animateTo顯示動畫實現點擊後的抖動動畫。 效果圖預覽 使用說明 載入完成後顯示登錄界面，未勾選協議時點擊一鍵登錄按鈕會觸發手機振動效果和提示文本的抖動動畫。 實現思路 創建一個函數startVibrat ...

介紹 本示例介紹通過CustomDialogController類顯示自定義日曆選擇器。 效果圖預覽 使用說明 載入完成後顯示主界面，點當前日期後會彈出日曆選擇器，選擇日期後會關閉彈窗，主頁面日期會變成選定的日期。 實現思路 獲取當前月和下個月的日期信息。源碼參考GetDate.ets。 const ...

介紹 本示例介紹用過使用ListItem組件屬性swipeAction實現列表左滑編輯效果的功能。 該場景多用於待辦事項管理、文件管理、備忘錄的記錄管理等。 效果圖預覽 使用說明： 點擊添加按鈕，選擇需要添加的待辦事項。 長按待辦事項，點擊刪除後，被勾選待辦事項被刪除。 左滑單個待辦事項，點擊刪除按 ...

一、Image 在HarmonyOS中，Image組件是用於顯示圖像文件的UI組件。它可以顯示本地圖像文件或遠程URL地址的圖像文件。Image組件的實現方式比較簡單，只需提供圖像文件路徑或URL地址即可。 Image通過調用介面來創建，介面調用形式如下： Image(src: string | ...

條件語句用於基於不同的條件來執行不同的動作。 TypeScript 條件語句是通過一條或多條語句的執行結果（True 或 False）來決定執行的代碼塊。 可以通過下圖來簡單瞭解條件語句的執行過程: 條件語句 通常在寫代碼時，您總是需要為不同的決定來執行不同的動作。您可以在代碼中使用條件語句來完成該 ...

介紹 MpChart是一個包含各種類型圖表的圖表庫，主要用於業務數據彙總，例如銷售數據走勢圖，股價走勢圖等場景中使用，方便開發者快速實現圖表UI。本示例主要介紹如何使用三方庫MpChart實現柱狀圖UI效果。如堆疊數據類型顯示，Y軸是否顯示，左Y軸位置，右Y軸位置，是否顯示X軸，是否繪製背景色，是否 ...

介紹 本示例主要介紹在TaskPool子線程中使用 dlopen 預載入 so 庫並使用句柄調用庫函數的方法，以及在Native中使用 pread 系統函數讀取Rawfile文件的部分文本內容，並添加 HiLog 日誌。 效果圖預覽 使用說明 rawfile路徑下存在一個有內容的文本文件rawfil ...

一、Shape Shape組件是用於創建2D形狀和粒子效果的組件。它可以創建包括圓形、正方形、三角形和多邊形等基本形狀，同時還可以自定義形狀。Shape組件創建各種不同的效果，例如火花、煙霧、雨滴等。在使用Shape組件時，可以通過編輯頂點、路徑和大小等屬性來控制形狀的外觀和行為。 1.創建 ...

有的時候，我們可能需要多次執行同一塊代碼。一般情況下，語句是按順序執行的：函數中的第一個語句先執行，接著是第二個語句，依此類推。 編程語言提供了更為複雜執行路徑的多種控制結構。 迴圈語句允許我們多次執行一個語句或語句組，下麵是大多數編程語言中迴圈語句的流程圖： for 迴圈 TypeScript ...