list.go 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547
  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/math32"
  7. "github.com/g3n/engine/window"
  8. )
  9. type List struct {
  10. Scroller // Embedded scroller
  11. styles *ListStyles // Pointer to styles
  12. single bool // Single selection flag (default is true)
  13. focus bool // has keyboard focus
  14. dropdown bool // this is used as dropdown
  15. keyNext window.Key // Code of key to select next item
  16. keyPrev window.Key // Code of key to select previous item
  17. }
  18. // All items inserted into the list are
  19. // encapsulated inside a ListItem
  20. type ListItem struct {
  21. Panel // Container panel
  22. item IPanel // Original item
  23. selected bool // Item selected flag
  24. highlighted bool // Item highlighted flag
  25. padLeft float32 // Additional left padding
  26. list *List // Pointer to list
  27. }
  28. type ListStyles struct {
  29. Scroller *ScrollerStyles
  30. Item *ListItemStyles
  31. }
  32. type ListItemStyles struct {
  33. Normal ListItemStyle
  34. Over ListItemStyle
  35. Selected ListItemStyle
  36. Highlighted ListItemStyle
  37. SelHigh ListItemStyle
  38. }
  39. type ListItemStyle struct {
  40. Border BorderSizes
  41. Paddings BorderSizes
  42. BorderColor math32.Color4
  43. BgColor math32.Color4
  44. FgColor math32.Color
  45. }
  46. // Event sent to list item child panel on resize
  47. const OnListItemResize = "gui.OnListItemResize"
  48. // NewVList creates and returns a pointer to a new vertical list panel
  49. // with the specified dimensions
  50. func NewVList(width, height float32) *List {
  51. return newList(true, width, height)
  52. }
  53. // NewHList creates and returns a pointer to a new horizontal list panel
  54. // with the specified dimensions
  55. func NewHList(width, height float32) *List {
  56. return newList(false, width, height)
  57. }
  58. // newList creates and returns a pointer to a new list panel
  59. // with the specified orientation and dimensions
  60. func newList(vert bool, width, height float32) *List {
  61. li := new(List)
  62. li.initialize(vert, width, height)
  63. return li
  64. }
  65. func (li *List) initialize(vert bool, width, height float32) {
  66. li.styles = &StyleDefault.List
  67. li.single = true
  68. li.Scroller.initialize(vert, width, height)
  69. li.Scroller.SetStyles(li.styles.Scroller)
  70. li.Scroller.adjustItem = true
  71. li.Scroller.Subscribe(OnMouseDown, li.onMouseEvent)
  72. li.Scroller.Subscribe(OnKeyDown, li.onKeyEvent)
  73. li.Scroller.Subscribe(OnKeyRepeat, li.onKeyEvent)
  74. if vert {
  75. li.keyNext = window.KeyDown
  76. li.keyPrev = window.KeyUp
  77. } else {
  78. li.keyNext = window.KeyRight
  79. li.keyPrev = window.KeyLeft
  80. }
  81. li.update()
  82. }
  83. // SetSingle sets the single/multiple selection flag of the list
  84. func (li *List) SetSingle(state bool) {
  85. li.single = state
  86. }
  87. // Single returns the current state of the single/multiple selection flag
  88. func (li *List) Single() bool {
  89. return li.single
  90. }
  91. // SetStyles set the listr styles overriding the default style
  92. func (li *List) SetStyles(s *ListStyles) {
  93. li.styles = s
  94. li.Scroller.SetStyles(li.styles.Scroller)
  95. li.update()
  96. }
  97. // Add add a list item at the end of the list
  98. func (li *List) Add(item IPanel) {
  99. li.InsertAt(len(li.items), item)
  100. }
  101. // InsertAt inserts a list item at the specified position
  102. // Returs true if the item was successfuly inserted
  103. func (li *List) InsertAt(pos int, item IPanel) {
  104. litem := newListItem(li, item)
  105. li.Scroller.InsertAt(pos, litem)
  106. litem.Panel.Subscribe(OnMouseDown, litem.onMouse)
  107. litem.Panel.Subscribe(OnCursorEnter, litem.onCursor)
  108. }
  109. // RemoveAt removes the list item from the specified position
  110. func (li *List) RemoveAt(pos int) IPanel {
  111. // Remove the list item from the internal scroller
  112. pan := li.Scroller.RemoveAt(pos)
  113. litem := pan.(*ListItem)
  114. // Remove item from the list item children and disposes of the list item panel
  115. item := litem.item
  116. litem.Remove(item)
  117. litem.Dispose()
  118. return item
  119. }
  120. // Remove removes the specified item from the list
  121. func (li *List) Remove(item IPanel) {
  122. for p, curr := range li.items {
  123. if curr.(*ListItem).item == item {
  124. li.RemoveAt(p)
  125. return
  126. }
  127. }
  128. }
  129. // ItemAt returns the list item at the specified position
  130. func (li *List) ItemAt(pos int) IPanel {
  131. item := li.Scroller.ItemAt(pos)
  132. if item == nil {
  133. return nil
  134. }
  135. litem := item.(*ListItem)
  136. return litem.item
  137. }
  138. // ItemPosition returns the position of the specified item in
  139. // the list or -1 if not found
  140. func (li *List) ItemPosition(item IPanel) int {
  141. for pos := 0; pos < len(li.items); pos++ {
  142. if li.items[pos].(*ListItem).item == item {
  143. return pos
  144. }
  145. }
  146. return -1
  147. }
  148. // Selected returns list with the currently selected items
  149. func (li *List) Selected() []IPanel {
  150. sel := []IPanel{}
  151. for _, item := range li.items {
  152. litem := item.(*ListItem)
  153. if litem.selected {
  154. sel = append(sel, litem.item)
  155. }
  156. }
  157. return sel
  158. }
  159. // Select selects or unselects the specified item
  160. func (li *List) SetSelected(item IPanel, state bool) {
  161. for _, curr := range li.items {
  162. litem := curr.(*ListItem)
  163. if litem.item == item {
  164. litem.SetSelected(state)
  165. li.update()
  166. li.Dispatch(OnChange, nil)
  167. return
  168. }
  169. }
  170. }
  171. // SelectPos selects or unselects the item at the specified position
  172. func (li *List) SelectPos(pos int, state bool) {
  173. if pos < 0 || pos >= len(li.items) {
  174. return
  175. }
  176. litem := li.items[pos].(*ListItem)
  177. if litem.selected == state {
  178. return
  179. }
  180. litem.SetSelected(state)
  181. li.update()
  182. li.Dispatch(OnChange, nil)
  183. }
  184. // SetItemPadLeftAt sets the additional left padding for this item
  185. // It is used mainly by the tree control
  186. func (li *List) SetItemPadLeftAt(pos int, pad float32) {
  187. if pos < 0 || pos >= len(li.items) {
  188. return
  189. }
  190. litem := li.items[pos].(*ListItem)
  191. litem.padLeft = pad
  192. litem.update()
  193. }
  194. // selNext selects or highlights the next item, if possible
  195. func (li *List) selNext(sel bool, update bool) *ListItem {
  196. // Checks for empty list
  197. if len(li.items) == 0 {
  198. return nil
  199. }
  200. // Find currently selected item
  201. var pos int
  202. if sel {
  203. pos = li.selected()
  204. } else {
  205. pos = li.highlighted()
  206. }
  207. var newItem *ListItem
  208. newSel := true
  209. // If no item found, returns first.
  210. if pos < 0 {
  211. newItem = li.items[0].(*ListItem)
  212. if sel {
  213. newItem.SetSelected(true)
  214. } else {
  215. newItem.SetHighlighted(true)
  216. }
  217. } else {
  218. item := li.items[pos].(*ListItem)
  219. // Item is not the last, get next
  220. if pos < len(li.items)-1 {
  221. newItem = li.items[pos+1].(*ListItem)
  222. if sel {
  223. item.SetSelected(false)
  224. newItem.SetSelected(true)
  225. } else {
  226. item.SetHighlighted(false)
  227. newItem.SetHighlighted(true)
  228. }
  229. if !li.ItemVisible(pos + 1) {
  230. li.ScrollDown()
  231. }
  232. // Item is the last, don't change
  233. } else {
  234. newItem = item
  235. newSel = false
  236. }
  237. }
  238. if update {
  239. li.update()
  240. }
  241. if sel && newSel {
  242. li.Dispatch(OnChange, nil)
  243. }
  244. return newItem
  245. }
  246. // selPrev selects or highlights the next item, if possible
  247. func (li *List) selPrev(sel bool, update bool) *ListItem {
  248. // Check for empty list
  249. if len(li.items) == 0 {
  250. return nil
  251. }
  252. // Find first selected item
  253. var pos int
  254. if sel {
  255. pos = li.selected()
  256. } else {
  257. pos = li.highlighted()
  258. }
  259. var newItem *ListItem
  260. newSel := true
  261. // If no item found, returns first.
  262. if pos < 0 {
  263. newItem = li.items[0].(*ListItem)
  264. if sel {
  265. newItem.SetSelected(true)
  266. } else {
  267. newItem.SetHighlighted(true)
  268. }
  269. } else {
  270. item := li.items[pos].(*ListItem)
  271. if pos == 0 {
  272. newItem = item
  273. newSel = false
  274. } else {
  275. newItem = li.items[pos-1].(*ListItem)
  276. if sel {
  277. item.SetSelected(false)
  278. newItem.SetSelected(true)
  279. } else {
  280. item.SetHighlighted(false)
  281. newItem.SetHighlighted(true)
  282. }
  283. if (pos - 1) < li.first {
  284. li.ScrollUp()
  285. }
  286. }
  287. }
  288. if update {
  289. li.update()
  290. }
  291. if sel && newSel {
  292. li.Dispatch(OnChange, nil)
  293. }
  294. return newItem
  295. }
  296. // selected returns the position of first selected item
  297. func (li *List) selected() (pos int) {
  298. for pos, item := range li.items {
  299. if item.(*ListItem).selected {
  300. return pos
  301. }
  302. }
  303. return -1
  304. }
  305. // highlighted returns the position of first highlighted item
  306. func (li *List) highlighted() (pos int) {
  307. for pos, item := range li.items {
  308. if item.(*ListItem).highlighted {
  309. return pos
  310. }
  311. }
  312. return -1
  313. }
  314. // onMouseEvent receives subscribed mouse events for the list
  315. func (li *List) onMouseEvent(evname string, ev interface{}) {
  316. li.root.SetKeyFocus(li)
  317. li.root.StopPropagation(StopAll)
  318. }
  319. // onKeyEvent receives subscribed key events for the list
  320. func (li *List) onKeyEvent(evname string, ev interface{}) {
  321. kev := ev.(*window.KeyEvent)
  322. // Dropdown mode
  323. if li.dropdown {
  324. switch kev.Keycode {
  325. case li.keyNext:
  326. li.selNext(true, true)
  327. case li.keyPrev:
  328. li.selPrev(true, true)
  329. case window.KeyEnter:
  330. li.SetVisible(false)
  331. default:
  332. return
  333. }
  334. li.root.StopPropagation(Stop3D)
  335. return
  336. }
  337. // Listbox mode single selection
  338. if li.single {
  339. switch kev.Keycode {
  340. case li.keyNext:
  341. li.selNext(true, true)
  342. case li.keyPrev:
  343. li.selPrev(true, true)
  344. default:
  345. return
  346. }
  347. li.root.StopPropagation(Stop3D)
  348. return
  349. }
  350. // Listbox mode multiple selection
  351. switch kev.Keycode {
  352. case li.keyNext:
  353. li.selNext(false, true)
  354. case li.keyPrev:
  355. li.selPrev(false, true)
  356. case window.KeySpace:
  357. pos := li.highlighted()
  358. if pos >= 0 {
  359. litem := li.items[pos].(*ListItem)
  360. li.setSelection(litem, !litem.selected, true, true)
  361. }
  362. default:
  363. return
  364. }
  365. li.root.StopPropagation(Stop3D)
  366. }
  367. // setSelection sets the selected state of the specified item
  368. // updating the visual appearance of the list if necessary
  369. func (li *List) setSelection(litem *ListItem, state bool, force bool, dispatch bool) {
  370. // If already at this state, nothing to do
  371. if litem.selected == state && !force {
  372. return
  373. }
  374. litem.SetSelected(state)
  375. // If single selection, deselects all other items
  376. if li.single {
  377. for _, curr := range li.items {
  378. if curr.(*ListItem) != litem {
  379. curr.(*ListItem).SetSelected(false)
  380. }
  381. }
  382. }
  383. li.update()
  384. if dispatch {
  385. li.Dispatch(OnChange, nil)
  386. }
  387. }
  388. // update updates the visual state the list and its items
  389. func (li *List) update() {
  390. // Update the list items styles
  391. for _, item := range li.items {
  392. item.(*ListItem).update()
  393. }
  394. }
  395. //
  396. // ListItem methods
  397. //
  398. func newListItem(list *List, item IPanel) *ListItem {
  399. litem := new(ListItem)
  400. litem.Panel.Initialize(0, 0)
  401. litem.item = item
  402. litem.list = list
  403. litem.Panel.Add(item)
  404. litem.SetContentWidth(item.GetPanel().Width())
  405. litem.SetContentHeight(item.GetPanel().Height())
  406. // If this list item is resized, sends event to its child panel
  407. litem.Subscribe(OnResize, func(evname string, ev interface{}) {
  408. item.GetPanel().Dispatch(OnListItemResize, nil)
  409. })
  410. litem.update()
  411. return litem
  412. }
  413. // onMouse receives mouse button events over the list item
  414. func (litem *ListItem) onMouse(evname string, ev interface{}) {
  415. if litem.list.single {
  416. litem.list.setSelection(litem, true, true, true)
  417. } else {
  418. litem.list.setSelection(litem, !litem.selected, true, true)
  419. }
  420. }
  421. // onCursor receives subscribed cursor events over the list item
  422. func (litem *ListItem) onCursor(evname string, ev interface{}) {
  423. if litem.list.dropdown {
  424. litem.list.setSelection(litem, true, true, false)
  425. return
  426. }
  427. }
  428. // setSelected sets this item selected state
  429. func (litem *ListItem) SetSelected(state bool) {
  430. litem.selected = state
  431. //litem.item.SetSelected2(state)
  432. }
  433. // setHighlighted sets this item selected state
  434. func (litem *ListItem) SetHighlighted(state bool) {
  435. litem.highlighted = state
  436. //litem.item.SetHighlighted2(state)
  437. }
  438. // updates the list item visual style accordingly to its current state
  439. func (litem *ListItem) update() {
  440. list := litem.list
  441. if litem.selected && !litem.highlighted {
  442. litem.applyStyle(&list.styles.Item.Selected)
  443. return
  444. }
  445. if !litem.selected && litem.highlighted {
  446. litem.applyStyle(&list.styles.Item.Highlighted)
  447. return
  448. }
  449. if litem.selected && litem.highlighted {
  450. litem.applyStyle(&list.styles.Item.SelHigh)
  451. return
  452. }
  453. litem.applyStyle(&list.styles.Item.Normal)
  454. }
  455. // applyStyle applies the specified style to this ListItem
  456. func (litem *ListItem) applyStyle(s *ListItemStyle) {
  457. litem.SetBordersFrom(&s.Border)
  458. litem.SetBordersColor4(&s.BorderColor)
  459. pads := s.Paddings
  460. pads.Left += litem.padLeft
  461. litem.SetPaddingsFrom(&pads)
  462. litem.SetColor4(&s.BgColor)
  463. }