安卓状态栏图标素材-如何制作ui状态栏界面

近日,OPPO官方给出了2022年5月ColorOS 12的升级适配计划,其中包括OPPO A36、OPPO Reno Ace、OPPO Reno 10倍变焦版在内的不下十几款机型,都将在本月完成新系统的适配计划。

除了在流畅、实用、隐私、交互等方面有所改变外,ColorOS 12的状态栏图标也有了全新的升级,绿哥收集了日常8种状态栏显示图标,你们知道这8种都各自代表着什么意思吗?

(ColorOS 12公测/正式版5月适配计划)

应用通知图标

1、当手机状态栏左边出现一个带有数字的圆形图标时,说明你开启了通知图标显示数字功能,也就是说数字显示多少就代表有多少条应用通知,当然这个可以设置成显示应用图标或者不显示。

(ColorOS 12 状态栏应用通知图标,图片素材源自:@三石玩机)

「VPN」图标

2、当手机状态栏出现「VPN」图标时,这说明你已经连接上了 VPN 加速器,下拉通知栏就可以看到 VPN 的连接状态,关闭后状态栏的「VPN」图标也会随之消失。

(ColorOS 12 状态栏 VPN 图标,图片素材源自:@三石玩机)

小月亮图标

3、如果手机状态栏出现了一个小月亮图标,说明手机开启了免打扰模式了,也就是说,手机所有通知都不会响铃和振动提醒,这个功能可下拉快捷开关选择开启或关闭。

(ColorOS 12 状态栏免打扰模式图标,图片素材源自:@三石玩机)

网速图标

4、一般来说状态栏网速显示默认是关闭的,如果想开启,可在设置-通知与状态栏-状态栏-状态栏图标中选择打开「实时网速」,这样就可以显示实时网速了。

(ColorOS 12 状态栏实时网速显示,图片素材源自:@三石玩机)

汽车码表图标

5、当状态栏出现一个类似汽车码表的图标时,说明手机已经开启了高性能模式,这个模式能充分释放手机的性能,带来了更好的游戏或其他体验,当然会增加手机的耗电,平时不建议打开。

(ColorOS 12 状态栏高性能模式图标,图片素材源自:@三石玩机)

一大一小 WiFi 组合图标

6、当手机状态栏出现一大一小的 WiFi 图标组合时,说明当前处于双 WiFi 网络加速网络连接状态,也就是一个 2.4GHz 频段的 WiFi 网络和一个 5GHz 频段的 WiFi 网络,现在的 OPPO 手机几乎都支持这个功能,速度更快更稳,体验更好。

(ColorOS 12 双 WiFi 加速图标,图片素材源自:@三石玩机)

小水滴图标

7、当手机状态栏出现一个小水滴图标时,说明手机开启了流量节省功能,顾名思义,该功能可以禁止白名单以外的应用后台偷跑流量,进而节省流量资费,在设置-移动网络-流量管理-流量节省中可选择开启或关闭。

(ColorOS 12 状态栏流量节省图标,图片素材源自:@三石玩机)

圆环样式电量图标

8、在最新的 ColorOS 12.1 系统上,还新增了圆环样式的电量图标,可在设置-通知与状态栏-状态栏-电池样式中选择,另外还有横向、竖向以及不显示三种选择,并且也可自定义开启电量百分比显示。

(ColorOS 12.1 新增圆环样式电量显示图标,图片素材源自:@三石玩机)

通过上面的介绍相信O粉们应该多少都有点印象了,需要注意的是处于不同版本的机型,其状态栏图标显示也有不同的地方,不懂的朋友可以私信绿哥或在评论区留言。其次,在5月15日、5月16日、5月17日、5月18日期间,还将开放七款机型的ColorOS 12公测版升级计划,在5月10号开启Reno7系列的正式版推送更新,各位O粉可别错过了哦~

需要的条件:需要ROOT 且具有一定手机操作基础。。

需要的软件:RE浏览器。如果有一个解压程序是最好的。

需要的素材:双改的,一组电池图标。

1、双改的和一组电池图标。

2、提取材料。长按(看上图,就是双改的),选择全部提取。长按纯数字电量图标.rar(图标下载后是rar文件) 选择全部提取 2个文件都需要提取。

3、转到SD卡的/SpeedSoftware/Extracted,刚才提取的2个文件都在这里。

4、先来科普一下,打开framework-res1,里面是2个文件+3个文件夹。需要修改的图标文件都在res文件夹里面。打开res,里面有很多文件夹,其中有很多hdpi、mdpi、ldpi,这分辨对应3种不同的分辨率,小T的分辨率属于mdpi。要修改的电池图标在drawable-mdpi里面。

