1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
| // mygo-demo：纯 mygo 实现的无边框圆角窗口演示。
// 特性：透明圆角、最大化时自动变直角、可拖拽标题栏、
// 自绘的三个窗口控制按钮（最小化 / 最大化 / 关闭）。
//
// go run .
package main
import (
"log"
"github.com/egoist/mygo"
"github.com/egoist/mygo/ui"
"github.com/ELY-Open-Source/MujicaUI/icons" // 图标集：mygo 本体没有内置图标
)
// radius 是窗口的圆角半径（单位 DIP，逻辑像素）。
// 最大化时圆角会置 0（直角），否则四角会透出桌面。
const radius = 12
// closeRed 是关闭按钮 hover 时的红色，仿系统窗口控件的惯例。
var closeRed = ui.Hex("#c01c28")
// app 是窗口显示的状态。窗口引用也存这里：ui.Context 不暴露窗口。
type app struct{ win *mygo.Window }
func main() {
a := &app{}
mygo.App.WhenReady(func() {
a.win = mygo.NewWindow(mygo.WindowOptions{
Title: "mygo rounded window",
Width: 480,
Height: 320,
MinWidth: 320,
MinHeight: 200,
// 三个关键窗口选项：
TitleBarStyle: mygo.TitleBarHidden, // 隐藏系统标题栏
HideWindowButtons: true, // 连系统窗口按钮也隐藏，由视图自绘
Transparent: true, // 窗口透明（RGBA），圆角透出桌面；false 则四角不透明
Content: ui.View(a.view),
})
})
if err := mygo.App.Run(); err != nil {
log.Fatal(err)
}
}
// view 每帧从状态重建整个界面（即时模式）：窗口需要绘制时就调用它。
func (a *app) view(c *ui.Context) {
t := c.Theme() // mygo 内置主题：颜色随系统深浅色自动切换
// 根节点背景设为全透明，桌面才能从圆角外透出来。
// （普通窗口根节点默认画主题背景色，会把整窗填成不透明。）
c.Root().Background(ui.Transparent)
// 最大化时用直角，其余时候用圆角。
r := float32(radius)
if a.win != nil && a.win.IsMaximized() {
r = 0
}
// 圆角外框：Fill 铺满窗口，Clip 按圆角裁剪子内容，
// Background 画窗口底色，Border 画一圈 1px 描边。
// ★ 是否要描边就看下面这行：去掉 .Border(...) 即无边框，
// 第一个参数是宽度（DIP），改成 2 更粗，配 t.Border.Alpha(0.5) 变半透明。
ui.Column(c).Fill().Clip().Radius(r).
Background(t.Background).
Border(1, t.Border).
Children(func() {
a.titleBar(c)
// 内容区：居中一行提示文字。
ui.Column(c).Grow(1).Center().Children(func() {
ui.Text(c, "拖动标题栏移动 · 双击标题栏最大化").TextColor(t.TextMuted)
})
})
}
// titleBar 是自绘标题栏：整条栏 DragWindow 可拖拽（双击自动最大化/还原），
// 右侧放三个窗口控制按钮。
func (a *app) titleBar(c *ui.Context) {
t := c.Theme()
ui.Row(c).FillWidth().Shrink(0).MinHeight(32).Padding(0, 12).Gap(8).
Background(t.Surface).BorderWidth(0, 0, 1, 0).BorderColor(t.Border). // 底部分隔线
DragWindow().Children(func() {
ui.Text(c, "mygo rounded window").Bold().Grow(1)
if chromeButton(c, "min", icons.Must("minus"), "最小化", false).Clicked() {
a.win.Minimize() // 最小化
}
// 最大化 ↔ 还原：图标随状态切换（方框 ↔ 双方框）。
max := a.win != nil && a.win.IsMaximized()
icon, label := icons.Must("square"), "最大化"
if max {
icon, label = icons.Must("copy"), "还原"
}
if chromeButton(c, "max", icon, label, false).Clicked() {
if max {
a.win.Unmaximize() // 还原
} else {
a.win.Maximize() // 最大化
}
}
if chromeButton(c, "close", icons.Must("x"), "关闭", true).Clicked() {
// 不能在视图构建期间直接 Close()：那会在窗口自己的渲染
// 回调栈上拆毁它，GTK 会段错误（Linux 后端的 bug）。
// Update 把关闭推迟到当前帧回调结束之后。
a.win.Update(func() { a.win.Close() })
}
})
}
// chromeButton 画一个无边框的窗口控制按钮：平时只有图标，hover 才出现
// 背景；danger 为 true 时（关闭键）hover 变红。label 是无障碍名称。
func chromeButton(c *ui.Context, key string, icon *ui.SVG, label string, danger bool) ui.Element {
t := c.Theme()
// c.Key 给控件稳定标识：可聚焦控件都需要（跨帧对上号）。
b := ui.ButtonBase(c.Key(key)).Size(28, 28).Radius(4).Label(label)
bg, fg := ui.Color{}, t.Text // 默认：透明底 + 正常文字色
switch {
case danger && b.Pressed():
bg, fg = closeRed.Mix(ui.Hex("#000000"), 0.25), ui.Hex("#ffffff") // 按下加深
case danger && b.Hovered():
bg, fg = closeRed, ui.Hex("#ffffff")
case b.Pressed():
bg, fg = t.SurfacePressed, t.Text
case b.Hovered():
bg, fg = t.SurfaceHover, t.Text
}
b.Background(bg).TextColor(fg)
b.Children(func() { ui.Icon(c, icon).Size(16, 16) })
return b
}
|
kamiertop 收录于 Go
