【黑馬程序員】鴻蒙Next星河版項目實戰-守護助手APP應用開發-Day1-05-獲取電量信息

在剛剛的時候呢,我們是已經完成了設備名稱,CPU,內存這些調試信息,然後呢還有磁盤信息的一個獲取 那再往後面呢,在這個頁面再往後面呢,其實就會涉及到一個電池管家 那在這裏呢,我們還需要獲取一下這個叫做電量的信息 那獲取電量信息呢,這裏啊,官方呢也提供了一個專門獲取電量的模塊啊 那電量的模塊呢,類似叫做Battery Info 好,那我們這一邊呢,用到的是這個 這裏呢,還有一些叫做系統的接口,系統接口呢,它不對第三方應用去開放啊 所以呢,我們這個是看不了的啊,這是用不了的啊 我們就點它開放給到我們能用的啊 好,我們點擊這個普通的電量信息 那電量信息呢,在這裏呢,它可以獲取到我們當前設備剩餘電量的百分比啊 那最終拿到的百分比呢,我們需要展示到這裏和這裏,對不對 甚至還可以展示到我們的這個詳情頁啊 OK,那展示到這裏 好,那我們接下來呢,一步一步的去獲取吧啊 那這裏除了能拿到百分比之外呢 它其實還可以拿到充電的狀態 電池的健康與不健康 是吧,這個充電器你連了還是沒連啊 這個電壓是多少啊 當然這個電壓呢,是這個微幅啊 那也如果是平常的服務,那應該也要進行一個轉換 對吧,這個型號啊 甚至電池的溫度啊 對吧,如果你是做那個遊戲的話 對吧 好,那要查一下這個溫度 是吧,那在這裏呢,也可以去查啊 當然這些呢啊 注意一下 他的這個獲取呢 其實是一次性獲取的 他並沒有提供一個對應的電池啊 變化的事件啊 如果有一個電池啊 這些狀態變化的話 那我們按理來說應該是 啊 綁定一個事件啊 時刻查詢一下這個電量 你有沒有變 對吧 但是這邊他並沒有啊 他其實都是一次性的 如果是想要持續去監聽 我們可能還要寫那個定時器 是吧 定時的去查一下 好,那這裏呢 是需要跟大家去先提前說明一下啊 他其實拿是一次性拿了啊 好 那我們接下來呢 啊 要用的API呢 主要是他啊 就拿那個百分比就好了啊 好 那接下來呢 我們就去用一下啊 這個battery info這個模塊 好 那我們導入一下 然後呢 再用一下這個叫做soc啊 soc 啊 這個s就是那個state嗎 狀態嗎 o就是on change啊 這個c就change啊 就電量變化的這樣一個意思啊 好 我們切換過來 開始了 這裏是叫做獲取 啊 這個選項 get battery info 好 複製一下這個名字吧 好 這個呢 是獲取電量信息 那這裏呢 我們導入一下這個battery info 這個模塊 好 導入之後呢 那麼這個呢 是有一個叫做battery soc 好 那這個呢 他是什麼功能呢 我們也是寫一下 啊 獲取當前設備剩餘電量的百分比 他直接就是個百分比了啊 好 我們接下來呢 把它保存一下啊 這個是電池電量的百分比 那在上面的這裏呢 啊 有我們的這個提前準備好的變量 那我們就給他保存一下 他就好了啊 好 那接下來呢 這個叫做電池電量百分比呢 我們在這個上面 這裏去調一下 好 頁面加載的時候呢 我們就去獲取一下這個電量的百分比 那拿到了這個信息之後呢 那最終呢 會在我們的頁面底部啊 這裏呢 會有一個展示 是吧 這裏呢 會有文本的展示 然後呢 同時還有這個啊 上面這裏呢 還有一個文本的展示啊 中間呢 還有一個大家可能會比較感興趣的那個叫做 環形圖表啊 其實這個環形圖表呢 啊 其實大家就把它看作是個 普通的表單組件進度條啊 其實也差不多 但之前好像會學習過這個這個組件 是吧 啊 就是一個類似進度條的東西吧 啊 好 那麼這裏呢 是一個叫做最小值是零 然後呢 這裏max是那個 最大值 然後呢 中間就是你的電量佔百分之多少 那麼他就在百分之零和百分之一百之中間呢 他會自動畫出來那個啊 啊 進度條是吧 他會自動畫出來那個弧形啊 好的 啊 那這個東西呢 我們先去看一下吧 先去看一下他展示成什麼樣子 好 我們刷新一下 這個電量原本是百分之零啊 原本是百分之零 哎 現在呢 我們電量是百分百 那麼這一邊呢 是不是也就百分百隻自動指向於這個位置呀 對吧 那中間呢 啊 這裏呢 可能還會發現有一些這個漸變什麼的啊 那這個漸變呢 之類的是通過這個color啊 這裏有一個叫做linear gradient啊 然後呢 在這一邊配置的一些這個顏色吧 啊 這裏是這個紅色呀 警告色呀 綠色呀 等等啊 好了 那當然這個組件呢 其實啊 如果大家哎還想要去看一下 他還有沒有其他的用法呢 那麼大家呢 是不是可以直接查一下這個對你的文檔啊 對吧 啊 其實呢 像我這裏看起來 哎 好像一個挺厲害啊 挺好看的一個外觀 其實啊 無非就是基於他的官方的例子的基礎上進行改造的啊 你看一下這個叫做環形組件啊 他身上呢 還有哎 比如說你可以處理成這種外觀 對不對啊 處理成這種外觀 文本呢 哎 放到中間什麼的 哎 其實是不是就是這個組件裏面套着column column裏面再套着一些test就僅此而已嗎 對不對啊 好 還有這種外觀 然後還有這種 其實我們這裏面呢 哎 就是拿這個東西進行改造的 是吧 基本上就是一樣的 對不對啊 那我們啊 這裏呢 就是有這個叫做最小值 最大值 是吧 還有當前的一個值啊 對不對啊 然後呢 中間呢 就放一些這個文本啊 再放一些文本 那像這些角度啊 從哪裏開始啊 從哪裏結束 你這些都能調 顏色啊 什麼的啊 通通都能調啊 ok 好 那像這些 呃 像這個什麼漸變呢 漸變他原本是這兩個顏色的漸變 那我就上啊 這三個顏色的漸變 那我稍微就把它啊 這個 調了調了一下下而已啊 好 那整體來說 差別不大啊 呃 當然這一邊呢 啊 他默認情況下 在在用的時候 默認情況下 底部還有一個這樣的數字 而我這裏呢 是沒有啊 那沒有的原因是 我這裏呢 把這個叫做 degradation 啊 把它設置爲了那 如果 不進行設置的話 他底部啊 還會出現那個數字 看到沒 零和百分百 是吧 但一般來說 呃 像這裏啊 我們不需要啊 就把它設爲了個那 好 那麼其他的屬性呢 都跟官方例子是一樣的 大家就啊 有需要的話 那你想要啊 用到這個組件 那你自己去查一下文檔 對吧 啊 文檔裏面是不是還有 其他的一些外觀的 一些展示啊 那大家可以更 更多的玩法吧 啊 好 那到此爲止呢 啊 關於這個電量呢 我們是不是很快 是不是就實現了呀 對吧 啊 其實並沒有太多的難度 我們找到對你的一個API 然後呢 我們進行一個調用 就好了啊 那麼這裏呢 也大概給大家講 講解了一下 這個大家新接觸到的 這個環形組件的一個基本用法 好的 那現在大麻呢 我們算是已經寫完了 啊 算是已經寫完了 不過呢 呃 我這裏呢 還想啊 加一點東西啊 就是呃 在這個補充一些東西啊 就是現在大麻寫完了 但是大家發現這個大麻呢 這個格式排的還是有一點點亂 對吧 那像我們平常啊 如果做版本管理 尤其是團隊協作的時候 呃 建議大家還是把這些格式呢 給他該調好 調好 你看這邊就啊 空格有一些黑 這裏多了一個少了一個對吧 這邊其實都會比較的 嗯 首先第一個就閱讀起來 尤其是嵌套比較多的時候 他會不好看 是吧 像類似這些 對吧 你上面代碼只有一兩行還好 是吧 像這些明明是嵌套的 但是你沒有注意那個嵌套 解讀起來 這些代碼結構是非常之難閱讀的 那我們之前呢 是怎麼辦 解決這個問題來的 嗯 格式化啊 格式化 那你們是按快捷鍵是嗎 哎 對 對啊 這個建議大家還是做一下 因爲這個格式化呢啊 是跟着我們的項目走的啊 是跟跟着我們的本地項目走的啊 建議呢 大家在寫練習的時候啊 做一個叫做設置啊 做一個設置啊 這個設置統一大家都配一下吧 在設置裏面會有一個叫做 工具工具保存時操作 但之前有做過這個嗎 中國是吧 那統一都把它處理一下啊 因爲這個呢 新的項目啊 其實你還得做一下這個啊 之前大家可能做過這個動作 但是在新的項目他又沒有了 對不對啊 所以呢 你再去把這個給他勾一下啊 開啓一下這個叫做自動格式化啊 好那我們下一次呢 一按保存 大家發現這個是不是就對齊了呀 是吧 不一樣不一樣的話 你看我這裏提交的這個代碼跟你同事提交代碼 其實根本就沒有什麼大的改動 可能就是中間多了一個空格 對不對 但是你每次閱讀的時候 你發現怎麼老是那麼多行被改了呀 對吧 真正其實寫的寫並沒有多少行 主要是你格式沒有跟你同事的什麼的對齊 是吧 啊 所以呢 個人開發的話 可能覺得無所謂 但團隊開發的話 應該還是要統一一下格式啊 所以習慣性把那個格式給他打開 好的 這個呢 就是要給他傳達一下啊 我們寫項目的時候的一個小細節 最格式也統一起來 好的 那這個電子管家呢 這個模塊並不複雜 那麼現在呢 也給他一點時間 快速的完善一下 並且把格式也調整好吧