| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255 |
- package widget
- import (
- "fyne.io/fyne/v2"
- "fyne.io/fyne/v2/canvas"
- "fyne.io/fyne/v2/internal/widget"
- "fyne.io/fyne/v2/theme"
- )
- var _ fyne.Widget = (*Accordion)(nil)
- // Accordion displays a list of AccordionItems.
- // Each item is represented by a button that reveals a detailed view when tapped.
- type Accordion struct {
- BaseWidget
- Items []*AccordionItem
- MultiOpen bool
- }
- // NewAccordion creates a new accordion widget.
- func NewAccordion(items ...*AccordionItem) *Accordion {
- a := &Accordion{
- Items: items,
- }
- a.ExtendBaseWidget(a)
- return a
- }
- // Append adds the given item to this Accordion.
- func (a *Accordion) Append(item *AccordionItem) {
- a.Items = append(a.Items, item)
- a.Refresh()
- }
- // Close collapses the item at the given index.
- func (a *Accordion) Close(index int) {
- if index < 0 || index >= len(a.Items) {
- return
- }
- a.Items[index].Open = false
- a.Refresh()
- }
- // CloseAll collapses all items.
- func (a *Accordion) CloseAll() {
- for _, i := range a.Items {
- i.Open = false
- }
- a.Refresh()
- }
- // CreateRenderer is a private method to Fyne which links this widget to its renderer
- func (a *Accordion) CreateRenderer() fyne.WidgetRenderer {
- a.ExtendBaseWidget(a)
- r := &accordionRenderer{
- container: a,
- }
- r.updateObjects()
- return r
- }
- // MinSize returns the size that this widget should not shrink below.
- func (a *Accordion) MinSize() fyne.Size {
- a.ExtendBaseWidget(a)
- return a.BaseWidget.MinSize()
- }
- // Open expands the item at the given index.
- func (a *Accordion) Open(index int) {
- if index < 0 || index >= len(a.Items) {
- return
- }
- for i, ai := range a.Items {
- if i == index {
- ai.Open = true
- } else if !a.MultiOpen {
- ai.Open = false
- }
- }
- a.Refresh()
- }
- // OpenAll expands all items.
- func (a *Accordion) OpenAll() {
- if !a.MultiOpen {
- return
- }
- for _, i := range a.Items {
- i.Open = true
- }
- a.Refresh()
- }
- // Remove deletes the given item from this Accordion.
- func (a *Accordion) Remove(item *AccordionItem) {
- for i, ai := range a.Items {
- if ai == item {
- a.RemoveIndex(i)
- break
- }
- }
- }
- // RemoveIndex deletes the item at the given index from this Accordion.
- func (a *Accordion) RemoveIndex(index int) {
- if index < 0 || index >= len(a.Items) {
- return
- }
- a.Items = append(a.Items[:index], a.Items[index+1:]...)
- a.Refresh()
- }
- type accordionRenderer struct {
- widget.BaseRenderer
- container *Accordion
- headers []*Button
- dividers []fyne.CanvasObject
- }
- func (r *accordionRenderer) Layout(size fyne.Size) {
- dividerOff := (theme.Padding() + theme.SeparatorThicknessSize()) / 2
- x := float32(0)
- y := float32(0)
- for i, ai := range r.container.Items {
- if i != 0 {
- div := r.dividers[i-1]
- div.Move(fyne.NewPos(x, y-dividerOff))
- div.Resize(fyne.NewSize(size.Width, theme.SeparatorThicknessSize()))
- }
- h := r.headers[i]
- h.Move(fyne.NewPos(x, y))
- min := h.MinSize().Height
- h.Resize(fyne.NewSize(size.Width, min))
- y += min
- if ai.Open {
- d := ai.Detail
- d.Move(fyne.NewPos(x, y))
- min := d.MinSize().Height
- d.Resize(fyne.NewSize(size.Width, min))
- y += min
- }
- if i < len(r.container.Items)-1 {
- y += theme.Padding()
- }
- }
- }
- func (r *accordionRenderer) MinSize() (size fyne.Size) {
- for i, ai := range r.container.Items {
- if i != 0 {
- size.Height += theme.Padding()
- }
- min := r.headers[i].MinSize()
- size.Width = fyne.Max(size.Width, min.Width)
- size.Height += min.Height
- min = ai.Detail.MinSize()
- size.Width = fyne.Max(size.Width, min.Width)
- if ai.Open {
- size.Height += min.Height
- size.Height += theme.Padding()
- }
- }
- return
- }
- func (r *accordionRenderer) Refresh() {
- r.updateObjects()
- r.Layout(r.container.Size())
- canvas.Refresh(r.container)
- }
- func (r *accordionRenderer) updateObjects() {
- is := len(r.container.Items)
- hs := len(r.headers)
- ds := len(r.dividers)
- i := 0
- for ; i < is; i++ {
- ai := r.container.Items[i]
- var h *Button
- if i < hs {
- h = r.headers[i]
- h.Show()
- } else {
- h = &Button{}
- r.headers = append(r.headers, h)
- hs++
- }
- h.Alignment = ButtonAlignLeading
- h.IconPlacement = ButtonIconLeadingText
- h.Hidden = false
- h.Importance = LowImportance
- h.Text = ai.Title
- index := i // capture
- h.OnTapped = func() {
- if ai.Open {
- r.container.Close(index)
- } else {
- r.container.Open(index)
- }
- }
- if ai.Open {
- h.Icon = theme.MenuDropUpIcon()
- ai.Detail.Show()
- } else {
- h.Icon = theme.MenuDropDownIcon()
- ai.Detail.Hide()
- }
- h.Refresh()
- }
- // Hide extras
- for ; i < hs; i++ {
- r.headers[i].Hide()
- }
- // Set objects
- objects := make([]fyne.CanvasObject, hs+is+ds)
- for i, header := range r.headers {
- objects[i] = header
- }
- for i, item := range r.container.Items {
- objects[hs+i] = item.Detail
- }
- // add dividers
- for i = 0; i < ds; i++ {
- if i < len(r.container.Items)-1 {
- r.dividers[i].Show()
- } else {
- r.dividers[i].Hide()
- }
- objects[hs+is+i] = r.dividers[i]
- }
- // make new dividers
- for ; i < is-1; i++ {
- div := NewSeparator()
- r.dividers = append(r.dividers, div)
- objects = append(objects, div)
- }
- r.SetObjects(objects)
- }
- // AccordionItem represents a single item in an Acc rdion.
- type AccordionItem struct {
- Title string
- Detail fyne.CanvasObject
- Open bool
- }
- // NewAccordionItem creates a new item for an Accordion.
- func NewAccordionItem(title string, detail fyne.CanvasObject) *AccordionItem {
- return &AccordionItem{
- Title: title,
- Detail: detail,
- }
- }
|