第一次在简书发文章,有问题多指教
本篇介绍自定义通知样式时会遇到的一些坑,本篇旨在记录坑,而不在全面讲解自定义的方法
坑
- 文字颜色:强烈使用系统定义的文字颜色,否则需要固定背景色
- 自定义View的尺寸: 建议自适应,因为不同系统高度会有差别
- 不同系统版本的兼容性处理
详细讲解
文字颜色
首先一个大前提,通知栏的背景色的颜色是不确定的,有深色,也有浅色。
这里分两种情况说明。
一种是自定义布局的背景色固定,这种情况下可以直接指定文字颜色。但是这种在通知栏的观感不是很好,比如浅色通知栏,显示一条黑色通知显得很突兀,也不好看。
第二种是透明背景色,这时文字颜色就不能固定了,好在系统提供的对应的文字样式。
原生系统提供了通知栏的适配样式,这个样式会保证在通知栏的文字颜色一直是正常可见的。
某些定制系统使用了系统提供的样式还是会有问题,比如小米6.0的某个版本。其他定制系统也类似,后面有详细讨论
下面先说下如何使用系统样式来适配
由于5.0引入MeterialDesign,5.0及以上的样式命名有所更改,所以需要分别设置。
SDK21以下
values/style.xml
标题样式
android:textAppearance="@android:style/TextAppearance.StatusBar.EventContent.Title"
文字颜色:
android:textAppearance="@android:style/TextAppearance.StatusBar.EventContent"
SDK21及以上
标题颜色
android:textAppearance="@android:style/TextAppearance.Material.Notification.Title"
内容颜色
android:textAppearance="@android:style/TextAppearance.Material.Notification.Info"
注意:
上面的解决方案在实际使用中发现小米的6.0MRA58K版本是暗色通知栏,会导致颜色适配失效,经研究此版本系统样式采用的仍然是21以下的样式配置。 这就造成小米和原生系统的适配冲突。
最终经过研究有以下方案可以解决
- 1,为小米手机做适配,单独写一套小米的适配样式布局。通过判断手机型号来适配,但是有个比较大的缺点就是如果其他系统也有类似问题那么需要长时间收集各种机型增加判断条件来适配。这一个积累工作,长期劳心劳神
- 2,直接不设置文字颜色,这样的适应性会比较广一些,但是在小米手机上对某些奇葩一点的主题也可能会导致文字与背景同色
- 3,再就是上面说的设置固定的背景色,不过据网上了解有些系统也会忽略自定义的背景色,这个倒是可以通过图片来解决,详细的就没做深入探究。
我能说最终还是选择了不设置文字颜色来解决的么...吐槽一下定制系统。
自定义View的尺寸
首先Android原生系统中定义的样式大致有两种,一是普通通知,另一种是4.1以后引入的扩展通知
普通通知高度为64dp,扩展通知高度为256dp。但是由于国内不同定制系统对这两种高度有不同处理,所以推荐使用自适应的布局,尽量不要固定宽高。
至于通知的宽度,不只受屏幕宽度影响,也受自制系统影响。比如华为系统的通知左侧会有时间轴、小米和魅族系统左右会预留padding空间等等。
所以尺寸上尽量做到自适应。
不同系统版本的兼容
扩展布局只支持4.1以上系统,对于4.1以下,可以只设置普通视图的布局。
对于7.0以上系统一定不要直接使用notification.bigContentView
来设置布局,此方法早已废弃,尤其7.0以后bigContentView
可能为空值
一些代码细节
- 创建通知可以使用v4包中的NotificatoinCompat.Builder,以兼容11以下版本。
- 设置自定义布局推荐同时设置普通状态和扩展状态的布局,否则有些手机会出现
Bad Notification Exception
builder.setCustomContentView(buildNormalView(pushMessage));
builder.setCustomBigContentView(buildNoImgView(pushMessage));
Android系统提供的富媒体样式
上面说的都是自定义样式,这里顺便提一下系统目前提供的样式。
在4.1以下,只有标准模式,就是包含图标
、标题
、文字
的基本样式。
4.1及以上增加了扩展视图,提供了BigText
,BigImage
两种样式
- BigText: 在原有标准样式的基础上增大了内容文字的区域,可以容纳大量文字
- BigImg: 在原有基础上扩展开之后会将图标展示为大图的样式
详细可以参考Google Notification Design
我的博客: www.xkjchen.com
网友评论