2017-12-15 14:29:21 +00:00
|
|
|
package tview
|
|
|
|
|
2017-12-27 21:55:50 +00:00
|
|
|
import (
|
|
|
|
"github.com/gdamore/tcell"
|
|
|
|
)
|
2017-12-15 14:29:21 +00:00
|
|
|
|
|
|
|
// Configuration values.
|
|
|
|
const (
|
|
|
|
FlexRow = iota
|
|
|
|
FlexColumn
|
|
|
|
)
|
|
|
|
|
2017-12-16 21:48:26 +00:00
|
|
|
// flexItem holds layout options for one item.
|
|
|
|
type flexItem struct {
|
2018-02-06 11:30:52 +00:00
|
|
|
Item Primitive // The item to be positioned. May be nil for an empty item.
|
2017-12-26 20:49:11 +00:00
|
|
|
FixedSize int // The item's fixed size which may not be changed, 0 if it has no fixed size.
|
|
|
|
Proportion int // The item's proportion.
|
2017-12-27 21:27:42 +00:00
|
|
|
Focus bool // Whether or not this item attracts the layout's focus.
|
2017-12-15 14:29:21 +00:00
|
|
|
}
|
|
|
|
|
2018-02-15 17:35:27 +00:00
|
|
|
// Flex is a basic implementation of the Flexbox layout. The contained
|
|
|
|
// primitives are arranged horizontally or vertically. The way they are
|
|
|
|
// distributed along that dimension depends on their layout settings, which is
|
|
|
|
// either a fixed length or a proportional length. See AddItem() for details.
|
2018-01-07 15:39:06 +00:00
|
|
|
//
|
|
|
|
// See https://github.com/rivo/tview/wiki/Flex for an example.
|
2017-12-15 14:29:21 +00:00
|
|
|
type Flex struct {
|
2017-12-20 19:54:49 +00:00
|
|
|
*Box
|
|
|
|
|
|
|
|
// The items to be positioned.
|
2018-06-09 20:16:38 +00:00
|
|
|
items []*flexItem
|
2017-12-20 19:54:49 +00:00
|
|
|
|
|
|
|
// FlexRow or FlexColumn.
|
|
|
|
direction int
|
|
|
|
|
2018-05-02 15:02:52 +00:00
|
|
|
// If set to true, Flex will use the entire screen as its available space
|
|
|
|
// instead its box dimensions.
|
2017-12-20 19:54:49 +00:00
|
|
|
fullScreen bool
|
2017-12-15 14:29:21 +00:00
|
|
|
}
|
|
|
|
|
2018-02-15 17:35:27 +00:00
|
|
|
// NewFlex returns a new flexbox layout container with no primitives and its
|
|
|
|
// direction set to FlexColumn. To add primitives to this layout, see AddItem().
|
|
|
|
// To change the direction, see SetDirection().
|
2018-05-02 15:02:52 +00:00
|
|
|
//
|
|
|
|
// Note that Box, the superclass of Flex, will have its background color set to
|
|
|
|
// transparent so that any nil flex items will leave their background unchanged.
|
|
|
|
// To clear a Flex's background before any items are drawn, set it to the
|
|
|
|
// desired color:
|
|
|
|
//
|
|
|
|
// flex.SetBackgroundColor(tview.Styles.PrimitiveBackgroundColor)
|
2017-12-20 19:54:49 +00:00
|
|
|
func NewFlex() *Flex {
|
|
|
|
f := &Flex{
|
2018-05-02 15:02:52 +00:00
|
|
|
Box: NewBox().SetBackgroundColor(tcell.ColorDefault),
|
2017-12-20 19:54:49 +00:00
|
|
|
direction: FlexColumn,
|
2017-12-15 14:29:21 +00:00
|
|
|
}
|
2017-12-20 19:54:49 +00:00
|
|
|
f.focus = f
|
|
|
|
return f
|
|
|
|
}
|
|
|
|
|
|
|
|
// SetDirection sets the direction in which the contained primitives are
|
|
|
|
// distributed. This can be either FlexColumn (default) or FlexRow.
|
|
|
|
func (f *Flex) SetDirection(direction int) *Flex {
|
|
|
|
f.direction = direction
|
|
|
|
return f
|
|
|
|
}
|
|
|
|
|
|
|
|
// SetFullScreen sets the flag which, when true, causes the flex layout to use
|
|
|
|
// the entire screen space instead of whatever size it is currently assigned to.
|
|
|
|
func (f *Flex) SetFullScreen(fullScreen bool) *Flex {
|
|
|
|
f.fullScreen = fullScreen
|
|
|
|
return f
|
2017-12-15 14:29:21 +00:00
|
|
|
}
|
|
|
|
|
2017-12-26 20:49:11 +00:00
|
|
|
// AddItem adds a new item to the container. The "fixedSize" argument is a width
|
|
|
|
// or height that may not be changed by the layout algorithm. A value of 0 means
|
|
|
|
// that its size is flexible and may be changed. The "proportion" argument
|
|
|
|
// defines the relative size of the item compared to other flexible-size items.
|
|
|
|
// For example, items with a proportion of 2 will be twice as large as items
|
2018-04-19 15:49:26 +00:00
|
|
|
// with a proportion of 1. The proportion must be at least 1 if fixedSize == 0
|
|
|
|
// (ignored otherwise).
|
2017-12-27 21:27:42 +00:00
|
|
|
//
|
|
|
|
// If "focus" is set to true, the item will receive focus when the Flex
|
|
|
|
// primitive receives focus. If multiple items have the "focus" flag set to
|
|
|
|
// true, the first one will receive focus.
|
2018-02-06 11:30:52 +00:00
|
|
|
//
|
|
|
|
// You can provide a nil value for the primitive. This will still consume screen
|
|
|
|
// space but nothing will be drawn.
|
2017-12-27 21:27:42 +00:00
|
|
|
func (f *Flex) AddItem(item Primitive, fixedSize, proportion int, focus bool) *Flex {
|
2018-06-09 20:16:38 +00:00
|
|
|
f.items = append(f.items, &flexItem{Item: item, FixedSize: fixedSize, Proportion: proportion, Focus: focus})
|
2017-12-15 14:29:21 +00:00
|
|
|
return f
|
|
|
|
}
|
|
|
|
|
2018-03-02 16:07:46 +00:00
|
|
|
// RemoveItem removes all items for the given primitive from the container,
|
|
|
|
// keeping the order of the remaining items intact.
|
|
|
|
func (f *Flex) RemoveItem(p Primitive) *Flex {
|
|
|
|
for index := len(f.items) - 1; index >= 0; index-- {
|
|
|
|
if f.items[index].Item == p {
|
|
|
|
f.items = append(f.items[:index], f.items[index+1:]...)
|
|
|
|
}
|
|
|
|
}
|
|
|
|
return f
|
|
|
|
}
|
|
|
|
|
2018-06-07 12:19:25 +00:00
|
|
|
// ResizeItem sets a new size for the item(s) with the given primitive. If there
|
|
|
|
// are multiple Flex items with the same primitive, they will all receive the
|
|
|
|
// same size. For details regarding the size parameters, see AddItem().
|
|
|
|
func (f *Flex) ResizeItem(p Primitive, fixedSize, proportion int) *Flex {
|
|
|
|
for _, item := range f.items {
|
|
|
|
if item.Item == p {
|
|
|
|
item.FixedSize = fixedSize
|
|
|
|
item.Proportion = proportion
|
|
|
|
}
|
|
|
|
}
|
|
|
|
return f
|
|
|
|
}
|
|
|
|
|
2017-12-15 14:29:21 +00:00
|
|
|
// Draw draws this primitive onto the screen.
|
|
|
|
func (f *Flex) Draw(screen tcell.Screen) {
|
2018-05-15 14:37:51 +00:00
|
|
|
f.Box.Draw(screen)
|
|
|
|
|
2017-12-15 14:29:21 +00:00
|
|
|
// Calculate size and position of the items.
|
|
|
|
|
2017-12-20 19:54:49 +00:00
|
|
|
// Do we use the entire screen?
|
|
|
|
if f.fullScreen {
|
|
|
|
width, height := screen.Size()
|
2018-01-14 12:50:58 +00:00
|
|
|
f.SetRect(0, 0, width, height)
|
2017-12-20 19:54:49 +00:00
|
|
|
}
|
|
|
|
|
2017-12-15 14:29:21 +00:00
|
|
|
// How much space can we distribute?
|
2017-12-21 17:08:53 +00:00
|
|
|
x, y, width, height := f.GetInnerRect()
|
2017-12-26 20:49:11 +00:00
|
|
|
var proportionSum int
|
2017-12-21 17:08:53 +00:00
|
|
|
distSize := width
|
2017-12-16 21:48:26 +00:00
|
|
|
if f.direction == FlexRow {
|
2017-12-21 17:08:53 +00:00
|
|
|
distSize = height
|
2017-12-15 14:29:21 +00:00
|
|
|
}
|
2017-12-16 21:48:26 +00:00
|
|
|
for _, item := range f.items {
|
2017-12-15 14:29:21 +00:00
|
|
|
if item.FixedSize > 0 {
|
|
|
|
distSize -= item.FixedSize
|
|
|
|
} else {
|
2017-12-26 20:49:11 +00:00
|
|
|
proportionSum += item.Proportion
|
2017-12-15 14:29:21 +00:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
// Calculate positions and draw items.
|
2017-12-21 17:08:53 +00:00
|
|
|
pos := x
|
2017-12-16 21:48:26 +00:00
|
|
|
if f.direction == FlexRow {
|
2017-12-21 17:08:53 +00:00
|
|
|
pos = y
|
2017-12-15 14:29:21 +00:00
|
|
|
}
|
2017-12-16 21:48:26 +00:00
|
|
|
for _, item := range f.items {
|
2017-12-15 14:29:21 +00:00
|
|
|
size := item.FixedSize
|
|
|
|
if size <= 0 {
|
2019-10-17 09:33:25 +00:00
|
|
|
if proportionSum > 0 {
|
|
|
|
size = distSize * item.Proportion / proportionSum
|
|
|
|
distSize -= size
|
|
|
|
proportionSum -= item.Proportion
|
|
|
|
} else {
|
|
|
|
size = 0
|
|
|
|
}
|
2017-12-15 14:29:21 +00:00
|
|
|
}
|
2018-02-06 11:30:52 +00:00
|
|
|
if item.Item != nil {
|
|
|
|
if f.direction == FlexColumn {
|
|
|
|
item.Item.SetRect(pos, y, size, height)
|
|
|
|
} else {
|
|
|
|
item.Item.SetRect(x, pos, width, size)
|
|
|
|
}
|
2017-12-15 14:29:21 +00:00
|
|
|
}
|
|
|
|
pos += size
|
|
|
|
|
2018-02-06 11:30:52 +00:00
|
|
|
if item.Item != nil {
|
|
|
|
if item.Item.GetFocusable().HasFocus() {
|
|
|
|
defer item.Item.Draw(screen)
|
|
|
|
} else {
|
|
|
|
item.Item.Draw(screen)
|
|
|
|
}
|
2017-12-20 19:54:49 +00:00
|
|
|
}
|
2017-12-15 14:29:21 +00:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
// Focus is called when this primitive receives focus.
|
2017-12-18 19:04:52 +00:00
|
|
|
func (f *Flex) Focus(delegate func(p Primitive)) {
|
2017-12-27 21:27:42 +00:00
|
|
|
for _, item := range f.items {
|
2018-02-06 11:30:52 +00:00
|
|
|
if item.Item != nil && item.Focus {
|
2017-12-27 21:27:42 +00:00
|
|
|
delegate(item.Item)
|
|
|
|
return
|
|
|
|
}
|
2017-12-16 21:48:26 +00:00
|
|
|
}
|
2017-12-15 14:29:21 +00:00
|
|
|
}
|
|
|
|
|
2017-12-20 19:54:49 +00:00
|
|
|
// HasFocus returns whether or not this primitive has focus.
|
|
|
|
func (f *Flex) HasFocus() bool {
|
|
|
|
for _, item := range f.items {
|
2018-02-06 11:30:52 +00:00
|
|
|
if item.Item != nil && item.Item.GetFocusable().HasFocus() {
|
2017-12-20 19:54:49 +00:00
|
|
|
return true
|
|
|
|
}
|
|
|
|
}
|
|
|
|
return false
|
2017-12-15 14:29:21 +00:00
|
|
|
}
|
2019-11-04 05:34:46 +00:00
|
|
|
|
2020-01-24 20:40:34 +00:00
|
|
|
// MouseHandler returns the mouse handler for this primitive.
|
|
|
|
func (f *Flex) MouseHandler() func(*tcell.EventMouse, MouseAction, func(p Primitive)) (bool, bool) {
|
|
|
|
return f.WrapMouseHandler(func(event *tcell.EventMouse, action MouseAction, setFocus func(p Primitive)) (consumed, capture bool) {
|
|
|
|
if !f.InRect(event.Position()) {
|
|
|
|
return false, false
|
|
|
|
}
|
|
|
|
// Process mouse event.
|
|
|
|
for _, item := range f.items {
|
|
|
|
consumed, capture = item.Item.MouseHandler()(event, action, setFocus)
|
|
|
|
if consumed {
|
|
|
|
return consumed, capture
|
|
|
|
}
|
|
|
|
}
|
|
|
|
return true, false
|
|
|
|
})
|
2019-11-04 05:34:46 +00:00
|
|
|
}
|