panel.go 29 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990
  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. "math"
  7. "unsafe"
  8. "github.com/g3n/engine/core"
  9. "github.com/g3n/engine/geometry"
  10. "github.com/g3n/engine/gls"
  11. "github.com/g3n/engine/graphic"
  12. "github.com/g3n/engine/material"
  13. "github.com/g3n/engine/math32"
  14. )
  15. /*********************************************
  16. Panel areas:
  17. +------------------------------------------+
  18. | Margin area |
  19. | +------------------------------------+ |
  20. | | Border area | |
  21. | | +------------------------------+ | |
  22. | | | Padding area | | |
  23. | | | +------------------------+ | | |
  24. | | | | Content area | | | |
  25. | | | | | | | |
  26. | | | | | | | |
  27. | | | +------------------------+ | | |
  28. | | | | | |
  29. | | +------------------------------+ | |
  30. | | | |
  31. | +------------------------------------+ |
  32. | |
  33. +------------------------------------------+
  34. *********************************************/
  35. // IPanel is the interface for all panel types
  36. type IPanel interface {
  37. graphic.IGraphic
  38. GetPanel() *Panel
  39. SetRoot(*Root)
  40. LostKeyFocus()
  41. TotalHeight() float32
  42. TotalWidth() float32
  43. SetLayout(ILayout)
  44. SetPosition(x, y float32)
  45. SetPositionX(x float32)
  46. SetPositionY(y float32)
  47. }
  48. // Panel is 2D rectangular graphic which by default has a quad (2 triangles) geometry.
  49. // When using the default geometry, a panel has margins, borders, paddings
  50. // and a content area. The content area can be associated with a texture
  51. // It is the building block of most GUI widgets.
  52. type Panel struct {
  53. *graphic.Graphic // Embedded graphic
  54. root *Root // pointer to root container
  55. width float32 // external width in pixels
  56. height float32 // external height in pixels
  57. mat *material.Material // panel material
  58. marginSizes RectBounds // external margin sizes in pixel coordinates
  59. borderSizes RectBounds // border sizes in pixel coordinates
  60. paddingSizes RectBounds // padding sizes in pixel coordinates
  61. content Rect // current content rectangle in pixel coordinates
  62. pospix math32.Vector3 // absolute position in pixels
  63. posclip math32.Vector3 // position in clip (NDC) coordinates
  64. wclip float32 // width in clip coordinates
  65. hclip float32 // height in clip coordinates
  66. xmin float32 // minimum absolute x this panel can use
  67. xmax float32 // maximum absolute x this panel can use
  68. ymin float32 // minimum absolute y this panel can use
  69. ymax float32 // maximum absolute y this panel can use
  70. bounded bool // panel is bounded by its parent
  71. enabled bool // enable event processing
  72. cursorEnter bool // mouse enter dispatched
  73. layout ILayout // current layout for children
  74. layoutParams interface{} // current layout parameters used by container panel
  75. uniMatrix gls.Uniform // model matrix uniform location cache
  76. uniPanel gls.Uniform // panel parameters uniform location cache
  77. udata struct { // Combined uniform data 8 * vec4
  78. bounds math32.Vector4 // panel bounds in texture coordinates
  79. borders math32.Vector4 // panel borders in texture coordinates
  80. paddings math32.Vector4 // panel paddings in texture coordinates
  81. content math32.Vector4 // panel content area in texture coordinates
  82. bordersColor math32.Color4 // panel border color
  83. paddingsColor math32.Color4 // panel padding color
  84. contentColor math32.Color4 // panel content color
  85. textureValid float32 // texture valid flag (bool)
  86. dummy [3]float32 // complete 8 * vec4
  87. }
  88. }
  89. // PanelStyle contains all the styling attributes of a Panel.
  90. type PanelStyle struct {
  91. Margin RectBounds
  92. Border RectBounds
  93. Padding RectBounds
  94. BorderColor math32.Color4
  95. BgColor math32.Color4
  96. }
  97. // BasicStyle extends PanelStyle by adding a foreground color.
  98. // Many GUI components can be styled using BasicStyle or redeclared versions thereof (e.g. ButtonStyle)
  99. type BasicStyle struct {
  100. PanelStyle
  101. FgColor math32.Color4
  102. }
  103. const (
  104. deltaZ = -0.000001 // delta Z for bounded panels
  105. deltaZunb = deltaZ * 10000 // delta Z for unbounded panels
  106. )
  107. // Quad geometry shared by ALL Panels
  108. var panelQuadGeometry *geometry.Geometry
  109. // NewPanel creates and returns a pointer to a new panel with the
  110. // specified dimensions in pixels and a default quad geometry
  111. func NewPanel(width, height float32) *Panel {
  112. p := new(Panel)
  113. p.Initialize(width, height)
  114. return p
  115. }
  116. // Initialize initializes this panel and is normally used by other types which embed a panel.
  117. func (p *Panel) Initialize(width, height float32) {
  118. p.width = width
  119. p.height = height
  120. // If necessary, creates panel quad geometry
  121. if panelQuadGeometry == nil {
  122. // Builds array with vertex positions and texture coordinates
  123. positions := math32.NewArrayF32(0, 20)
  124. positions.Append(
  125. 0, 0, 0, 0, 1,
  126. 0, -1, 0, 0, 0,
  127. 1, -1, 0, 1, 0,
  128. 1, 0, 0, 1, 1,
  129. )
  130. // Builds array of indices
  131. indices := math32.NewArrayU32(0, 6)
  132. indices.Append(0, 1, 2, 0, 2, 3)
  133. // Creates geometry
  134. geom := geometry.NewGeometry()
  135. geom.SetIndices(indices)
  136. geom.AddVBO(gls.NewVBO().
  137. AddAttrib("VertexPosition", 3).
  138. AddAttrib("VertexTexcoord", 2).
  139. SetBuffer(positions),
  140. )
  141. panelQuadGeometry = geom
  142. }
  143. // Initialize material
  144. p.mat = material.NewMaterial()
  145. p.mat.SetShader("panel")
  146. p.mat.SetShaderUnique(true)
  147. // Initialize graphic
  148. p.Graphic = graphic.NewGraphic(panelQuadGeometry.Incref(), gls.TRIANGLES)
  149. p.AddMaterial(p, p.mat, 0, 0)
  150. // Initialize uniforms location caches
  151. p.uniMatrix.Init("ModelMatrix")
  152. p.uniPanel.Init("Panel")
  153. // Set defaults
  154. p.udata.bordersColor = math32.Color4{0, 0, 0, 1}
  155. p.bounded = true
  156. p.enabled = true
  157. p.resize(width, height, true)
  158. }
  159. // InitializeGraphic initializes this panel with a different graphic
  160. func (p *Panel) InitializeGraphic(width, height float32, gr *graphic.Graphic) {
  161. p.Graphic = gr
  162. p.width = width
  163. p.height = height
  164. // Initializes uniforms location caches
  165. p.uniMatrix.Init("ModelMatrix")
  166. p.uniPanel.Init("Panel")
  167. // Set defaults
  168. p.udata.bordersColor = math32.Color4{0, 0, 0, 1}
  169. p.bounded = true
  170. p.enabled = true
  171. p.resize(width, height, true)
  172. }
  173. // GetPanel satisfies the IPanel interface and
  174. // returns pointer to this panel
  175. func (p *Panel) GetPanel() *Panel {
  176. return p
  177. }
  178. // SetRoot satisfies the IPanel interface
  179. // Sets the pointer to the root panel for this panel and all its children
  180. func (p *Panel) SetRoot(root *Root) {
  181. p.root = root
  182. for i := 0; i < len(p.Children()); i++ {
  183. cpan := p.Children()[i].(IPanel).GetPanel()
  184. cpan.SetRoot(root)
  185. }
  186. }
  187. // LostKeyFocus satisfies the IPanel interface and is called by gui root
  188. // container when the panel loses the key focus
  189. func (p *Panel) LostKeyFocus() {
  190. }
  191. // TotalHeight satisfies the IPanel interface and returns the total
  192. // height of this panel considering visible not bounded children
  193. func (p *Panel) TotalHeight() float32 {
  194. return p.height
  195. }
  196. // TotalWidth satisfies the IPanel interface and returns the total
  197. // width of this panel considering visible not bounded children
  198. func (p *Panel) TotalWidth() float32 {
  199. return p.width
  200. }
  201. // Material returns a pointer for this panel core.Material
  202. func (p *Panel) Material() *material.Material {
  203. return p.mat
  204. }
  205. // Root returns the pointer for this panel root panel
  206. func (p *Panel) Root() *Root {
  207. return p.root
  208. }
  209. // SetTopChild sets the Z coordinate of the specified panel to
  210. // be on top of all other children of this panel.
  211. // The function does not check if the specified panel is a
  212. // child of this one.
  213. func (p *Panel) SetTopChild(ipan IPanel) {
  214. // Remove panel and if found appends to the end
  215. found := p.Remove(ipan)
  216. if found {
  217. p.Add(ipan)
  218. p.SetChanged(true)
  219. }
  220. }
  221. // SetPosition sets this panel absolute position in pixel coordinates
  222. // from left to right and from top to bottom of the screen.
  223. func (p *Panel) SetPosition(x, y float32) {
  224. p.Node.SetPositionX(math32.Round(x))
  225. p.Node.SetPositionY(math32.Round(y))
  226. }
  227. // SetSize sets this panel external width and height in pixels.
  228. func (p *Panel) SetSize(width, height float32) {
  229. if width < 0 {
  230. log.Warn("Invalid panel width:%v", width)
  231. width = 0
  232. }
  233. if height < 0 {
  234. log.Warn("Invalid panel height:%v", height)
  235. height = 0
  236. }
  237. p.resize(width, height, true)
  238. }
  239. // SetWidth sets this panel external width in pixels.
  240. // The internal panel areas and positions are recalculated
  241. func (p *Panel) SetWidth(width float32) {
  242. p.SetSize(width, p.height)
  243. }
  244. // SetHeight sets this panel external height in pixels.
  245. // The internal panel areas and positions are recalculated
  246. func (p *Panel) SetHeight(height float32) {
  247. p.SetSize(p.width, height)
  248. }
  249. // SetContentAspectWidth sets the width of the content area of the panel
  250. // to the specified value and adjusts its height to keep the same aspect radio.
  251. func (p *Panel) SetContentAspectWidth(width float32) {
  252. aspect := p.content.Width / p.content.Height
  253. height := width / aspect
  254. p.SetContentSize(width, height)
  255. }
  256. // SetContentAspectHeight sets the height of the content area of the panel
  257. // to the specified value and adjusts its width to keep the same aspect ratio.
  258. func (p *Panel) SetContentAspectHeight(height float32) {
  259. aspect := p.content.Width / p.content.Height
  260. width := height / aspect
  261. p.SetContentSize(width, height)
  262. }
  263. // Size returns this panel current external width and height in pixels
  264. func (p *Panel) Size() (float32, float32) {
  265. return p.width, p.height
  266. }
  267. // Width returns the current panel external width in pixels
  268. func (p *Panel) Width() float32 {
  269. return p.width
  270. }
  271. // Height returns the current panel external height in pixels
  272. func (p *Panel) Height() float32 {
  273. return p.height
  274. }
  275. // ContentWidth returns the current width of the content area in pixels
  276. func (p *Panel) ContentWidth() float32 {
  277. return p.content.Width
  278. }
  279. // ContentHeight returns the current height of the content area in pixels
  280. func (p *Panel) ContentHeight() float32 {
  281. return p.content.Height
  282. }
  283. // SetMargins set this panel margin sizes in pixels
  284. // and recalculates the panel external size
  285. func (p *Panel) SetMargins(top, right, bottom, left float32) {
  286. p.marginSizes.Set(top, right, bottom, left)
  287. p.resize(p.calcWidth(), p.calcHeight(), true)
  288. }
  289. // SetMarginsFrom sets this panel margins sizes from the specified
  290. // RectBounds pointer and recalculates the panel external size
  291. func (p *Panel) SetMarginsFrom(src *RectBounds) {
  292. p.marginSizes = *src
  293. p.resize(p.calcWidth(), p.calcHeight(), true)
  294. }
  295. // Margins returns the current margin sizes in pixels
  296. func (p *Panel) Margins() RectBounds {
  297. return p.marginSizes
  298. }
  299. // SetBorders sets this panel border sizes in pixels
  300. // and recalculates the panel external size
  301. func (p *Panel) SetBorders(top, right, bottom, left float32) {
  302. p.borderSizes.Set(top, right, bottom, left)
  303. p.resize(p.calcWidth(), p.calcHeight(), true)
  304. }
  305. // SetBordersFrom sets this panel border sizes from the specified
  306. // RectBounds pointer and recalculates the panel size
  307. func (p *Panel) SetBordersFrom(src *RectBounds) {
  308. p.borderSizes = *src
  309. p.resize(p.calcWidth(), p.calcHeight(), true)
  310. }
  311. // Borders returns this panel current border sizes
  312. func (p *Panel) Borders() RectBounds {
  313. return p.borderSizes
  314. }
  315. // SetPaddings sets the panel padding sizes in pixels
  316. func (p *Panel) SetPaddings(top, right, bottom, left float32) {
  317. p.paddingSizes.Set(top, right, bottom, left)
  318. p.resize(p.calcWidth(), p.calcHeight(), true)
  319. }
  320. // SetPaddingsFrom sets this panel padding sizes from the specified
  321. // RectBounds pointer and recalculates the panel size
  322. func (p *Panel) SetPaddingsFrom(src *RectBounds) {
  323. p.paddingSizes = *src
  324. p.resize(p.calcWidth(), p.calcHeight(), true)
  325. }
  326. // Paddings returns this panel padding sizes in pixels
  327. func (p *Panel) Paddings() RectBounds {
  328. return p.paddingSizes
  329. }
  330. // SetBordersColor sets the color of this panel borders
  331. // The borders opacity is set to 1.0 (full opaque)
  332. func (p *Panel) SetBordersColor(color *math32.Color) {
  333. p.udata.bordersColor = math32.Color4{color.R, color.G, color.B, 1}
  334. p.SetChanged(true)
  335. }
  336. // SetBordersColor4 sets the color and opacity of this panel borders
  337. func (p *Panel) SetBordersColor4(color *math32.Color4) {
  338. p.udata.bordersColor = *color
  339. p.SetChanged(true)
  340. }
  341. // BordersColor4 returns current border color
  342. func (p *Panel) BordersColor4() math32.Color4 {
  343. return p.udata.bordersColor
  344. }
  345. // SetPaddingsColor sets the color of this panel paddings.
  346. func (p *Panel) SetPaddingsColor(color *math32.Color) {
  347. p.udata.paddingsColor = math32.Color4{color.R, color.G, color.B, 1}
  348. p.SetChanged(true)
  349. }
  350. // SetColor sets the color of the panel paddings and content area
  351. func (p *Panel) SetColor(color *math32.Color) *Panel {
  352. p.udata.paddingsColor = math32.Color4{color.R, color.G, color.B, 1}
  353. p.udata.contentColor = p.udata.paddingsColor
  354. p.SetChanged(true)
  355. return p
  356. }
  357. // SetColor4 sets the color of the panel paddings and content area
  358. func (p *Panel) SetColor4(color *math32.Color4) *Panel {
  359. p.udata.paddingsColor = *color
  360. p.udata.contentColor = *color
  361. p.SetChanged(true)
  362. return p
  363. }
  364. // Color4 returns the current color of the panel content area
  365. func (p *Panel) Color4() math32.Color4 {
  366. return p.udata.contentColor
  367. }
  368. // ApplyStyle applies the provided PanelStyle to the panel
  369. func (p *Panel) ApplyStyle(ps *PanelStyle) {
  370. p.udata.bordersColor = ps.BorderColor
  371. p.udata.paddingsColor = ps.BgColor
  372. p.udata.contentColor = ps.BgColor
  373. p.marginSizes = ps.Margin
  374. p.borderSizes = ps.Border
  375. p.paddingSizes = ps.Padding
  376. p.resize(p.calcWidth(), p.calcHeight(), true)
  377. }
  378. // SetContentSize sets this panel content size to the specified dimensions.
  379. // The external size of the panel may increase or decrease to acomodate
  380. // the new content size.
  381. func (p *Panel) SetContentSize(width, height float32) {
  382. p.setContentSize(width, height, true)
  383. }
  384. // SetContentWidth sets this panel content width to the specified dimension in pixels.
  385. // The external size of the panel may increase or decrease to accommodate the new width
  386. func (p *Panel) SetContentWidth(width float32) {
  387. p.SetContentSize(width, p.content.Height)
  388. }
  389. // SetContentHeight sets this panel content height to the specified dimension in pixels.
  390. // The external size of the panel may increase or decrease to accommodate the new width
  391. func (p *Panel) SetContentHeight(height float32) {
  392. p.SetContentSize(p.content.Width, height)
  393. }
  394. // MinWidth returns the minimum width of this panel (ContentWidth = 0)
  395. func (p *Panel) MinWidth() float32 {
  396. return p.paddingSizes.Left + p.paddingSizes.Right +
  397. p.borderSizes.Left + p.borderSizes.Right +
  398. p.marginSizes.Left + p.marginSizes.Right
  399. }
  400. // MinHeight returns the minimum height of this panel (ContentHeight = 0)
  401. func (p *Panel) MinHeight() float32 {
  402. return p.paddingSizes.Top + p.paddingSizes.Bottom +
  403. p.borderSizes.Top + p.borderSizes.Bottom +
  404. p.marginSizes.Top + p.marginSizes.Bottom
  405. }
  406. // Pospix returns this panel absolute coordinate in pixels
  407. func (p *Panel) Pospix() math32.Vector3 {
  408. return p.pospix
  409. }
  410. // Add adds a child panel to this one
  411. func (p *Panel) Add(ichild IPanel) *Panel {
  412. p.Node.Add(ichild)
  413. node := ichild.GetPanel()
  414. node.SetParent(p)
  415. if p.root != nil {
  416. ichild.SetRoot(p.root)
  417. p.root.setZ(0, deltaZunb)
  418. }
  419. if p.layout != nil {
  420. p.layout.Recalc(p)
  421. }
  422. p.Dispatch(OnChild, nil)
  423. return p
  424. }
  425. // Remove removes the specified child from this panel
  426. func (p *Panel) Remove(ichild IPanel) bool {
  427. res := p.Node.Remove(ichild)
  428. if res {
  429. if p.layout != nil {
  430. p.layout.Recalc(p)
  431. }
  432. p.Dispatch(OnChild, nil)
  433. }
  434. return res
  435. }
  436. // Bounded returns this panel bounded state
  437. func (p *Panel) Bounded() bool {
  438. return p.bounded
  439. }
  440. // SetBounded sets this panel bounded state
  441. func (p *Panel) SetBounded(bounded bool) {
  442. p.bounded = bounded
  443. p.SetChanged(true)
  444. }
  445. // UpdateMatrixWorld overrides the standard core.Node version which is called by
  446. // the Engine before rendering the frame.
  447. func (p *Panel) UpdateMatrixWorld() {
  448. // Panel has no parent should be the root panel
  449. par := p.Parent()
  450. if par == nil {
  451. p.updateBounds(nil)
  452. // Panel has parent
  453. } else {
  454. parpan := par.(*Panel)
  455. p.updateBounds(parpan)
  456. }
  457. // Update this panel children
  458. for _, ichild := range p.Children() {
  459. ichild.UpdateMatrixWorld()
  460. }
  461. }
  462. // ContainsPosition returns indication if this panel contains
  463. // the specified screen position in pixels.
  464. func (p *Panel) ContainsPosition(x, y float32) bool {
  465. if x < p.pospix.X || x >= (p.pospix.X+p.width) {
  466. return false
  467. }
  468. if y < p.pospix.Y || y >= (p.pospix.Y+p.height) {
  469. return false
  470. }
  471. return true
  472. }
  473. // InsideBorders returns indication if the specified screen
  474. // position in pixels is inside the panel borders, including the borders width.
  475. // Unlike "ContainsPosition" is does not consider the panel margins.
  476. func (p *Panel) InsideBorders(x, y float32) bool {
  477. if x < (p.pospix.X+p.marginSizes.Left) || x >= (p.pospix.X+p.width-p.marginSizes.Right) ||
  478. y < (p.pospix.Y+p.marginSizes.Top) || y >= (p.pospix.Y+p.height-p.marginSizes.Bottom) {
  479. return false
  480. }
  481. return true
  482. }
  483. // Intersects returns if this panel intersects with the other panel
  484. func (p *Panel) Intersects(other *Panel) bool {
  485. // Checks if one panel is completely on the left side of the other
  486. if p.pospix.X+p.width <= other.pospix.X || other.pospix.X+other.width <= p.pospix.X {
  487. return false
  488. }
  489. // Checks if one panel is completely above the other
  490. if p.pospix.Y+p.height <= other.pospix.Y || other.pospix.Y+other.height <= p.pospix.Y {
  491. return false
  492. }
  493. return true
  494. }
  495. // SetEnabled sets the panel enabled state
  496. // A disabled panel do not process key or mouse events.
  497. func (p *Panel) SetEnabled(state bool) {
  498. p.enabled = state
  499. p.Dispatch(OnEnable, nil)
  500. }
  501. // Enabled returns the current enabled state of this panel
  502. func (p *Panel) Enabled() bool {
  503. return p.enabled
  504. }
  505. // SetLayout sets the layout to use to position the children of this panel
  506. // To remove the layout, call this function passing nil as parameter.
  507. func (p *Panel) SetLayout(ilayout ILayout) {
  508. p.layout = ilayout
  509. if p.layout != nil {
  510. p.layout.Recalc(p)
  511. }
  512. }
  513. // Layout returns this panel current layout
  514. func (p *Panel) Layout() ILayout {
  515. return p.layout
  516. }
  517. // SetLayoutParams sets the layout parameters for this panel
  518. func (p *Panel) SetLayoutParams(params interface{}) {
  519. p.layoutParams = params
  520. }
  521. // LayoutParams returns this panel current layout parameters
  522. func (p *Panel) LayoutParams() interface{} {
  523. return p.layoutParams
  524. }
  525. // ContentCoords converts the specified window absolute coordinates in pixels
  526. // (as informed by OnMouse event) to this panel internal content area pixel coordinates
  527. func (p *Panel) ContentCoords(wx, wy float32) (float32, float32) {
  528. cx := wx - p.pospix.X -
  529. p.paddingSizes.Left -
  530. p.borderSizes.Left -
  531. p.marginSizes.Left
  532. cy := wy - p.pospix.Y -
  533. p.paddingSizes.Top -
  534. p.borderSizes.Top -
  535. p.marginSizes.Top
  536. return cx, cy
  537. }
  538. // NDC2Pix converts the specified NDC coordinates (-1,1) to relative pixel coordinates
  539. // for this panel content area.
  540. // 0,0 1,0 0,0 w,0
  541. // +--------+ +---------+
  542. // | | -------> | |
  543. // +--------+ +---------+
  544. // 0,-1 1,-1 0,h w,h
  545. func (p *Panel) NDC2Pix(nx, ny float32) (x, y float32) {
  546. w := p.ContentWidth()
  547. h := p.ContentHeight()
  548. return w * nx, -h * ny
  549. }
  550. // Pix2NDC converts the specified relative pixel coordinates to NDC coordinates for this panel
  551. // content area
  552. // 0,0 w,0 0,0 1,0
  553. // +---------+ +---------+
  554. // | | ------> | |
  555. // +---------+ +---------+
  556. // 0,h w,h 0,-1 1,-1
  557. func (p *Panel) Pix2NDC(px, py float32) (nx, ny float32) {
  558. w := p.ContentWidth()
  559. h := p.ContentHeight()
  560. return px / w, -py / h
  561. }
  562. // setContentSize is an internal version of SetContentSize() which allows
  563. // to determine if the panel will recalculate its layout and dispatch event.
  564. // It is normally used by layout managers when setting the panel content size
  565. // to avoid another invokation of the layout manager.
  566. func (p *Panel) setContentSize(width, height float32, dispatch bool) {
  567. // Calculates the new desired external width and height
  568. eWidth := width +
  569. p.paddingSizes.Left + p.paddingSizes.Right +
  570. p.borderSizes.Left + p.borderSizes.Right +
  571. p.marginSizes.Left + p.marginSizes.Right
  572. eHeight := height +
  573. p.paddingSizes.Top + p.paddingSizes.Bottom +
  574. p.borderSizes.Top + p.borderSizes.Bottom +
  575. p.marginSizes.Top + p.marginSizes.Bottom
  576. p.resize(eWidth, eHeight, dispatch)
  577. }
  578. // setZ sets the Z coordinate for this panel and its children recursively
  579. // starting at the specified z and zunb coordinates.
  580. // The z coordinate is used for bound panels and zunb for unbounded panels.
  581. // The z coordinate is set so panels added later are closer to the screen.
  582. // All unbounded panels and its children are closer than any of the bounded panels.
  583. func (p *Panel) setZ(z, zunb float32) (float32, float32) {
  584. // Bounded panel
  585. if p.bounded {
  586. p.SetPositionZ(z)
  587. z += deltaZ
  588. for _, ichild := range p.Children() {
  589. z, zunb = ichild.(IPanel).GetPanel().setZ(z, zunb)
  590. }
  591. return z, zunb
  592. }
  593. // Unbounded panel
  594. p.SetPositionZ(zunb)
  595. zchild := zunb + deltaZ
  596. zunb += deltaZunb
  597. for _, ichild := range p.Children() {
  598. _, zunb = ichild.(IPanel).GetPanel().setZ(zchild, zunb)
  599. }
  600. return z, zunb
  601. }
  602. // updateBounds is called by UpdateMatrixWorld() and calculates this panel
  603. // bounds considering the bounds of its parent
  604. func (p *Panel) updateBounds(par *Panel) {
  605. // If no parent, it is the root panel
  606. if par == nil {
  607. p.pospix = p.Position()
  608. p.xmin = -math.MaxFloat32
  609. p.ymin = -math.MaxFloat32
  610. p.xmax = math.MaxFloat32
  611. p.ymax = math.MaxFloat32
  612. p.udata.bounds = math32.Vector4{0, 0, 1, 1}
  613. return
  614. }
  615. // If this panel is bounded to its parent, its coordinates are relative
  616. // to the parent internal content rectangle.
  617. if p.bounded {
  618. p.pospix.X = p.Position().X + par.pospix.X + par.marginSizes.Left + par.borderSizes.Left + par.paddingSizes.Left
  619. p.pospix.Y = p.Position().Y + par.pospix.Y + par.marginSizes.Top + par.borderSizes.Top + par.paddingSizes.Top
  620. // Otherwise its coordinates are relative to the parent outer coordinates.
  621. } else {
  622. p.pospix.X = p.Position().X + par.pospix.X
  623. p.pospix.Y = p.Position().Y + par.pospix.Y
  624. }
  625. // Maximum x,y coordinates for this panel
  626. p.xmin = p.pospix.X
  627. p.ymin = p.pospix.Y
  628. p.xmax = p.pospix.X + p.width
  629. p.ymax = p.pospix.Y + p.height
  630. if p.bounded {
  631. // Get the parent content area minimum and maximum absolute coordinates in pixels
  632. pxmin := par.pospix.X + par.marginSizes.Left + par.borderSizes.Left + par.paddingSizes.Left
  633. if pxmin < par.xmin {
  634. pxmin = par.xmin
  635. }
  636. pymin := par.pospix.Y + par.marginSizes.Top + par.borderSizes.Top + par.paddingSizes.Top
  637. if pymin < par.ymin {
  638. pymin = par.ymin
  639. }
  640. pxmax := par.pospix.X + par.width - (par.marginSizes.Right + par.borderSizes.Right + par.paddingSizes.Right)
  641. if pxmax > par.xmax {
  642. pxmax = par.xmax
  643. }
  644. pymax := par.pospix.Y + par.height - (par.marginSizes.Bottom + par.borderSizes.Bottom + par.paddingSizes.Bottom)
  645. if pymax > par.ymax {
  646. pymax = par.ymax
  647. }
  648. // Update this panel minimum x and y coordinates.
  649. if p.xmin < pxmin {
  650. p.xmin = pxmin
  651. }
  652. if p.ymin < pymin {
  653. p.ymin = pymin
  654. }
  655. // Update this panel maximum x and y coordinates.
  656. if p.xmax > pxmax {
  657. p.xmax = pxmax
  658. }
  659. if p.ymax > pymax {
  660. p.ymax = pymax
  661. }
  662. }
  663. // Set default values for bounds in texture coordinates
  664. xmintex := float32(0.0)
  665. ymintex := float32(0.0)
  666. xmaxtex := float32(1.0)
  667. ymaxtex := float32(1.0)
  668. // If this panel is bounded to its parent, calculates the bounds
  669. // for clipping in texture coordinates
  670. if p.bounded {
  671. if p.pospix.X < p.xmin {
  672. xmintex = (p.xmin - p.pospix.X) / p.width
  673. }
  674. if p.pospix.Y < p.ymin {
  675. ymintex = (p.ymin - p.pospix.Y) / p.height
  676. }
  677. if p.pospix.X+p.width > p.xmax {
  678. xmaxtex = (p.xmax - p.pospix.X) / p.width
  679. }
  680. if p.pospix.Y+p.height > p.ymax {
  681. ymaxtex = (p.ymax - p.pospix.Y) / p.height
  682. }
  683. }
  684. // Sets bounds uniform
  685. p.udata.bounds = math32.Vector4{xmintex, ymintex, xmaxtex, ymaxtex}
  686. }
  687. // calcWidth calculates the panel external width in pixels
  688. func (p *Panel) calcWidth() float32 {
  689. return p.content.Width +
  690. p.paddingSizes.Left + p.paddingSizes.Right +
  691. p.borderSizes.Left + p.borderSizes.Right +
  692. p.marginSizes.Left + p.marginSizes.Right
  693. }
  694. // calcHeight calculates the panel external height in pixels
  695. func (p *Panel) calcHeight() float32 {
  696. return p.content.Height +
  697. p.paddingSizes.Top + p.paddingSizes.Bottom +
  698. p.borderSizes.Top + p.borderSizes.Bottom +
  699. p.marginSizes.Top + p.marginSizes.Bottom
  700. }
  701. // resize tries to set the external size of the panel to the specified
  702. // dimensions and recalculates the size and positions of the internal areas.
  703. // The margins, borders and padding sizes are kept and the content
  704. // area size is adjusted. So if the panel is decreased, its minimum
  705. // size is determined by the margins, borders and paddings.
  706. // Normally it should be called with dispatch=true to recalculate the
  707. // panel layout and dispatch OnSize event.
  708. func (p *Panel) resize(width, height float32, dispatch bool) {
  709. var padding Rect
  710. var border Rect
  711. width = math32.Round(width)
  712. height = math32.Round(height)
  713. // Adjusts content width
  714. p.content.Width = width -
  715. p.marginSizes.Left - p.marginSizes.Right -
  716. p.borderSizes.Left - p.borderSizes.Right -
  717. p.paddingSizes.Left - p.paddingSizes.Right
  718. if p.content.Width < 0 {
  719. p.content.Width = 0
  720. }
  721. // Adjust other area widths
  722. padding.Width = p.paddingSizes.Left + p.content.Width + p.paddingSizes.Right
  723. border.Width = p.borderSizes.Left + padding.Width + p.borderSizes.Right
  724. // Adjusts content height
  725. p.content.Height = height -
  726. p.marginSizes.Top - p.marginSizes.Bottom -
  727. p.borderSizes.Top - p.borderSizes.Bottom -
  728. p.paddingSizes.Top - p.paddingSizes.Bottom
  729. if p.content.Height < 0 {
  730. p.content.Height = 0
  731. }
  732. // Adjust other area heights
  733. padding.Height = p.paddingSizes.Top + p.content.Height + p.paddingSizes.Bottom
  734. border.Height = p.borderSizes.Top + padding.Height + p.borderSizes.Bottom
  735. // Sets area positions
  736. border.X = p.marginSizes.Left
  737. border.Y = p.marginSizes.Top
  738. padding.X = border.X + p.borderSizes.Left
  739. padding.Y = border.Y + p.borderSizes.Top
  740. p.content.X = padding.X + p.paddingSizes.Left
  741. p.content.Y = padding.Y + p.paddingSizes.Top
  742. // Sets final panel dimensions (may be different from requested dimensions)
  743. p.width = p.marginSizes.Left + border.Width + p.marginSizes.Right
  744. p.height = p.marginSizes.Top + border.Height + p.marginSizes.Bottom
  745. // Updates border uniform in texture coordinates (0,0 -> 1,1)
  746. p.udata.borders = math32.Vector4{
  747. float32(border.X) / float32(p.width),
  748. float32(border.Y) / float32(p.height),
  749. float32(border.Width) / float32(p.width),
  750. float32(border.Height) / float32(p.height),
  751. }
  752. // Updates padding uniform in texture coordinates (0,0 -> 1,1)
  753. p.udata.paddings = math32.Vector4{
  754. float32(padding.X) / float32(p.width),
  755. float32(padding.Y) / float32(p.height),
  756. float32(padding.Width) / float32(p.width),
  757. float32(padding.Height) / float32(p.height),
  758. }
  759. // Updates content uniform in texture coordinates (0,0 -> 1,1)
  760. p.udata.content = math32.Vector4{
  761. float32(p.content.X) / float32(p.width),
  762. float32(p.content.Y) / float32(p.height),
  763. float32(p.content.Width) / float32(p.width),
  764. float32(p.content.Height) / float32(p.height),
  765. }
  766. p.SetChanged(true)
  767. // Update layout and dispatch event
  768. if !dispatch {
  769. return
  770. }
  771. if p.layout != nil {
  772. p.layout.Recalc(p)
  773. }
  774. p.Dispatch(OnResize, nil)
  775. }
  776. // RenderSetup is called by the Engine before drawing the object
  777. func (p *Panel) RenderSetup(gl *gls.GLS, rinfo *core.RenderInfo) {
  778. // Sets texture valid flag in uniforms
  779. // depending if the material has texture
  780. if p.mat.TextureCount() > 0 {
  781. p.udata.textureValid = 1
  782. } else {
  783. p.udata.textureValid = 0
  784. }
  785. // Sets model matrix
  786. var mm math32.Matrix4
  787. p.SetModelMatrix(gl, &mm)
  788. // Transfer model matrix uniform
  789. location := p.uniMatrix.Location(gl)
  790. gl.UniformMatrix4fv(location, 1, false, &mm[0])
  791. // Transfer panel parameters combined uniform
  792. location = p.uniPanel.Location(gl)
  793. const vec4count = 8
  794. gl.Uniform4fvUP(location, vec4count, unsafe.Pointer(&p.udata))
  795. }
  796. // SetModelMatrix calculates and sets the specified matrix with the model matrix for this panel
  797. func (p *Panel) SetModelMatrix(gl *gls.GLS, mm *math32.Matrix4) {
  798. // Get the current viewport width and height
  799. _, _, width, height := gl.GetViewport()
  800. fwidth := float32(width)
  801. fheight := float32(height)
  802. // Scale the quad for the viewport so it has fixed dimensions in pixels.
  803. p.wclip = 2 * float32(p.width) / fwidth
  804. p.hclip = 2 * float32(p.height) / fheight
  805. var scale math32.Vector3
  806. scale.Set(p.wclip, p.hclip, 1)
  807. // Convert absolute position in pixel coordinates from the top/left to
  808. // standard OpenGL clip coordinates of the quad center
  809. p.posclip.X = (p.pospix.X - fwidth/2) / (fwidth / 2)
  810. p.posclip.Y = -(p.pospix.Y - fheight/2) / (fheight / 2)
  811. p.posclip.Z = p.Position().Z
  812. // Calculates the model matrix
  813. var quat math32.Quaternion
  814. quat.SetIdentity()
  815. mm.Compose(&p.posclip, &quat, &scale)
  816. }