前言 彈簧曲線動畫是一種模擬彈簧運動的動畫效果,通過改變彈簧的拉伸或壓縮來表現不同的運動狀態。以下是製作彈簧曲線動畫的步驟: 創建一個彈簧的模型,可以使用圓形或者曲線來代表彈簧的形狀。 將彈簧固定在一個點上,這個點可以是屏幕中心或其他位置。 定義一個目標位置,彈簧將會朝向這個位置進行拉伸或壓縮。 ...
介紹 本示例介紹使用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 ...
介紹 圖片預覽在應用開發中是一種常見場景,在諸如QQ、微信、微博等應用中均被廣泛使用。本模塊基於Image組件實現了簡單的圖片預覽功能。 使用說明: 雙指捏合縮放圖片大小 雙擊圖片進行圖片的大小切換 圖片在放大模式下,滑動圖片查看圖片的對應位置 效果圖預覽 實現思路 image組件的objectFi ...
介紹 本示例介紹使用第三方庫的Axios獲取GBK格式的網路數據時,通過util實現GBK轉換UTF-8格式。該場景多用於需要轉換編碼格式的應用。 效果圖預覽 使用說明 直接進入頁面就可獲取GBK格式的用戶名信息併進行解碼操作。 實現思路 使用第三方庫Axios獲取網路數據,並將獲取數據類型設置為A ...
iOS系統崩潰的捕獲 相信大家在開發iOS程式的時候肯定寫過各種Bug,而其中最為嚴重的Bug就是會導致崩潰的Bug(一般來說妥妥的P1級)。在應用軟體大大小小的各種異常中,崩潰確實是最讓人難以接受的行為。畢竟崩潰意味著用戶將丟失應用程式運行中的所有上下文環境,丟失其所有未保存的數據,會帶給用戶最糟 ...
TypeScript 包含的數據類型如下表: 註意: TypeScript 和 JavaScript 沒有整數類型。 Any 類型 任意值是 TypeScript 針對編程時類型不明確的變數使用的一種數據類型,它常用於以下三種情況。 1、變數的值會動態改變時,比如來自用戶的輸入,任意值類型可以讓這些 ...
一、Navigation Navigation組件通常作為頁面的根容器,支持單頁面、分欄和自適應三種顯示模式。開發者可以使用Navigation組件提供的屬性來設置頁面的標題欄、工具欄、導航欄等。 在Navigation組件中,頁面分為主頁和內容頁。主頁由標題欄、內容區和工具欄組成,並且可以使用 ...
變數是一種使用方便的占位符,用於引用電腦記憶體地址。 我們可以把變數看做存儲數據的容器。 TypeScript 變數的命名規則: 變數名稱可以包含數字和字母。 除了下劃線 _ 和美元 $ 符號外,不能包含其他特殊字元,包括空格。 變數名不能以數字開頭。 變數使用前必須先聲明,我們可以使用 var 來 ...
一、Tabs Tabs組件是一種常見的用戶界面(UI)組件,它是一個可以容納多個選項卡的容器組件。每個選項卡通常包含一個面板和一個標簽,用戶可以通過點擊標簽來切換面板。Tabs組件通常用於展示多個相關但又不需要同時展示的數據集合或功能集合,以提高頁面的可維護性和可用性。 Tabs組件的主要功能包 ...
Android Studio製作簡單登錄界面 應用線性佈局設計登錄界面,要求點擊輸入學號時彈出數字鍵盤界面,點擊輸入密碼時彈出字母鍵盤,出現的文字、數字、尺寸等全部在values文件夾下相應.xml文件中設置好,使用時直接引用。當用戶名或密碼為空,顯示一個提示信息“用戶名與密碼不能為空!”,當用戶名... ...