搭載API 8的新SDK已經發布。圍繞著新SDK，官方貼心地輸出了一波Sample，供各位開發者參考。本期我們將介紹6個基于eTS實現的Sample，開發者可以從中掌握基于TS擴展的聲明式開發范式的核心機制和功能，同時還能從中學習新增接口的特性及用法，讓我們先睹為快！

Sample1：FlipClock簡介：

本示例展示了一個多功能的時鐘，如圖1所示，時鐘采用了數字翻頁的方式來顯示時間，并提供了創建鬧鐘及倒計時的功能，同時還可以在“設置”里面設置時鐘的休眠及屏幕亮度。通過學習本Sample，你可以掌握鬧鐘及倒計時等后臺代理提醒功能的實現，同時還能掌握屏幕亮度、運行鎖等相關接口的使用。

圖1 FlipClock

重點剖析：

1時鐘的時間顯示采用Text組件實現，通過調用rotate()接口將文本按指定坐標軸進行順時針旋轉，從而實現數字翻頁的效果。

2鬧鐘及倒計時功能通過@ohos.reminderAgent模塊實現，該模塊提供了一系列后臺代理提醒的接口，相關接口如下：

3設置屏幕亮度通過@ohos.brightness模塊實現，該模塊提供了設置設備當前的屏幕亮度的接口，相關接口如下：

4休眠功能通過@ohos.runningLock模塊實現，該模塊提供了運行鎖的一系列接口，相關接口如下：

源碼下載鏈接：

https://gitee.com/openharmony/app_samples/tree/master/CompleteApps/FlipClock

Sample2：International簡介： 本示例展示了系統的國際化信息的設置，如圖2所示，用戶可以選擇當前地區、設置系統語言，還可以設置日期、時間、時區等。同時還展示了當前系統語言下的時間、數字、貨幣、百分比、單復數、屏幕方向等信息的格式化顯示。通過學習本Sample，你可以掌握“國際化-i18n”標準的實現，同時還可以掌握設置系統時間的相關接口的使用。

圖2International

重點剖析：

1本示例中系統的語言、地區、時區等國際化統一標準通過@ohos.i18n模塊實現，該模塊提供了獲取國際化標準信息的一系列接口，相關接口如下：

2系統時間的設置通過@ohos.systemTime模塊實現，該模塊提供了設置系統日期、時間、時區等一系列接口，相關接口如下：

源碼下載鏈接： https://gitee.com/openharmony/app_samples/tree/master/common/International

Sample3：Shopping簡介： 本示例展示了一個仿購物類應用。如圖3所示，像我們經常使用的購物應用一樣，本示例提供了商品展示、商品搜索、購物車、消息提醒等功能，各界面中圖片、視頻、文本等資源規整地呈現，且加載速度快、滑動效果流暢。通過學習本Sample，你可以熟悉eTS的聲明式語法，并能掌握應用界面的懶加載優化，同時還可以掌握Swiper、Tabs等組件的使用。

重點剖析：

1各界面均使用Flex、Cloumn、Row、Grid等混合布局實現，并通過聲明式語法描述，使得界面布局豐富多樣。

2界面中的數據使用LazyForEach組件加載，以懶加載的方式從提供的數據源中按需迭代數據，以此減小應用內存、提升用戶體驗。

3界面內的滑動效果均采用了Swiper滑動容器，該組件實現了界面流暢地滑動，并提供了切換子組件顯示的能力。

4界面內標簽容視圖的切換通過Tabs組件實現，每個界面標簽對應一個內容視圖。

源碼下載鏈接： https://gitee.com/openharmony/app_samples/tree/master/AppSample/Shopping

Sample4：Chat簡介： 本示例展示了一個仿聊天類的應用。如圖4所示，像我們經常使用的聊天應用一樣，本示例提供了發起聊天、添加好友、發起群聊、社區圖片展示等功能。同時，用戶還可設置保存記錄，使應用退出時記住當前狀態，下次打開恢復當前狀態。通過，學習本Sample你可以熟悉eTS的聲明式語法，并能掌握應用界面數據的懶加載優化與輕量級存儲的開發，同時還能掌握界面跳轉相關接口的使用。

重點剖析：

1各界面均使用Flex、Cloumn、Row等混合布局實現，并通過聲明式語法描述，使得界面布局豐富多樣。

2保存記錄功能通過@ohos.data.storage模塊實現，該模塊提供了輕量級存儲開發的接口，為應用提供key-value鍵值型的文件數據處理能力，支持應用對數據進行輕量級存儲及查詢。相關接口如下：

3由于“聊天”和“通訊錄”模塊數據量較大，所以使用了LazyForEach組件進行數據的懶加載，以減小應用內存、提升用戶體驗。

4各個頁面間的跳轉通過@ohos.router（從API8開始支持）路由模塊實現，該模塊提供了應用中頁面路由的一系列接口，相關接口如下：

源碼下載鏈接： https://gitee.com/openharmony/app_samples/tree/master/AppSample/Chat

Sample5：DeviceUsageStatistics簡介： 本示例展示了當前設備中應用程序使用情況的信息。如圖5所示，頂部的數據面板展示了最常用的五個應用的使用時間占比情況，中部的豎向滑動欄展示了每個應用的使用總時長和最后一次使用的時間，底部的橫向滑動欄展示了不常用應用列表。通過學習本Sample，你可以掌握獲取設備應用狀態的相關接口的使用。

圖5DeviceUsageStatistics

重點剖析：

1獲取設備應用使用時長通過@ohos.bundlestate模塊實現，該模塊提供了獲取當前設備應用狀態的一系列接口，相關接口如下：

源碼下載鏈接： https://gitee.com/openharmony/app_samples/tree/master/device/DeviceUsageStatistics

Sample6：NativeAPI簡介： 本示例展示了一個由C++完成邏輯計算并由eTS完成界面繪制的五子棋游戲，如圖6所示。通過學習本Sample，你可以掌握在eTS中如何調用C++的接口，同時還能掌握彈窗模塊的接口的使用。

圖6NativeAPI

重點剖析：

1eTS側通過import chessNapi from "libchess.so"引入C++側的邏輯能力，從而實現C++接口的調用。

2應用中的彈窗通過@ohos.prompt（從API8開始支持）模塊實現，該模塊提供了界面彈窗操作的一系列接口，相關接口如下：

源碼下載鏈接： https://gitee.com/openharmony/app_samples/tree/master/Native/NativeAPI

是不是超級實用呀，趕快點擊鏈接下載學習吧！同時，使用過程中有任何問題或者需求，歡迎開發者到碼云OpenHarmony/app_samples倉庫提交Issue。

審核編輯：湯梓紅