Slideover

从窗口边缘展开详情面板。

实时预览

正在加载预览…

参数配置

标题 label允许关闭 dismissible位置 side

全部字段 17

SlideoverOptions

Title

Description

CloseLabel

Width

MaxHeight

Dismissible

CloseButton

Overlay

Fullscreen

Header

Footer

OnClose

ReturnFocus

UI

Styles · 0

Style

Side

Extent

Go 代码

// Inside a view; c is *ui.Context, t is nui.Theme.
// Keep s (example state) outside the view. See the complete example.
nui.Button(c.Key("open"), t, "Open panel", nui.ButtonOptions{}).OnClick(func() { s.Open = true })
nui.Slideover(c.Key("panel"), t, &s.Open, nui.SlideoverOptions{ModalOptions: nui.ModalOptions{Title: "Project details", Dismissible: nui.Optional[bool]{}}, Side: nui.SideRight}, func(t nui.Theme) {
	ui.Text(c, "Keep the main view in context.")
	nui.Button(c.Key("close"), t, "Done", nui.ButtonOptions{}).OnClick(func() { s.Open = false })
})

使用说明

点击 Open panel 从所选方向展开面板，Done 关闭面板。Side 决定展开边缘，Dismissible 控制默认关闭行为；弹层位于预览框的边界内。

API 参考

Slideover

源码

func Slideover(c *ui.Context, t Theme, open *bool, o SlideoverOptions, content func(Theme)) ui.Element

SlideoverOptions

源码

type SlideoverOptions struct {
	ModalOptions
	Side   Side
	Extent Optional[float32]
}

字段	类型	说明
`Title`	`string` Go 零值: `""`	标题文字。
`Description`	`string` Go 零值: `""`	补充说明文字。
`CloseLabel`	`string` Go 零值: `""`	关闭操作的可访问名称。
`Width`	`Optional[float32]` Go 零值: `unset`	宽度，单位为 DIP。
`MaxHeight`	`Optional[float32]` Go 零值: `unset`	最大高度，单位为 DIP。
`Dismissible`	`Optional[bool]` Go 零值: `unset`	允许 Escape 或外部点击关闭。
`CloseButton`	`Optional[bool]` Go 零值: `unset`	显示关闭按钮。
`Overlay`	`Optional[bool]` Go 零值: `unset`	控制遮罩或边缘渐隐层。
`Fullscreen`	`bool` Go 零值: `false`	让弹层填满窗口。
`Header`	`func(*ui.Context, Theme)` Go 零值: `nil`	同步构建标题区域。
`Footer`	`func(*ui.Context, Theme)` Go 零值: `nil`	同步构建底部区域。
`OnClose`	`func()` Go 零值: `nil`	关闭组件时通知应用的回调。
`ReturnFocus`	`*ui.Handle` Go 零值: `nil`	关闭后恢复焦点的持久 Handle。
`UI`	`Styles` Go 零值: `zero value`	以部件名称为键覆盖外观和间距。
`Style`	`func(Slot, ui.Element)` Go 零值: `nil`	同步配置当前构建的部件；不要保留 Element。
`Side`	`Side` Go 零值: `zero value`	展开面板所在的窗口边缘。
`Extent`	`Optional[float32]` Go 零值: `unset`	侧边面板的宽度或高度。