Widget 小组件

/WIJ-it/ · noun · 系统类模式 · #105

App 放在主屏幕、锁屏或桌面上的一块实时小卡片,不用打开 App 就能看到其中一部分信息——天气、下一个日程、一张照片。点它会打开 App,有的小组件自带按钮。

Widget(小组件) UI 模式示例:CatchUI 图鉴标本

别名:桌面小组件、小部件、微件、服务卡片。

你可能会这样叫它

  • “主屏幕上的小方块”
  • “桌面上的天气和时钟”
  • “手机桌面上的日历卡片”
  • “锁屏上的小图标”
  • “桌面上的小插件”

……它的名字是 小组件(Widget)。

常见问题

小组件是什么意思?

小组件(widget)是 App 放在主屏幕或锁屏上的一块小窗口,比如天气、日历、电量,不打开 App 就能看到信息,点一下就进入 App。安卓上也叫小部件或微件,华为叫服务卡片。在主屏幕空白处长按,找“编辑”或“小组件”就能添加。

小组件和 App 的区别是什么?

App 是完整的程序,要打开才能用;小组件只是某个 App 放到桌面上的一小块内容,用来一眼看信息。删掉小组件不影响 App,卸载 App 它的小组件也会消失。

代码里叫什么

SwiftUI + WidgetKitWidget WidgetConfiguration TimelineProvider
AndroidAppWidgetProvider RemoteViews
Jetpack GlanceGlanceAppWidget GlanceAppWidgetReceiver
Flutter 没有主屏幕小组件 API,需要原生实现;在 Flutter 里 widget 指任意界面组件

复制给 AI 编程工具

为这个 App 设计小号和中号的主屏幕小组件:只放用户最常查看的那一条信息,一眼能读完;数据可能过时的话,写上最后更新时间。点它打开 App 里对应的内容;最多加一两个不打开 App 也说得通的按钮。支持浅色和深色外观,数据加载时显示占位状态。

用 AI 写界面时该怎么说:UI 用词指南(英文)→

相关模式

手机和电脑屏幕各部分叫什么(英文)→

传一张截图,抓住这个模式 →

学会从视觉线索认出 UI 模式(英文)