保護隱私。長時間不操作，通過動畫或者其它方式隱藏屏幕內容。
數據安全。長時間不操作，需要輸入密碼才能恢復。
美觀/廣告。長時間不操作，顯示動畫或者播放視頻廣告。
本文介紹一下在 AWTK 串口屏中，是如何實現屏幕保護的。基本工作原理是這樣的：
長時間沒有用戶輸入事件，觸發屏幕保護事件。
在屏幕保護事件中，打開名為 screen_saver 的窗口。
screen_saver 窗口中，顯示屏保內容，如果收到輸入事件，關閉該窗口(或要求輸入密碼)。
在這里例子中，模型（也就是數據）里只有一個?screen_saver_time?變量：
變量名 | 數據類型 | 功能說明 |
screen_saver_time | 整數 | 單位為毫秒 |
screen_saver_time 是?默認模型?中一個內置屬性。
從模板創建項目，將 hmi/template_app 拷貝 hmi/screen_saver 即可。
第一個項目最好不要放到其它目錄，因為放到其它目錄需要修改配置文件中的路徑，等熟悉之后再考慮放到其它目錄。路徑中也不要中文和空格，避免不必要的麻煩。
用 AWStudio 打開上面 screen_saver 目錄下的 project.json 文件。里面有一個空的窗口，在上面加入下面的控件：
靜態文本
編輯器
在這個窗口中，我們通過一個定時器來改變窗口的背景顏色，創建一個空白窗口，將其改名為 screen_saver 即可。
綁定屬性 | 綁定規則 | 說明 |
v-data:value | {screen_saver_time} | 變量要用英文大括號括起來。 |
綁定屬性 | 綁定規則 | 說明 |
v-model | default | default 不需要用大括號括起來。 |
4.2 屏保窗口
在?啟動?按鈕的?點擊?事件啟動定時器。
綁定屬性 | 綁定規則 | 說明 |
v-on:window_open | {fscript, Args=start_timer(3000);set（計數，0)} | 啟動定時器 |
v-on:timer | {fscript, Args=set（計數，計數+1)} | 增加計數 |
v-data:style:normal:bg_color | {one_of(‘red;blue;green;gold;orange;white;black’, 計數%7)} | 根據計數改變背景顏色 |
v-on:pointer_move | {nothing, CloseWindow=true} | 關閉窗口 |
v-on:pointer_up | {nothing, CloseWindow=true} | 關閉窗口 |
v-on:key_up | {nothing, CloseWindow=true} | 關閉窗口 |
這里只是用了一個窗口內局部的變量“計數”，不需要指定模型，系統會自動創建一個 dummy 模型。
修改資源文件 design/default/data/default_model.json, 將其內容改為：
{?"screen_saver_time": 180000}
注意：
如果文件內容有中文（非 ASCII 字符），一定要保存為 UTF-8 格式。
重新打包資源才能生效。
為了保存屏保時間，修改資源文件 design/default/data/settings.json, 將其內容改為：
{? ?"name":"hmi_screen_saver",? ?"persistent" : {? ? ?"screen_saver_time": true? ?}}
??產品推薦??技術交流群
更多往期文章，請點擊“?閱讀原文?”。
