android 通知图片素材-如何制作ui状态栏界面

Android的状态栏在左边会显示新通知的图标,所以不用下拉就能大体知道有什么通知。并且Android的通知图标类似OSX Dock上的图标是可以实时更新的,比如说Shadowsocks就可以实时地显示网络速度。

iOS的状态栏在有网络访问的时候会显示一个Loading的Indicator,与之对应Android在ICS和JB时代会在网络连接的图标上显示小箭头表示数据活动。但是这个小箭头一般的用户很难察觉并且会消耗一些系统资源,所以在Kitkat上被移到了快速设置面板里头。此外原生Android系统在无法正常访问Google服务器的时候网络连接的图标会变颜色。

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

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。

一 直接使用Notification

其相关属性:

audioStreamType 当声音响起时,所用的音频流的类型

contentIntent 当通知条目被点击,就执行这个被设置的Intent.

contentView 当通知被显示在状态条上的时候,同时这个被设置的视图被显示.

defaults 指定哪个值要被设置成默认的.

deleteIntent 当用户点击"Clear All Notifications"按钮区删除所有的通知的时候,这个被设置的Intent被执行.

icon 状态条所用的图片.

iconLevel 假如状态条的图片有几个级别,就设置这里.

ledARGB LED灯的颜色.

ledOffMS LED关闭时的闪光时间(以毫秒计算)

ledOnMS LED开始时的闪光时间(以毫秒计算)