MujicaUI

Inputs · #022

IconButton 浅色主题渲染快照
浅色 · 渲染快照
IconButton 深色主题渲染快照
深色 · 渲染快照

022 IconButton 图标按钮

用途

只显示图标的方形按钮,用于工具栏与紧凑操作。操作名称必填,供辅助技术朗读,并作为默认提示文字。建立在 Button 之上。

最小示例

if input.IconButton(c, icons.Must("settings"), "Settings", input.IconButtonOptions{Variant: input.Ghost}).Clicked() {
	fmt.Println("open settings")
}

签名:func IconButton(c *ui.Context, icon *ui.SVG, label string, opts IconButtonOptions) *ui.Element

参数

字段类型默认值含义
icon*ui.SVG必填图标;为 nil 时 panic。
labelstring必填操作名称;为空时 panic。
VariantButtonVariantPrimary与 Button 相同的五种变体;工具栏通常用 Ghost。
Tooltipstring操作名称悬停约 600 毫秒后显示的提示。
Loadingboolfalse显示加载标记并阻止点击。
Disabledboolfalse禁用。

状态

同 Button:悬停、按下、聚焦、加载、禁用。边长等于当前密度的控件高度,不小于 28 DIP。

事件

Clicked(),一次操作一次。

键盘操作

Tab 聚焦;Enter 或 Space 触发。

限制

  • 禁用时不显示提示:MyGo 的 Hovered 对禁用元素返回 false,提示随之不出现;名称仍作为无障碍描述保留。