list.go 12 KB

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