DCloud_Android_ST
DCloud_Android_ST
  • 发布:2019-01-23 15:57
  • 更新:2024-11-29 17:30
  • 阅读:27193

Android版本 push推送small图标配置说明

分类:HTML5+

注意:需要手动在manifest.json配置 ,目前仅支持个推 & UniPush配置。

5+应用:

  • plus节点 --> distribute节点 --> plugins节点 --> push节点 --> igexin节点(或者unipush节点) --> icons节点 --> small节点下配置
"plugins": { // 第三方sdk配置  
    "push": { // 模块名称  
        "unipush": { // 个推SDK参数配置  
            "appid": "xxxxxxx", // 个推的appid  
            "appkey": "xxxxxxx", // 个推的appkey  
            "appsecret": "xxxxxxx", // 个推的appsecret  
            "icons": { // 推送图片配置  
                "push": { // push图标,规格与应用图片一致,不配置则默认使用push图标  
                    "ldpi": "可选,48x48",  
                    "mdpi": "可选,64x64",  
                    "hdpi": "可选,96x96",  
                    "xhdpi": "可选,128x128",  
                    "xxhdpi": "可选,192x192",  
                },  
                "small": { //  小图标,png格式图片,仅使用alpha图层  
                    "ldpi": "可选,18*18",  
                    "mdpi": "可选,24*24",  
                    "hdpi": "可选,36*36",  
                    "xhdpi": "可选,48*48",  
                    "xxhdpi": "可选,72*72",  
                    "xxxhdpi": "可选,96*96"  
                },  
                "description": "推送图标"  
            },  
        }  
    }  
}

uni应用:

  • app-plus节点 --> distribute节点 --> sdkConfigs节点 --> push节点 --> igexin节点(或者unipush节点) --> icons节点 --> small节点下配置
"sdkConfigs": {  
    "push": {  
        "unipush": {   
            "icons": { // 推送图片配置  
                "push": { // push图标,规格与应用图片一致,不配置则默认使用push图标  
                    "ldpi": "可选,48x48",  
                    "mdpi": "可选,64x64",  
                    "hdpi": "可选,96x96",  
                    "xhdpi": "可选,128x128",  
                    "xxhdpi": "可选,192x192",  
                },  
                "small": { //  小图标,png格式图片,仅使用alpha图层  
                    "ldpi": "可选,18*18",  
                    "mdpi": "可选,24*24",  
                    "hdpi": "可选,36*36",  
                    "xhdpi": "可选,48*48",  
                    "xxhdpi": "可选,72*72",  
                    "xxxhdpi": "可选,96*96"  
                },  
                "description": "推送图标"  
            },  
        }  
    }  
}  

具体配置信息说明如下:

small图片要求

设计规范需要注意:

  1. 必须是带 Alpha 透明通道的 PNG 图片。
  2. 背景必须是透明的。 (如果非透明就会显示为白色方块)

1 关注 分享
skysowe

要回复文章请先登录注册

BY春风

BY春风

感谢
2024-11-29 17:30
1***@163.com

1***@163.com

请问一下,已经按要求路径、命名弄了。用的是雷电模拟器启动的。然后通过后端代码给cid推送消息的,small小图标没变化,配置如下(路径和命令都是个推的企业微信人员发的):
"push" : {
"unipush" : {
"icons" : {
"small" : {
"ldpi" : "unpackage/res/drawable-ldpi/push.png",
"mdpi" : "unpackage/res/drawable-mdpi/push.png",
"hdpi" : "unpackage/res/drawable-hdpi/push.png",
"xhdpi" : "unpackage/res/drawable-xhdpi/push.png",
"xxhdpi" : "unpackage/res/drawable-xxhdpi/push.png"
}
}
}
}
2024-07-03 09:31
1***@qq.com

1***@qq.com

配置完,真机调试需要重新打包自定义基座,才起作用,也没有说明,烦躁啊
2024-05-14 16:17
风靡万千少女

风靡万千少女

无语了家人们。我一直用快速安心包不行,换成用传统打包居然就好了。
2023-07-31 14:10
1***@qq.com

1***@qq.com

回复 1***@qq.com :
文档当中的分辨率 48*48 我们通常会理解成为高*宽。图片的分辨率是ps端设计图片设置的
2023-02-22 11:59
1***@qq.com

1***@qq.com

坑呀 文档也不写清楚,图片的分辨率不能太大, 最好72;亲测有效
2023-02-22 11:29
1***@qq.com

1***@qq.com

按照上面配置不起作用呀
2023-01-05 17:27
传播星球

传播星球

官方文档上是xdpi不是xhdpi啊?到底谁正确
2022-11-19 13:33
a***@126.com

a***@126.com

# unipush 前后来回踩坑研究了一个月, 推送图标总结如下:
## 1. 推送图标配置:
手动修改manifest.json文件中的 app-plus节点 --> distribute节点 --> sdkConfigs节点 --> push节点
```
"sdkConfigs": { // 第三方sdk配置
"push": { //push 模块
"unipush": { // unipush参数配置
"icons": { // 推送图片配置
"push": { // push图标 (通知的右侧的大logo图标)
"ldpi" : "unpackage/res/icons/48x48.png",
"mdpi" : "unpackage/res/icons/48x48.png",
"hdpi" : "unpackage/res/icons/72x72.png",
"xhdpi" : "unpackage/res/icons/96x96.png",
"xxhdpi" : "unpackage/res/icons/144x144.png",
"xxxhdpi" : "unpackage/res/icons/192x192.png"
},
"small": { // push_small小图标 (顶部通知栏的小logo图标, 通知的左上角小logo图标)
"ldpi" : "unpackage/res/push/18x18.png",
"mdpi" : "unpackage/res/push/24x24.png",
"hdpi" : "unpackage/res/push/36x36.png",
"xhdpi" : "unpackage/res/push/48x48.png",
"xxhdpi" : "unpackage/res/push/72x72.png"
}
}
}
}
}
```
## 2. 图标设计要求:
### push图标 (通知的右侧的大logo图标):
无什么特殊设计要求, 可直接使用hbuilder中 "App图标配置" 中生成的对应尺寸的应用应用图标,即如上所示, 使用"unpackage/res/icons"中的图标;

### push_small小图标 (顶部通知栏的小logo图标, 通知的左上角小logo图标):
设计要求是特殊的, 特别需要注意以下两点:
* 必须是**透明的底**;
* 内部形状**颜色为白色**最佳; (是其他颜色也可以, 但好像最终也会转成,通知栏显示白色, 通知左上角图标灰色)
* 具体参考上面官方截图展示的"内部三角形加感叹号"的图标设计;

(看论坛里, 很多小伙伴,包括我,都遇到了通知栏图标呈现一整个白色块, 通知左上角小图标一整块灰色块, 个中原因: **就是图标设计时, 底色不是透明的**)

## 3. 离线打包中的推送图标配置事项
- 当drawable-XXXXX文件夹中只有 push.png 图片时, 打包后, 通知的右侧的大logo图标, 顶部通知栏的小logo图标, 通知的左上角小logo图标都使用此push.png图标. 此时, push图标的设计, 底色必须是透明, 否则将会遇到 "通知栏图标呈现一整个白色块, 通知左上角小图标一整块灰色块" 的问题.
- 当drawable-XXXXX文件夹中增加有 push_small.png 图片时, 打包后, 顶部通知栏的小logo图标, 通知的左上角小logo图标就会使用此 push_small.png 图标.
2021-11-12 10:59
const307

const307

。。。官方真的又不写详细或者给个demo,终于找到https://www.cnblogs.com/huihuihero/p/13711909.html
2021-02-21 20:29