menu.go 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551
  1. // Copyright 2016 The G3N Authors. All rights reserved.
  2. // Use of this source code is governed by a BSD-style
  3. // license that can be found in the LICENSE file.
  4. package gui
  5. import (
  6. "github.com/g3n/engine/gui/assets"
  7. "github.com/g3n/engine/math32"
  8. "github.com/g3n/engine/window"
  9. )
  10. type MenuBar struct {
  11. }
  12. type Menu struct {
  13. Panel // embedded panel
  14. styles *MenuStyles // pointer to current styles
  15. items []*MenuItem // menu items
  16. active bool // menu active state
  17. mitem *MenuItem // parent menu item for sub menus
  18. }
  19. // MenuBodyStyle describes the style of the menu body
  20. type MenuBodyStyle struct {
  21. Border BorderSizes
  22. Paddings BorderSizes
  23. BorderColor math32.Color4
  24. BgColor math32.Color
  25. FgColor math32.Color
  26. }
  27. // MenuBodyStyles describes all styles of the menu body
  28. type MenuBodyStyles struct {
  29. Normal MenuBodyStyle
  30. Over MenuBodyStyle
  31. Focus MenuBodyStyle
  32. Disabled MenuBodyStyle
  33. }
  34. // MenuStyles describes all styles of the menu body and menu item
  35. type MenuStyles struct {
  36. Body *MenuBodyStyles // Menu body styles
  37. Item *MenuItemStyles // Menu item styles
  38. }
  39. // MenuItem is an option of a Menu
  40. type MenuItem struct {
  41. Panel // embedded panel
  42. styles *MenuItemStyles // pointer to current styles
  43. menu *Menu // pointer to container menu
  44. licon *Label // optional left icon label
  45. label *Label // optional text label (nil for separators)
  46. shortcut *Label // optional shorcut text label
  47. ricon *Label // optional right internal icon label for submenu
  48. icode int // icon code (if icon is set)
  49. subm *Menu // optional pointer to sub menu
  50. keyModifier window.ModifierKey // shortcut key modifier
  51. keyCode window.Key // shortcut key code
  52. disabled bool // item disabled state
  53. selected bool // selection state
  54. }
  55. // MenuItemStyle describes the style of a menu item
  56. type MenuItemStyle struct {
  57. Border BorderSizes
  58. Paddings BorderSizes
  59. BorderColor math32.Color4
  60. BgColor math32.Color
  61. FgColor math32.Color
  62. IconPaddings BorderSizes
  63. ShortcutPaddings BorderSizes
  64. RiconPaddings BorderSizes
  65. }
  66. // MenuItemStyles describes all the menu item styles
  67. type MenuItemStyles struct {
  68. Normal MenuItemStyle
  69. Over MenuItemStyle
  70. Disabled MenuItemStyle
  71. Separator MenuItemStyle
  72. }
  73. var mapKeyModifier = map[window.ModifierKey]string{
  74. window.ModShift: "Shift",
  75. window.ModControl: "Ctrl",
  76. window.ModAlt: "Alt",
  77. }
  78. var mapKeyText = map[window.Key]string{
  79. window.KeyApostrophe: "'",
  80. window.KeyComma: ",",
  81. window.KeyMinus: "-",
  82. window.KeyPeriod: ".",
  83. window.KeySlash: "/",
  84. window.Key0: "0",
  85. window.Key1: "1",
  86. window.Key2: "2",
  87. window.Key3: "3",
  88. window.Key4: "4",
  89. window.Key5: "5",
  90. window.Key6: "6",
  91. window.Key7: "7",
  92. window.Key8: "8",
  93. window.Key9: "9",
  94. window.KeySemicolon: ";",
  95. window.KeyEqual: "=",
  96. window.KeyA: "A",
  97. window.KeyB: "B",
  98. window.KeyC: "C",
  99. window.KeyD: "D",
  100. window.KeyE: "E",
  101. window.KeyF: "F",
  102. window.KeyG: "G",
  103. window.KeyH: "H",
  104. window.KeyI: "I",
  105. window.KeyJ: "J",
  106. window.KeyK: "K",
  107. window.KeyL: "L",
  108. window.KeyM: "M",
  109. window.KeyN: "N",
  110. window.KeyO: "O",
  111. window.KeyP: "P",
  112. window.KeyQ: "Q",
  113. window.KeyR: "R",
  114. window.KeyS: "S",
  115. window.KeyT: "T",
  116. window.KeyU: "U",
  117. window.KeyV: "V",
  118. window.KeyW: "W",
  119. window.KeyX: "X",
  120. window.KeyY: "Y",
  121. window.KeyZ: "Z",
  122. window.KeyF1: "F1",
  123. window.KeyF2: "F2",
  124. window.KeyF3: "F3",
  125. window.KeyF4: "F4",
  126. window.KeyF5: "F5",
  127. window.KeyF6: "F6",
  128. window.KeyF7: "F7",
  129. window.KeyF8: "F8",
  130. window.KeyF9: "F9",
  131. window.KeyF10: "F10",
  132. window.KeyF11: "F11",
  133. window.KeyF12: "F12",
  134. }
  135. // NewMenu creates and returns a pointer to a new empty menu
  136. func NewMenu() *Menu {
  137. m := new(Menu)
  138. m.Panel.Initialize(0, 0)
  139. m.styles = &StyleDefault.Menu
  140. m.items = make([]*MenuItem, 0)
  141. m.Panel.Subscribe(OnCursorEnter, m.onCursor)
  142. m.Panel.Subscribe(OnCursorLeave, m.onCursor)
  143. m.Panel.Subscribe(OnKeyDown, m.onKey)
  144. m.update()
  145. return m
  146. }
  147. // AddOption creates and adds a new menu item to this menu with the
  148. // specified text and returns the pointer to the created menu item.
  149. func (m *Menu) AddOption(text string) *MenuItem {
  150. mi := newMenuItem(text, m.styles.Item)
  151. m.Panel.Add(mi)
  152. m.items = append(m.items, mi)
  153. mi.menu = m
  154. m.recalc()
  155. return mi
  156. }
  157. // AddSeparator creates and adds a new separator to the menu
  158. func (m *Menu) AddSeparator() *MenuItem {
  159. mi := newMenuItem("", m.styles.Item)
  160. m.Panel.Add(mi)
  161. m.items = append(m.items, mi)
  162. mi.menu = m
  163. m.recalc()
  164. return mi
  165. }
  166. // AddMenu creates and adds a new menu item to this menu with the
  167. // specified text and sub menu.
  168. // Returns the pointer to the created menu item.
  169. func (m *Menu) AddMenu(text string, subm *Menu) *MenuItem {
  170. mi := newMenuItem(text, m.styles.Item)
  171. m.Panel.Add(mi)
  172. m.items = append(m.items, mi)
  173. mi.subm = subm
  174. mi.subm.SetVisible(false)
  175. mi.subm.SetBounded(false)
  176. mi.subm.mitem = mi
  177. mi.menu = m
  178. mi.ricon = NewIconLabel(string(assets.ChevronRight))
  179. mi.Panel.Add(mi.ricon)
  180. mi.Panel.Add(mi.subm)
  181. mi.update()
  182. m.recalc()
  183. return nil
  184. }
  185. // RemoveItem removes the specified menu item from this menu
  186. func (m *Menu) RemoveItem(mi *MenuItem) {
  187. }
  188. // onCursor process subscribed cursor events
  189. func (m *Menu) onCursor(evname string, ev interface{}) {
  190. log.Error("evname:%s / %v", evname, ev)
  191. if evname == OnCursorEnter {
  192. m.root.SetKeyFocus(m)
  193. m.active = true
  194. } else if evname == OnCursorLeave {
  195. m.root.SetKeyFocus(nil)
  196. m.active = false
  197. if m.mitem != nil && !m.mitem.selected {
  198. m.SetVisible(false)
  199. }
  200. }
  201. m.root.StopPropagation(StopAll)
  202. }
  203. // onKey process subscribed key events
  204. func (m *Menu) onKey(evname string, ev interface{}) {
  205. prevsel := m.selectedItem()
  206. var sel int
  207. kev := ev.(*window.KeyEvent)
  208. switch kev.Keycode {
  209. case window.KeyDown:
  210. sel = m.nextItem(prevsel)
  211. m.setSelected(sel)
  212. case window.KeyUp:
  213. sel = m.prevItem(prevsel)
  214. m.setSelected(sel)
  215. case window.KeyEnter:
  216. default:
  217. return
  218. }
  219. }
  220. // setSelected sets the menu item at the specified index as selected
  221. // and all others as not selected.
  222. func (m *Menu) setSelected(idx int) {
  223. for i := 0; i < len(m.items); i++ {
  224. mi := m.items[i]
  225. if i == idx {
  226. mi.selected = true
  227. } else {
  228. mi.selected = false
  229. }
  230. mi.update()
  231. }
  232. }
  233. // selectedItem returns the index of the current selected menu item
  234. // Returns -1 if no item selected
  235. func (m *Menu) selectedItem() int {
  236. for i := 0; i < len(m.items); i++ {
  237. mi := m.items[i]
  238. if mi.selected {
  239. return i
  240. }
  241. }
  242. return -1
  243. }
  244. // nextItem returns the index of the next enabled option from the
  245. // specified position
  246. func (m *Menu) nextItem(pos int) int {
  247. res := 0
  248. for i := pos + 1; i < len(m.items); i++ {
  249. mi := m.items[i]
  250. if mi.disabled || mi.label == nil {
  251. continue
  252. }
  253. res = i
  254. break
  255. }
  256. return res
  257. }
  258. // prevItem returns the index of previous enabled menu item from
  259. // the specified position
  260. func (m *Menu) prevItem(pos int) int {
  261. res := len(m.items) - 1
  262. for i := pos - 1; i >= 0 && i < len(m.items); i-- {
  263. mi := m.items[i]
  264. if mi.disabled || mi.label == nil {
  265. continue
  266. }
  267. res = i
  268. break
  269. }
  270. return res
  271. }
  272. // update updates the menu visual state
  273. func (m *Menu) update() {
  274. m.applyStyle(&m.styles.Body.Normal)
  275. }
  276. // applyStyle applies the specified menu body style
  277. func (m *Menu) applyStyle(mbs *MenuBodyStyle) {
  278. m.SetBordersFrom(&mbs.Border)
  279. m.SetBordersColor4(&mbs.BorderColor)
  280. m.SetPaddingsFrom(&mbs.Paddings)
  281. m.SetColor(&mbs.BgColor)
  282. }
  283. // recalc recalculates the positions of this menu internal items
  284. // and the content width and height of the menu
  285. func (m *Menu) recalc() {
  286. // Find the maximum icon and label widths
  287. minWidth := float32(0)
  288. iconWidth := float32(0)
  289. labelWidth := float32(0)
  290. shortcutWidth := float32(0)
  291. riconWidth := float32(0)
  292. for i := 0; i < len(m.items); i++ {
  293. mi := m.items[i]
  294. minWidth = mi.MinWidth()
  295. // Separator
  296. if mi.label == nil {
  297. continue
  298. }
  299. // Left icon width
  300. if mi.licon != nil && mi.licon.width > iconWidth {
  301. iconWidth = mi.licon.width
  302. }
  303. // Option label width
  304. if mi.label.width > labelWidth {
  305. labelWidth = mi.label.width
  306. }
  307. // Shortcut label width
  308. if mi.shortcut != nil && mi.shortcut.width > shortcutWidth {
  309. shortcutWidth = mi.shortcut.width
  310. }
  311. // Right icon (submenu indicator) width
  312. if mi.ricon != nil && mi.ricon.width > riconWidth {
  313. riconWidth = mi.ricon.width
  314. }
  315. }
  316. width := minWidth + iconWidth + labelWidth + shortcutWidth + riconWidth
  317. // Sets the position and width of the menu items
  318. // The height is defined by the menu item itself
  319. px := float32(0)
  320. py := float32(0)
  321. for i := 0; i < len(m.items); i++ {
  322. mi := m.items[i]
  323. mi.SetPosition(px, py)
  324. mh := mi.minHeight()
  325. py += mh
  326. mi.SetSize(width, mh)
  327. mi.recalc(iconWidth, labelWidth, shortcutWidth)
  328. }
  329. m.SetContentSize(width, py)
  330. }
  331. // newMenuItem creates and returns a pointer to a new menu item
  332. // with the specified text.
  333. func newMenuItem(text string, styles *MenuItemStyles) *MenuItem {
  334. mi := new(MenuItem)
  335. mi.Panel.Initialize(0, 0)
  336. mi.styles = styles
  337. if text != "" {
  338. mi.label = NewLabel(text)
  339. mi.Panel.Add(mi.label)
  340. mi.Panel.Subscribe(OnCursorEnter, mi.onCursor)
  341. mi.Panel.Subscribe(OnCursorLeave, mi.onCursor)
  342. }
  343. mi.update()
  344. return mi
  345. }
  346. // SetIcon sets the left icon of this menu item
  347. // If an image was previously set it is replaced by this icon
  348. func (mi *MenuItem) SetIcon(icode int) *MenuItem {
  349. mi.licon = NewIconLabel(string(icode))
  350. mi.Panel.Add(mi.licon)
  351. mi.update()
  352. return mi
  353. }
  354. // SetImage sets the left image of this menu item
  355. // If an icon was previously set it is replaced by this image
  356. func (mi *MenuItem) SetImage(img *Image) *MenuItem {
  357. return mi
  358. }
  359. // SetText sets the text of this menu item
  360. func (mi *MenuItem) SetText(text string) *MenuItem {
  361. return mi
  362. }
  363. // SetShortcut sets the keyboard shortcut of this menu item
  364. func (mi *MenuItem) SetShortcut(mod window.ModifierKey, key window.Key) *MenuItem {
  365. if mapKeyText[key] == "" {
  366. panic("Invalid menu shortcut key")
  367. }
  368. mi.keyModifier = mod
  369. mi.keyCode = key
  370. text := ""
  371. if mi.keyModifier&window.ModShift != 0 {
  372. text = mapKeyModifier[window.ModShift]
  373. }
  374. if mi.keyModifier&window.ModControl != 0 {
  375. if text != "" {
  376. text += "+"
  377. }
  378. text += mapKeyModifier[window.ModControl]
  379. }
  380. if mi.keyModifier&window.ModAlt != 0 {
  381. if text != "" {
  382. text += "+"
  383. }
  384. text += mapKeyModifier[window.ModAlt]
  385. }
  386. if text != "" {
  387. text += "+"
  388. }
  389. text += mapKeyText[key]
  390. mi.shortcut = NewLabel(text)
  391. mi.Panel.Add(mi.shortcut)
  392. mi.update()
  393. mi.menu.recalc()
  394. return mi
  395. }
  396. // SetSubmenu sets an associated sub menu item for this menu item
  397. func (mi *MenuItem) SetSubmenu(smi *MenuItem) *MenuItem {
  398. return mi
  399. }
  400. // SetEnabled sets the enabled state of this menu item
  401. func (mi *MenuItem) SetEnabled(enabled bool) *MenuItem {
  402. mi.disabled = !enabled
  403. mi.update()
  404. return mi
  405. }
  406. func (mi *MenuItem) onCursor(evname string, ev interface{}) {
  407. switch evname {
  408. case OnCursorEnter:
  409. mi.selected = true
  410. mi.update()
  411. case OnCursorLeave:
  412. mi.selected = false
  413. mi.update()
  414. }
  415. }
  416. // update updates the menu item visual state
  417. func (mi *MenuItem) update() {
  418. // Separator
  419. if mi.label == nil {
  420. mi.applyStyle(&mi.styles.Separator)
  421. return
  422. }
  423. if mi.disabled {
  424. mi.applyStyle(&mi.styles.Disabled)
  425. return
  426. }
  427. if mi.selected {
  428. mi.applyStyle(&mi.styles.Over)
  429. if mi.subm != nil {
  430. mi.menu.SetTopChild(mi)
  431. mi.subm.SetVisible(true)
  432. mi.subm.SetPosition(mi.Width()-4, 0)
  433. }
  434. return
  435. }
  436. if mi.subm != nil && !mi.subm.active {
  437. mi.subm.SetVisible(false)
  438. }
  439. mi.applyStyle(&mi.styles.Normal)
  440. }
  441. // applyStyle applies the specified menu item style
  442. func (mi *MenuItem) applyStyle(mis *MenuItemStyle) {
  443. mi.SetBordersFrom(&mis.Border)
  444. mi.SetBordersColor4(&mis.BorderColor)
  445. mi.SetPaddingsFrom(&mis.Paddings)
  446. mi.SetColor(&mis.BgColor)
  447. if mi.licon != nil {
  448. mi.licon.SetPaddingsFrom(&mis.IconPaddings)
  449. }
  450. if mi.label != nil {
  451. mi.label.SetColor(&mis.FgColor)
  452. }
  453. if mi.shortcut != nil {
  454. mi.shortcut.SetPaddingsFrom(&mis.ShortcutPaddings)
  455. }
  456. if mi.ricon != nil {
  457. mi.ricon.SetPaddingsFrom(&mis.RiconPaddings)
  458. }
  459. }
  460. // recalc recalculates the positions of this menu item internal panels
  461. func (mi *MenuItem) recalc(iconWidth, labelWidth, shortcutWidth float32) {
  462. // Separator
  463. if mi.label == nil {
  464. return
  465. }
  466. if mi.licon != nil {
  467. py := (mi.label.height - mi.licon.height) / 2
  468. mi.licon.SetPosition(0, py)
  469. }
  470. mi.label.SetPosition(iconWidth, 0)
  471. if mi.shortcut != nil {
  472. mi.shortcut.SetPosition(iconWidth+labelWidth, 0)
  473. }
  474. if mi.ricon != nil {
  475. mi.ricon.SetPosition(iconWidth+labelWidth+shortcutWidth, 0)
  476. }
  477. }
  478. // minHeight returns the minimum height of this menu item
  479. func (mi *MenuItem) minHeight() float32 {
  480. mh := mi.MinHeight()
  481. if mi.label == nil {
  482. return mh + 1
  483. }
  484. mh += mi.label.height
  485. return mh
  486. }