當前位置:編程學習大全網 - 人物素材 - 如何制作ui狀態欄界面

如何制作ui狀態欄界面

每壹個模塊所使用的素材,均來源於引用全局模塊素材或該模塊內部素材。

1、通知欄模塊:com.android.systemui

此模塊包含狀態欄(電池、wifi信號等)和下拉通知欄。

首先,打開主題編輯器,連接好手機,點擊左側的模塊圖標(如下圖)

選擇左上角米logo,點擊同步模塊(如下圖)

然後打開編輯器目錄,找到同步出來的模塊及圖片,將所需要的圖片復制到自己所制作的主題目錄下,路徑遵循素材中目錄。

以通知欄模塊為例:

編輯器中的目錄為:

MIUINewThemeEditor_6.6.30_1467269495_jre7\resourceCatalog_V8\com.android.systemui\res\drawable-xxhdpi

可以同過點擊右側素材圖直接進入素材所在文件夾(如下圖)

另,其實在編輯器中,若右邊有顯示出資源替換的話,直接替換資源也壹樣可以創建出目錄的。

如下:

點擊中間箭頭後,會在右側出現相應的圖片,

此時點擊右邊圖片進入,妳會發現,在妳所制作的主題中,目錄已經創建好了,然後妳如果想修改,那就把修改好的圖替換進去就可以了。

或者,妳也可以直接把想要替換的圖片拖拽到右邊圖片的區域,然後松開手,圖片就到了妳想要替換的位置了。

2、找到需要的圖片進行修改,放入相應的位置即可。

下面我總結了壹些通知欄模塊需要修改的東西,

因通知欄屬於常做模塊,故,編輯器中標註較全,

我下面說壹些需要註意和沒有標註的信息。

重點來咯,註意看哈。

① 通知欄背景,近期通知欄已支持全屏背景,其中有2張可以修改。

外層大背景:notification_panel_outside_bg.png(支持.9圖)

此圖下拉無漸隱出現效果,不推薦。

大背景:notification_panel_bg.png(支持.9圖)

此圖下拉時有漸隱出現效果,推薦使用。

點擊藍牙、wifi角標之後的背景:qs_detail_list_bg.9.png。

② 狀態欄顏色有黑、白兩種。

有的主題需要改變狀態欄顏色,此時可以通過全局屬性進行調整,使界面調用白色或黑色狀態欄。

註:如果需要整套主題改變狀態欄,可直接在全局模塊修改整型值window_translucent_status,

若只需要某壹模塊更改,則在當前模塊單獨修改MIUI全局屬性中的整型值即可。(修改方式如下圖)

③ 開關,通知欄的所有開關都在全局模塊framework-miui-res。

由於目前開關切圖不僅僅應用於此,所以考慮多位置切圖需求,MIUI8中開關關閉狀態的背景圓和開關關閉狀態的圖標分開切圖。

關閉態背景:status_bar_toggle_off_bg.png

如下圖:

特別註意,在下拉通知欄狀態時的狀態欄顏色,修改時,在上述步驟下,還需要將通知欄的布爾值expanded_status_bar_darkmode改為true若沒有出現此布爾值,可在xml文件下直接添加即可。

如下圖效果

④ 通知欄的安全中心通知及充電圖標

在安全中心開啟通知欄提醒時,會出現下圖圖標,這些圖標在安全中心模塊com.miui.securitycenter\res\drawable-xxhdpi。

  • 上一篇:喊麥要註意什麽?
  • 下一篇:議論文 關於合作的寫作素材 越多越好……
  • copyright 2024編程學習大全網