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

Sample1：FlipClock簡介：

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

圖1 FlipClock

重點剖析：

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

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

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

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

源碼下載鏈接：

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

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

圖2International

重點剖析：

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

2系統(tǒng)時間的設置通過@ohos.systemTime模塊實現(xiàn)，該模塊提供了設置系統(tǒng)日期、時間、時區(qū)等一系列接口，相關接口如下：

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

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

重點剖析：

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

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

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

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

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

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

重點剖析：

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

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

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

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

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

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

圖5DeviceUsageStatistics

重點剖析：

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

源碼下載鏈接： 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++側的邏輯能力，從而實現(xiàn)C++接口的調用。

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

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

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

審核編輯：湯梓紅