Separator

分隔内容，支持文字和方向。

实时预览

正在加载预览…

参数配置

全部字段 12

SeparatorOptions

Styles · 0

Go 代码

Go
// Inside a view; c is *ui.Context, t is nui.Theme.
nui.Separator(c.Key("separator"), t, nui.SeparatorOptions{Label: "Continue", Color: nui.ColorDefault, Size: nui.SizeDefault, Orientation: nui.Horizontal})

使用说明

切换横向与纵向分隔线，调整标签与颜色。分隔线的可见长度还取决于父布局；示例为方向切换预留了固定高度。

API 参考

Separator

源码 
func Separator(c *ui.Context, t Theme, opts SeparatorOptions) ui.Element

SeparatorOptions

源码 
type SeparatorOptions struct {
	Label       string
	Icon        *ui.SVG
	Avatar      *AvatarOptions
	Content     func()
	Color       Color
	Size        Size // XS..XL correspond to 1..5 pixels.
	Type        SeparatorType
	Position    SeparatorPosition
	Vertical    bool // Kept for existing callers; either this or Orientation can select vertical.
	Orientation Orientation
	Decoration
}
字段类型说明
Labelstring

Go 零值: ""

控件标签或可访问名称。

Icon*ui.SVG

Go 零值: nil

组件使用的 SVG 图标。

Avatar*AvatarOptions

Go 零值: nil

内嵌头像的配置。

Contentfunc()

Go 零值: nil

同步构建内容区域。

ColorColor

Go 零值: ColorDefault

语义颜色；默认值继承主题或组件配色。

SizeSize

Go 零值: SizeDefault

组件尺寸；默认值继承主题或组件尺寸。

TypeSeparatorType

Go 零值: zero value

分隔线的样式类型，例如实线或虚线。

PositionSeparatorPosition

Go 零值: zero value

指示器或通知的显示位置。

Verticalbool

Go 零值: false

启用纵向排列。

OrientationOrientation

Go 零值: zero value

水平或垂直方向；未设置时使用组件默认方向。

UIStyles

Go 零值: zero value

以部件名称为键覆盖外观和间距。

Stylefunc(Slot, ui.Element)

Go 零值: nil

同步配置当前构建的部件；不要保留 Element。