list.go 12 KB

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