介紹 本示例介紹使用了Tab組件實現自定義增刪Tab頁簽的功能。該場景多用於瀏覽器等場景。 效果圖預覽 使用說明： 點擊新增按鈕，新增Tab頁面。 點擊刪除按鈕，刪除Tab頁面。 實現思路 設置Tab組件的barHeight為0，隱藏組件自帶的TabBar。 Tabs() { ... } .barH ...

函數是一組一起執行一個任務的語句。 您可以把代碼劃分到不同的函數中。如何劃分代碼到不同的函數中是由您來決定的，但在邏輯上，劃分通常是根據每個函數執行一個特定的任務來進行的。 函數聲明告訴編譯器函數的名稱、返回類型和參數。函數定義提供了函數的實際主體。 函數定義 函數就是包裹在花括弧中的代碼塊，前面使 ...

一、Canvas Canvas組件是一種圖形渲染組件，它提供了一個畫布（canvas），開發者可以在上面繪製各種圖形、文本等。Canvas組件通常用於創建游戲、數據可視化等需要動態繪製圖形的應用程式。 Canvas組件提供了多個API，開發者可以使用這些API進行繪製操作。常用的API包括繪製矩 ...

介紹 針對JS與C/C++跨語言訪問場景，NAPI使用比較繁瑣。而AKI提供了極簡語法糖使用方式，一行代碼完成JS與C/C++的無障礙跨語言互調，使用方便。本示例將介紹使用AKI編寫C++跨線程調用JS函數場景。通過調用C++全局函數，創建子線程來調用JS函數，實現對變數value的加10操作，為開 ...

前言 動畫是一種通過連續展示一系列靜止的圖像（稱為幀）來創造出運動效果的藝術形式。它可以以手繪、電腦生成或其他各種形式呈現。在動畫中，每一幀都具有微小的變化，當這些幀被快速播放時，人眼會產生視覺上的錯覺，認為物體在運動。動畫可以用來表達故事、觀念、想法、情感或其他形式的藝術創作。它在電影、電視 ...

TypeScript 與 JavaScript 類似，支持 Number 對象。 Number 對象是原始數值的包裝對象。 語法 var num = new Number(value); 註意： 如果一個參數值不能轉換為一個數字將返回 NaN (非數字值)。 Number 對象屬性 下表列出了 Nu ...

介紹 本示例介紹了通過應用事件打點hiAppEvent獲取上一次應用異常信息的方法，主要分為應用崩潰、應用卡死以及系統查殺三種。 效果圖預覽 使用說明： 點擊構建應用崩潰事件，3s之後應用退出，然後打開應用進入應用異常頁面，隔1min左右後，顯示上次異常退出信息。 點擊構建應用卡死事件，需手動退出， ...

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