随着移动互联网的发展,Notification 推送成为了移动应用中不可或缺的一部分。在 Material Design 中,Notification 推送也有着自己的一套设计准则。在本文中,我们将总结 Material Design 中常见的 Notification 推送样式。
主要元素
在 Material Design 中,Notification 推送通常包含以下几个主要元素:
标题
标题是 Notification 推送的重要组成部分,它能够准确、简洁地表达推送的主题和内容。
内容
除了标题之外,内容也是 Notification 推送中一个重要的元素。它通常会进一步描述推送中的细节或者提供更多的信息。
封面
在 Material Design 中,封面是可选的,但是它能够为 Notification 推送增加一些视觉元素。封面通常是一个图像或者一个图标。
操作
如果 Notification 推送需要用户采取某些行动,操作按钮会出现在 Notification 推送下方。
时间戳
时间戳能够指示 Notification 推送的时间,通常出现在 Notification 推送的右上角。
样式类型
Material Design 中常见的 Notification 推送样式有以下几种:
基本样式
基本的 Notification 推送样式包含了标题、内容、封面和时间戳。这是最为基础的 Notification 样式,也是大多数应用程序使用的样式。
<android.support.v4.app.NotificationCompat.Builder> .setContentTitle("这是标题") .setContentText("这是内容") .setSmallIcon(R.drawable.ic_launcher) .setLargeIcon(imageBitmap) .setWhen(System.currentTimeMillis())
大图样式
大图样式是基本样式的扩展,它增加了一个大图像素的封面。这样能够更加直观地为用户展示 Notification 推送中的内容。
-- -------------------- ---- ------- --------------------------------------------------- ------------------------ ----------------------- ------------------------------------- -------------------------- ---------------------------------------------- ----------------------------- -------------------- ------------------------------------
收件箱样式
收件箱样式是大图样式的进一步扩展,它允许开发者在单个 Notification 推送中展示多条消息。
-- -------------------- ---- ------- --------------------------------------------------- ------------------- ------ ----------------------- ------------------------------------- -------------------------- ----------------------------------------- -------------------- ------------------- ------------------------- --------------------------- ---------------------------------- ------------------------------------
应用程序覆盖样式
应用程序覆盖样式能够展示 Notification 推送的最新内容,并在 Notification 推送的顶部展示音量和播放控制。
<android.support.v4.app.NotificationCompat.Builder> .setContentTitle("这是标题") .setContentText("这是内容") .setSmallIcon(R.drawable.ic_launcher) .setStyle(NotificationCompat.DecoratedCustomViewStyle()) .setCustomContentView(notificationView) .setCustomBigContentView(notificationLargeView) .setWhen(System.currentTimeMillis())
总结
在 Material Design 中,Notification 推送也有着自己的一套设计准则。在应用程序中使用符合 Material Design 的 Notification 推送样式不仅能够提升用户体验,还能够增加应用程序的美观性。本文介绍了 Material Design 中常见的几种 Notification 推送样式,希望能够对开发者们有所帮助。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/64c4ccf883d39b48818376b0