doctabs.go 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485
  1. package container
  2. import (
  3. "image/color"
  4. "fyne.io/fyne/v2"
  5. "fyne.io/fyne/v2/canvas"
  6. "fyne.io/fyne/v2/layout"
  7. "fyne.io/fyne/v2/theme"
  8. "fyne.io/fyne/v2/widget"
  9. )
  10. // Declare conformity with Widget interface.
  11. var _ fyne.Widget = (*DocTabs)(nil)
  12. // DocTabs container is used to display various pieces of content identified by tabs.
  13. // The tabs contain text and/or an icon and allow the user to switch between the content specified in each TabItem.
  14. // Each item is represented by a button at the edge of the container.
  15. //
  16. // Since: 2.1
  17. type DocTabs struct {
  18. widget.BaseWidget
  19. Items []*TabItem
  20. CreateTab func() *TabItem
  21. CloseIntercept func(*TabItem)
  22. OnClosed func(*TabItem)
  23. OnSelected func(*TabItem)
  24. OnUnselected func(*TabItem)
  25. current int
  26. location TabLocation
  27. isTransitioning bool
  28. popUpMenu *widget.PopUpMenu
  29. }
  30. // NewDocTabs creates a new tab container that allows the user to choose between various pieces of content.
  31. //
  32. // Since: 2.1
  33. func NewDocTabs(items ...*TabItem) *DocTabs {
  34. tabs := &DocTabs{}
  35. tabs.ExtendBaseWidget(tabs)
  36. tabs.SetItems(items)
  37. return tabs
  38. }
  39. // Append adds a new TabItem to the end of the tab bar.
  40. func (t *DocTabs) Append(item *TabItem) {
  41. t.SetItems(append(t.Items, item))
  42. }
  43. // CreateRenderer is a private method to Fyne which links this widget to its renderer
  44. //
  45. // Implements: fyne.Widget
  46. func (t *DocTabs) CreateRenderer() fyne.WidgetRenderer {
  47. t.ExtendBaseWidget(t)
  48. r := &docTabsRenderer{
  49. baseTabsRenderer: baseTabsRenderer{
  50. bar: &fyne.Container{},
  51. divider: canvas.NewRectangle(theme.ShadowColor()),
  52. indicator: canvas.NewRectangle(theme.PrimaryColor()),
  53. },
  54. docTabs: t,
  55. scroller: NewScroll(&fyne.Container{}),
  56. }
  57. r.action = r.buildAllTabsButton()
  58. r.create = r.buildCreateTabsButton()
  59. r.box = NewHBox(r.create, r.action)
  60. r.scroller.OnScrolled = func(offset fyne.Position) {
  61. r.updateIndicator(false)
  62. }
  63. r.updateAllTabs()
  64. r.updateCreateTab()
  65. r.updateTabs()
  66. r.updateIndicator(false)
  67. r.applyTheme(t)
  68. return r
  69. }
  70. // DisableIndex disables the TabItem at the specified index.
  71. //
  72. // Since: 2.3
  73. func (t *DocTabs) DisableIndex(i int) {
  74. disableIndex(t, i)
  75. }
  76. // DisableItem disables the specified TabItem.
  77. //
  78. // Since: 2.3
  79. func (t *DocTabs) DisableItem(item *TabItem) {
  80. disableItem(t, item)
  81. }
  82. // EnableIndex enables the TabItem at the specified index.
  83. //
  84. // Since: 2.3
  85. func (t *DocTabs) EnableIndex(i int) {
  86. enableIndex(t, i)
  87. }
  88. // EnableItem enables the specified TabItem.
  89. //
  90. // Since: 2.3
  91. func (t *DocTabs) EnableItem(item *TabItem) {
  92. enableItem(t, item)
  93. }
  94. // Hide hides the widget.
  95. //
  96. // Implements: fyne.CanvasObject
  97. func (t *DocTabs) Hide() {
  98. if t.popUpMenu != nil {
  99. t.popUpMenu.Hide()
  100. t.popUpMenu = nil
  101. }
  102. t.BaseWidget.Hide()
  103. }
  104. // MinSize returns the size that this widget should not shrink below
  105. //
  106. // Implements: fyne.CanvasObject
  107. func (t *DocTabs) MinSize() fyne.Size {
  108. t.ExtendBaseWidget(t)
  109. return t.BaseWidget.MinSize()
  110. }
  111. // Remove tab by value.
  112. func (t *DocTabs) Remove(item *TabItem) {
  113. removeItem(t, item)
  114. t.Refresh()
  115. }
  116. // RemoveIndex removes tab by index.
  117. func (t *DocTabs) RemoveIndex(index int) {
  118. removeIndex(t, index)
  119. t.Refresh()
  120. }
  121. // Select sets the specified TabItem to be selected and its content visible.
  122. func (t *DocTabs) Select(item *TabItem) {
  123. selectItem(t, item)
  124. t.Refresh()
  125. }
  126. // SelectIndex sets the TabItem at the specific index to be selected and its content visible.
  127. func (t *DocTabs) SelectIndex(index int) {
  128. selectIndex(t, index)
  129. t.Refresh()
  130. }
  131. // Selected returns the currently selected TabItem.
  132. func (t *DocTabs) Selected() *TabItem {
  133. return selected(t)
  134. }
  135. // SelectedIndex returns the index of the currently selected TabItem.
  136. func (t *DocTabs) SelectedIndex() int {
  137. return t.current
  138. }
  139. // SetItems sets the containers items and refreshes.
  140. func (t *DocTabs) SetItems(items []*TabItem) {
  141. setItems(t, items)
  142. t.Refresh()
  143. }
  144. // SetTabLocation sets the location of the tab bar
  145. func (t *DocTabs) SetTabLocation(l TabLocation) {
  146. t.location = tabsAdjustedLocation(l)
  147. t.Refresh()
  148. }
  149. // Show this widget, if it was previously hidden
  150. //
  151. // Implements: fyne.CanvasObject
  152. func (t *DocTabs) Show() {
  153. t.BaseWidget.Show()
  154. t.SelectIndex(t.current)
  155. t.Refresh()
  156. }
  157. func (t *DocTabs) close(item *TabItem) {
  158. if f := t.CloseIntercept; f != nil {
  159. f(item)
  160. } else {
  161. t.Remove(item)
  162. if f := t.OnClosed; f != nil {
  163. f(item)
  164. }
  165. }
  166. }
  167. func (t *DocTabs) onUnselected() func(*TabItem) {
  168. return t.OnUnselected
  169. }
  170. func (t *DocTabs) onSelected() func(*TabItem) {
  171. return t.OnSelected
  172. }
  173. func (t *DocTabs) items() []*TabItem {
  174. return t.Items
  175. }
  176. func (t *DocTabs) selected() int {
  177. return t.current
  178. }
  179. func (t *DocTabs) setItems(items []*TabItem) {
  180. t.Items = items
  181. }
  182. func (t *DocTabs) setSelected(selected int) {
  183. t.current = selected
  184. }
  185. func (t *DocTabs) setTransitioning(transitioning bool) {
  186. t.isTransitioning = transitioning
  187. }
  188. func (t *DocTabs) tabLocation() TabLocation {
  189. return t.location
  190. }
  191. func (t *DocTabs) transitioning() bool {
  192. return t.isTransitioning
  193. }
  194. // Declare conformity with WidgetRenderer interface.
  195. var _ fyne.WidgetRenderer = (*docTabsRenderer)(nil)
  196. type docTabsRenderer struct {
  197. baseTabsRenderer
  198. docTabs *DocTabs
  199. scroller *Scroll
  200. box *fyne.Container
  201. create *widget.Button
  202. lastSelected int
  203. }
  204. func (r *docTabsRenderer) Layout(size fyne.Size) {
  205. r.updateAllTabs()
  206. r.updateCreateTab()
  207. r.updateTabs()
  208. r.layout(r.docTabs, size)
  209. r.updateIndicator(r.docTabs.transitioning())
  210. if r.docTabs.transitioning() {
  211. r.docTabs.setTransitioning(false)
  212. }
  213. }
  214. func (r *docTabsRenderer) MinSize() fyne.Size {
  215. return r.minSize(r.docTabs)
  216. }
  217. func (r *docTabsRenderer) Objects() []fyne.CanvasObject {
  218. return r.objects(r.docTabs)
  219. }
  220. func (r *docTabsRenderer) Refresh() {
  221. r.Layout(r.docTabs.Size())
  222. if c := r.docTabs.current; c != r.lastSelected {
  223. if c >= 0 && c < len(r.docTabs.Items) {
  224. r.scrollToSelected()
  225. }
  226. r.lastSelected = c
  227. }
  228. r.refresh(r.docTabs)
  229. canvas.Refresh(r.docTabs)
  230. }
  231. func (r *docTabsRenderer) buildAllTabsButton() (all *widget.Button) {
  232. all = &widget.Button{Importance: widget.LowImportance, OnTapped: func() {
  233. // Show pop up containing all tabs
  234. items := make([]*fyne.MenuItem, len(r.docTabs.Items))
  235. for i := 0; i < len(r.docTabs.Items); i++ {
  236. index := i // capture
  237. // FIXME MenuItem doesn't support icons (#1752)
  238. items[i] = fyne.NewMenuItem(r.docTabs.Items[i].Text, func() {
  239. r.docTabs.SelectIndex(index)
  240. if r.docTabs.popUpMenu != nil {
  241. r.docTabs.popUpMenu.Hide()
  242. r.docTabs.popUpMenu = nil
  243. }
  244. })
  245. items[i].Checked = index == r.docTabs.current
  246. }
  247. r.docTabs.popUpMenu = buildPopUpMenu(r.docTabs, all, items)
  248. }}
  249. return all
  250. }
  251. func (r *docTabsRenderer) buildCreateTabsButton() *widget.Button {
  252. create := widget.NewButton("", func() {
  253. if f := r.docTabs.CreateTab; f != nil {
  254. if tab := f(); tab != nil {
  255. r.docTabs.Append(tab)
  256. r.docTabs.SelectIndex(len(r.docTabs.Items) - 1)
  257. }
  258. }
  259. })
  260. create.Importance = widget.LowImportance
  261. return create
  262. }
  263. func (r *docTabsRenderer) buildTabButtons(count int, buttons *fyne.Container) {
  264. buttons.Objects = nil
  265. var iconPos buttonIconPosition
  266. if fyne.CurrentDevice().IsMobile() {
  267. cells := count
  268. if cells == 0 {
  269. cells = 1
  270. }
  271. if r.docTabs.location == TabLocationTop || r.docTabs.location == TabLocationBottom {
  272. buttons.Layout = layout.NewGridLayoutWithColumns(cells)
  273. } else {
  274. buttons.Layout = layout.NewGridLayoutWithRows(cells)
  275. }
  276. iconPos = buttonIconTop
  277. } else if r.docTabs.location == TabLocationLeading || r.docTabs.location == TabLocationTrailing {
  278. buttons.Layout = layout.NewVBoxLayout()
  279. iconPos = buttonIconTop
  280. } else {
  281. buttons.Layout = layout.NewHBoxLayout()
  282. iconPos = buttonIconInline
  283. }
  284. for i := 0; i < count; i++ {
  285. item := r.docTabs.Items[i]
  286. if item.button == nil {
  287. item.button = &tabButton{
  288. onTapped: func() { r.docTabs.Select(item) },
  289. onClosed: func() { r.docTabs.close(item) },
  290. }
  291. }
  292. button := item.button
  293. button.icon = item.Icon
  294. button.iconPosition = iconPos
  295. if i == r.docTabs.current {
  296. button.importance = widget.HighImportance
  297. } else {
  298. button.importance = widget.MediumImportance
  299. }
  300. button.text = item.Text
  301. button.textAlignment = fyne.TextAlignLeading
  302. button.Refresh()
  303. buttons.Objects = append(buttons.Objects, button)
  304. }
  305. }
  306. func (r *docTabsRenderer) scrollToSelected() {
  307. buttons := r.scroller.Content.(*fyne.Container)
  308. button := buttons.Objects[r.docTabs.current]
  309. pos := button.Position()
  310. size := button.Size()
  311. offset := r.scroller.Offset
  312. viewport := r.scroller.Size()
  313. if r.docTabs.location == TabLocationLeading || r.docTabs.location == TabLocationTrailing {
  314. if pos.Y < offset.Y {
  315. offset.Y = pos.Y
  316. } else if pos.Y+size.Height > offset.Y+viewport.Height {
  317. offset.Y = pos.Y + size.Height - viewport.Height
  318. }
  319. } else {
  320. if pos.X < offset.X {
  321. offset.X = pos.X
  322. } else if pos.X+size.Width > offset.X+viewport.Width {
  323. offset.X = pos.X + size.Width - viewport.Width
  324. }
  325. }
  326. r.scroller.Offset = offset
  327. r.updateIndicator(false)
  328. }
  329. func (r *docTabsRenderer) updateIndicator(animate bool) {
  330. if r.docTabs.current < 0 {
  331. r.indicator.FillColor = color.Transparent
  332. r.indicator.Refresh()
  333. return
  334. }
  335. var selectedPos fyne.Position
  336. var selectedSize fyne.Size
  337. buttons := r.scroller.Content.(*fyne.Container).Objects
  338. if r.docTabs.current >= len(buttons) {
  339. if a := r.action; a != nil {
  340. selectedPos = a.Position()
  341. selectedSize = a.Size()
  342. minSize := a.MinSize()
  343. if minSize.Width > selectedSize.Width {
  344. selectedSize = minSize
  345. }
  346. }
  347. } else {
  348. selected := buttons[r.docTabs.current]
  349. selectedPos = selected.Position()
  350. selectedSize = selected.Size()
  351. minSize := selected.MinSize()
  352. if minSize.Width > selectedSize.Width {
  353. selectedSize = minSize
  354. }
  355. }
  356. scrollOffset := r.scroller.Offset
  357. scrollSize := r.scroller.Size()
  358. var indicatorPos fyne.Position
  359. var indicatorSize fyne.Size
  360. switch r.docTabs.location {
  361. case TabLocationTop:
  362. indicatorPos = fyne.NewPos(selectedPos.X-scrollOffset.X, r.bar.MinSize().Height)
  363. indicatorSize = fyne.NewSize(fyne.Min(selectedSize.Width, scrollSize.Width-indicatorPos.X), theme.Padding())
  364. case TabLocationLeading:
  365. indicatorPos = fyne.NewPos(r.bar.MinSize().Width, selectedPos.Y-scrollOffset.Y)
  366. indicatorSize = fyne.NewSize(theme.Padding(), fyne.Min(selectedSize.Height, scrollSize.Height-indicatorPos.Y))
  367. case TabLocationBottom:
  368. indicatorPos = fyne.NewPos(selectedPos.X-scrollOffset.X, r.bar.Position().Y-theme.Padding())
  369. indicatorSize = fyne.NewSize(fyne.Min(selectedSize.Width, scrollSize.Width-indicatorPos.X), theme.Padding())
  370. case TabLocationTrailing:
  371. indicatorPos = fyne.NewPos(r.bar.Position().X-theme.Padding(), selectedPos.Y-scrollOffset.Y)
  372. indicatorSize = fyne.NewSize(theme.Padding(), fyne.Min(selectedSize.Height, scrollSize.Height-indicatorPos.Y))
  373. }
  374. if indicatorPos.X < 0 {
  375. indicatorSize.Width = indicatorSize.Width + indicatorPos.X
  376. indicatorPos.X = 0
  377. }
  378. if indicatorPos.Y < 0 {
  379. indicatorSize.Height = indicatorSize.Height + indicatorPos.Y
  380. indicatorPos.Y = 0
  381. }
  382. if indicatorSize.Width < 0 || indicatorSize.Height < 0 {
  383. r.indicator.FillColor = color.Transparent
  384. r.indicator.Refresh()
  385. return
  386. }
  387. r.moveIndicator(indicatorPos, indicatorSize, animate)
  388. }
  389. func (r *docTabsRenderer) updateAllTabs() {
  390. if len(r.docTabs.Items) > 0 {
  391. r.action.Show()
  392. } else {
  393. r.action.Hide()
  394. }
  395. }
  396. func (r *docTabsRenderer) updateCreateTab() {
  397. if r.docTabs.CreateTab != nil {
  398. r.create.SetIcon(theme.ContentAddIcon())
  399. r.create.Show()
  400. } else {
  401. r.create.Hide()
  402. }
  403. }
  404. func (r *docTabsRenderer) updateTabs() {
  405. tabCount := len(r.docTabs.Items)
  406. r.buildTabButtons(tabCount, r.scroller.Content.(*fyne.Container))
  407. // Set layout of tab bar containing tab buttons and overflow action
  408. if r.docTabs.location == TabLocationLeading || r.docTabs.location == TabLocationTrailing {
  409. r.bar.Layout = layout.NewBorderLayout(nil, r.box, nil, nil)
  410. r.scroller.Direction = ScrollVerticalOnly
  411. } else {
  412. r.bar.Layout = layout.NewBorderLayout(nil, nil, nil, r.box)
  413. r.scroller.Direction = ScrollHorizontalOnly
  414. }
  415. r.bar.Objects = []fyne.CanvasObject{r.scroller, r.box}
  416. r.bar.Refresh()
  417. }