5、回到刚才提取的图标文件夹,按下菜单键,选择多选 点了多选之后,全选所有图标,然后复制或剪切都可。

6、将图标文件全部复制到刚才提取的framework1-res文件夹的/res/drawable-mdpi里面,如果你不放心,可以将图标也复制到drawable-hdpi、drawable-ldpi里面。复制时会提示如下。

7、替换完毕之后,回到framework1-res文件夹根目录下,按下菜单,选择多选,将2个文件和3个文件夹全部勾选,然后点击Zip。

8、zip的名字可以随便去一个,然后带打包好之后,找到这个文件,长按zip文件,重命名。重命名的名字取为,名字不要弄错了。重命名后会变成这样。

9、然后将替换到/system/framework,记得一定要改权限。

下面是替换好的图片:大家可以看到我的图标从原厂的换成了数字。

10、这样做成的可以保存下来,大家可以用到自己做的包里面。。

举一反三,通过类似的方法还能做什么?大家可以看下下面的图:

这几个是在framework-res里面/res/drawable-mdpi里面的。

这个是等待类的图标。

11、双改和单改的鉴别方法:1.手机接上电源,看电量的变化,如果是从1、2、3…99这样一个一个变化的,就是双改,如果充电时的变化如原厂的,一块一块的涨,就是单改的。2、查看代码,在提取的framework_res里面/res/drawable里面,有很多xml文件,找到stat_sys_battery_,这个就是充电图标的配置,如果你看下应该就懂的。

每一个模块所使用的素材,均来源于引用全局模块素材或该模块内部素材。

1、通知栏模块:

此模块包含状态栏(电池、wifi信号等)和下拉通知栏。

首先,打开主题编辑器,连接好手机,点击左侧的模块图标(如下图)

选择左上角米logo,点击同步模块(如下图)

然后打开编辑器目录,找到同步出来的模块及图片,将所需要的图片复制到自己所制作的主题目录下,路径遵循素材中目录。

以通知栏模块为例:

编辑器中的目录为:

MIUINewThemeEditor_6.6.30_1467269495_jre7\resourceCatalog_V8\\res\drawable-xxhdpi

可以同过点击右侧素材图直接进入素材所在文件夹(如下图)

另,其实在编辑器中,若右边有显示出资源替换的话,直接替换资源也一样可以创建出目录的。

如下:

点击中间箭头后,会在右侧出现相应的图片,

此时点击右边图片进入,你会发现,在你所制作的主题中,目录已经创建好了,然后你如果想修改,那就把修改好的图替换进去就可以了。

或者,你也可以直接把想要替换的图片拖拽到右边图片的区域,然后松开手,图片就到了你想要替换的位置了。

2、找到需要的图片进行修改,放入相应的位置即可。

下面我总结了一些通知栏模块需要修改的东西,

因通知栏属于常做模块,故,编辑器中标注较全,

我下面说一些需要注意和没有标注的信息。

重点来咯,注意看哈。

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

外层大背景:notification_panel_outside_(支持.9图)

此图下拉无渐隐出现效果,不推荐。

大背景:notification_panel_(支持.9图)

此图下拉时有渐隐出现效果,推荐使用。

点击蓝牙、wifi角标之后的背景:qs_detail_list_bg.9.png。

② 状态栏颜色有黑、白两种。

有的主题需要改变状态栏颜色,此时可以通过全局属性进行调整,使界面调用白色或黑色状态栏。

注:如果需要整套主题改变状态栏,可直接在全局模块修改整型值window_translucent_status,

若只需要某一模块更改,则在当前模块单独修改MIUI全局属性中的整型值即可。(修改方式如下图)

③ 开关,通知栏的所有开关都在全局模块framework-miui-res。

由于目前开关切图不仅仅应用于此,所以考虑多位置切图需求,MIUI8中开关关闭状态的背景圆和开关关闭状态的图标分开切图。

关闭态背景:status_bar_toggle_off_

如下图:

特别注意,在下拉通知栏状态时的状态栏颜色,修改时,在上述步骤下,还需要将通知栏的布尔值expanded_status_bar_darkmode改为true若没有出现此布尔值,可在xml文件下直接添加即可。

如下图效果

④ 通知栏的安全中心通知及充电图标

在安全中心开启通知栏提醒时,会出现下图图标,这些图标在安全中心模块\res\drawable-xxhdpi。