2019-08-12 19:44:16 +02:00
using System ;
2019-09-20 13:48:49 +02:00
using System.Collections.Generic ;
2019-08-28 18:58:05 +02:00
using System.Linq ;
2019-08-09 19:28:48 +02:00
using Microsoft.Xna.Framework ;
using Microsoft.Xna.Framework.Graphics ;
2019-08-12 19:44:16 +02:00
using MLEM.Extensions ;
2019-11-02 14:53:59 +01:00
using MLEM.Misc ;
2019-08-09 19:28:48 +02:00
using MLEM.Textures ;
2019-08-10 21:37:10 +02:00
using MLEM.Ui.Style ;
2019-08-09 19:28:48 +02:00
namespace MLEM.Ui.Elements {
2020-05-22 17:02:24 +02:00
/// <summary>
/// A panel element to be used inside of a <see cref="UiSystem"/>.
/// The panel is a complex element that displays a box as a background to all of its child elements.
/// Additionally, a panel can be set to <see cref="scrollOverflow"/> on construction, which causes all elements that don't fit into the panel to be hidden until scrolled to using a <see cref="ScrollBar"/>.
/// As this behavior is accomplished using a <see cref="RenderTarget2D"/>, scrolling panels need to have their <see cref="DrawEarly"/> methods called using <see cref="UiSystem.DrawEarly"/>.
/// </summary>
2021-06-09 00:27:50 +02:00
public class Panel : Element {
2019-08-09 19:28:48 +02:00
2021-10-30 15:01:04 +02:00
/// <summary>
/// The scroll bar that this panel contains.
/// This is only nonnull if <see cref="scrollOverflow"/> is true.
/// Note that some scroll bar styling is controlled by this panel, namely <see cref="StepPerScroll"/> and <see cref="ScrollerSize"/>.
/// </summary>
public readonly ScrollBar ScrollBar ;
2020-05-22 17:02:24 +02:00
/// <summary>
/// The texture that this panel should have, or null if it should be invisible.
/// </summary>
2019-10-14 21:28:12 +02:00
public StyleProp < NinePatch > Texture ;
2020-05-22 17:02:24 +02:00
/// <summary>
2021-06-22 01:14:06 +02:00
/// The color that this panel's <see cref="Texture"/> should be drawn with.
/// If this style property has no value, <see cref="Color.White"/> is used.
/// </summary>
public StyleProp < Color > DrawColor ;
/// <summary>
2021-10-29 23:33:15 +02:00
/// The amount that the scrollable area is moved per single movement of the scroll wheel
/// This value is passed to the <see cref="ScrollBar"/>'s <see cref="Elements.ScrollBar.StepPerScroll"/>
/// </summary>
public StyleProp < float > StepPerScroll ;
/// <summary>
2021-11-08 02:02:59 +01:00
/// The size that the <see cref="ScrollBar"/>'s scroller should have, in pixels.
/// The scroller size's height specified here is the minimum height, otherwise, it is automatically calculated based on panel content.
2021-10-29 23:33:15 +02:00
/// </summary>
public StyleProp < Vector2 > ScrollerSize ;
2021-11-11 16:43:27 +01:00
/// <summary>
/// The amount of pixels of room there should be between the <see cref="ScrollBar"/> and the rest of the content
/// </summary>
public StyleProp < float > ScrollBarOffset ;
2021-10-30 15:01:04 +02:00
private readonly List < Element > relevantChildren = new List < Element > ( ) ;
2019-08-12 19:44:16 +02:00
private readonly bool scrollOverflow ;
2021-10-30 15:01:04 +02:00
2019-08-12 19:44:16 +02:00
private RenderTarget2D renderTarget ;
2019-09-20 13:48:49 +02:00
private bool relevantChildrenDirty ;
2019-08-09 19:28:48 +02:00
2020-05-22 17:02:24 +02:00
/// <summary>
/// Creates a new panel with the given settings.
/// </summary>
/// <param name="anchor">The panel's anchor</param>
/// <param name="size">The panel's default size</param>
/// <param name="positionOffset">The panel's offset from its anchor point</param>
/// <param name="setHeightBasedOnChildren">Whether the panel should automatically calculate its height based on its children's size</param>
/// <param name="scrollOverflow">Whether this panel should automatically add a scroll bar to scroll towards elements that are beyond the area this panel covers</param>
/// <param name="autoHideScrollbar">Whether the scroll bar should be hidden automatically if the panel does not contain enough children to allow for scrolling</param>
2021-10-29 23:33:15 +02:00
public Panel ( Anchor anchor , Vector2 size , Vector2 positionOffset , bool setHeightBasedOnChildren = false , bool scrollOverflow = false , bool autoHideScrollbar = true ) : base ( anchor , size ) {
2019-08-09 22:04:26 +02:00
this . PositionOffset = positionOffset ;
2019-08-11 18:50:39 +02:00
this . SetHeightBasedOnChildren = setHeightBasedOnChildren ;
2019-08-12 19:44:16 +02:00
this . scrollOverflow = scrollOverflow ;
2019-08-28 18:27:17 +02:00
this . CanBeSelected = false ;
2019-08-12 19:44:16 +02:00
if ( scrollOverflow ) {
2021-10-29 23:33:15 +02:00
this . ScrollBar = new ScrollBar ( Anchor . TopRight , Vector2 . Zero , 0 , 0 ) {
2019-09-20 13:48:49 +02:00
OnValueChanged = ( element , value ) = > this . ScrollChildren ( ) ,
2019-09-01 19:53:52 +02:00
CanAutoAnchorsAttach = false ,
2019-12-14 14:10:38 +01:00
AutoHideWhenEmpty = autoHideScrollbar ,
IsHidden = autoHideScrollbar
2019-08-12 19:44:16 +02:00
} ;
2021-10-30 15:33:38 +02:00
if ( autoHideScrollbar ) {
this . ScrollBar . OnAutoHide + = e = > {
2021-11-11 16:43:27 +01:00
this . ChildPadding + = new Padding ( 0 , this . ScrollerSize . Value . X + this . ScrollBarOffset , 0 , 0 ) * ( e . IsHidden ? - 1 : 1 ) ;
2021-10-30 15:33:38 +02:00
this . SetAreaDirty ( ) ;
} ;
}
2019-08-28 18:58:05 +02:00
// handle automatic element selection, the scroller needs to scroll to the right location
this . OnSelectedElementChanged + = ( element , otherElement ) = > {
2019-09-09 17:12:36 +02:00
if ( ! this . Controls . IsAutoNavMode )
2019-08-28 18:58:05 +02:00
return ;
if ( otherElement = = null | | ! otherElement . GetParentTree ( ) . Contains ( this ) )
return ;
2020-06-17 01:44:16 +02:00
var firstChild = this . Children . First ( c = > c ! = this . ScrollBar ) ;
2020-06-17 01:43:08 +02:00
this . ScrollBar . CurrentValue = ( otherElement . Area . Bottom - firstChild . Area . Top - this . Area . Height / 2 ) / this . Scale ;
2019-08-28 18:58:05 +02:00
} ;
2019-12-14 14:00:12 +01:00
this . AddChild ( this . ScrollBar ) ;
2019-08-12 19:44:16 +02:00
}
}
2020-05-22 17:02:24 +02:00
/// <inheritdoc />
2019-08-12 19:44:16 +02:00
public override void ForceUpdateArea ( ) {
if ( this . scrollOverflow ) {
// sanity check
if ( this . SetHeightBasedOnChildren )
throw new NotSupportedException ( "A panel can't both set height based on children and scroll overflow" ) ;
foreach ( var child in this . Children ) {
if ( child ! = this . ScrollBar & & child . Anchor < Anchor . AutoLeft )
throw new NotSupportedException ( $"A panel that handles overflow can't contain non-automatic anchors ({child})" ) ;
if ( child is Panel panel & & panel . scrollOverflow )
throw new NotSupportedException ( $"A panel that scrolls overflow cannot contain another panel that scrolls overflow ({child})" ) ;
}
}
base . ForceUpdateArea ( ) ;
2020-05-22 17:02:24 +02:00
2019-09-20 13:48:49 +02:00
this . ScrollChildren ( ) ;
2020-05-17 00:59:15 +02:00
this . ScrollSetup ( ) ;
2021-10-29 23:33:15 +02:00
this . SetScrollBarStyle ( ) ;
2019-08-12 19:44:16 +02:00
}
2019-09-20 13:48:49 +02:00
private void ScrollChildren ( ) {
2019-08-24 22:27:47 +02:00
if ( ! this . scrollOverflow )
return ;
2021-11-01 22:58:37 +01:00
var offset = new Vector2 ( 0 , - this . ScrollBar . CurrentValue ) ;
foreach ( var child in this . GetChildren ( c = > c ! = this . ScrollBar , true ) ) {
if ( child . ScrollOffset ! = offset ) {
child . ScrollOffset = offset ;
this . relevantChildrenDirty = true ;
}
}
2019-09-20 13:48:49 +02:00
}
2020-05-22 17:02:24 +02:00
/// <inheritdoc />
2019-11-18 22:36:55 +01:00
public override void ForceUpdateSortedChildren ( ) {
base . ForceUpdateSortedChildren ( ) ;
2021-03-24 22:01:02 +01:00
if ( this . scrollOverflow )
2021-11-05 23:22:39 +01:00
this . ForceUpdateRelevantChildren ( ) ;
2021-03-24 22:01:02 +01:00
}
/// <inheritdoc />
public override void RemoveChild ( Element element ) {
if ( element = = this . ScrollBar )
throw new NotSupportedException ( "A panel that scrolls overflow cannot have its scroll bar removed from its list of children" ) ;
base . RemoveChild ( element ) ;
}
/// <inheritdoc />
public override void RemoveChildren ( Func < Element , bool > condition = null ) {
base . RemoveChildren ( e = > e ! = this . ScrollBar & & ( condition = = null | | condition ( e ) ) ) ;
2019-11-18 22:36:55 +01:00
}
2020-05-22 17:02:24 +02:00
/// <inheritdoc />
2021-03-24 01:39:41 +01:00
protected override IList < Element > GetRelevantChildren ( ) {
2019-11-18 22:36:55 +01:00
var relevant = base . GetRelevantChildren ( ) ;
if ( this . scrollOverflow ) {
2021-11-05 23:22:39 +01:00
if ( this . relevantChildrenDirty )
this . ForceUpdateRelevantChildren ( ) ;
2019-11-18 22:36:55 +01:00
relevant = this . relevantChildren ;
2019-09-20 13:48:49 +02:00
}
2019-11-18 22:36:55 +01:00
return relevant ;
2019-08-24 22:27:47 +02:00
}
2020-05-22 17:02:24 +02:00
/// <inheritdoc />
2019-09-20 13:22:05 +02:00
public override void Draw ( GameTime time , SpriteBatch batch , float alpha , BlendState blendState , SamplerState samplerState , Matrix matrix ) {
2020-02-06 17:36:51 +01:00
if ( this . Texture . HasValue ( ) )
2021-06-22 01:14:06 +02:00
batch . Draw ( this . Texture , this . DisplayArea , this . DrawColor . OrDefault ( Color . White ) * alpha , this . Scale ) ;
2019-08-12 19:44:16 +02:00
// if we handle overflow, draw using the render target in DrawUnbound
2019-12-24 17:52:16 +01:00
if ( ! this . scrollOverflow | | this . renderTarget = = null ) {
2019-09-20 13:22:05 +02:00
base . Draw ( time , batch , alpha , blendState , samplerState , matrix ) ;
2019-12-24 17:52:16 +01:00
} else {
2019-08-12 19:44:16 +02:00
// draw the actual render target (don't apply the alpha here because it's already drawn onto with alpha)
2019-09-04 17:19:31 +02:00
batch . Draw ( this . renderTarget , this . GetRenderTargetArea ( ) , Color . White ) ;
2019-08-12 19:44:16 +02:00
}
}
2020-05-22 17:02:24 +02:00
/// <inheritdoc />
2019-09-02 19:55:26 +02:00
public override void DrawEarly ( GameTime time , SpriteBatch batch , float alpha , BlendState blendState , SamplerState samplerState , Matrix matrix ) {
2019-12-28 12:59:14 +01:00
this . UpdateAreaIfDirty ( ) ;
2019-12-24 17:48:57 +01:00
if ( this . scrollOverflow & & this . renderTarget ! = null ) {
2019-08-12 19:44:16 +02:00
// draw children onto the render target
2020-04-02 17:54:10 +02:00
using ( batch . GraphicsDevice . WithRenderTarget ( this . renderTarget ) ) {
batch . GraphicsDevice . Clear ( Color . Transparent ) ;
// offset children by the render target's location
var area = this . GetRenderTargetArea ( ) ;
var trans = Matrix . CreateTranslation ( - area . X , - area . Y , 0 ) ;
// do the usual draw, but within the render target
batch . Begin ( SpriteSortMode . Deferred , blendState , samplerState , null , null , null , trans ) ;
base . Draw ( time , batch , alpha , blendState , samplerState , trans ) ;
batch . End ( ) ;
}
2019-08-12 19:44:16 +02:00
}
2021-06-07 23:14:50 +02:00
base . DrawEarly ( time , batch , alpha , blendState , samplerState , matrix ) ;
2019-08-09 19:28:48 +02:00
}
2020-05-22 17:02:24 +02:00
/// <inheritdoc />
2019-11-02 14:53:59 +01:00
public override Element GetElementUnderPos ( Vector2 position ) {
2019-08-20 21:41:22 +02:00
// if overflow is handled, don't propagate mouse checks to hidden children
2019-08-30 18:15:50 +02:00
if ( this . scrollOverflow & & ! this . GetRenderTargetArea ( ) . Contains ( position ) )
2020-11-05 01:16:01 +01:00
return ! this . IsHidden & & this . CanBeMoused & & this . DisplayArea . Contains ( position ) ? this : null ;
2019-08-30 18:15:50 +02:00
return base . GetElementUnderPos ( position ) ;
2019-08-20 21:41:22 +02:00
}
2019-11-02 14:53:59 +01:00
private RectangleF GetRenderTargetArea ( ) {
2019-08-12 19:44:16 +02:00
var area = this . ChildPaddedArea ;
area . X = this . DisplayArea . X ;
area . Width = this . DisplayArea . Width ;
return area ;
2019-08-09 19:28:48 +02:00
}
2020-05-22 17:02:24 +02:00
/// <inheritdoc />
2019-08-10 21:37:10 +02:00
protected override void InitStyle ( UiStyle style ) {
base . InitStyle ( style ) ;
2019-10-14 21:28:12 +02:00
this . Texture . SetFromStyle ( style . PanelTexture ) ;
2021-10-29 23:33:15 +02:00
this . StepPerScroll . SetFromStyle ( style . PanelStepPerScroll ) ;
this . ScrollerSize . SetFromStyle ( style . PanelScrollerSize ) ;
2021-10-30 15:33:38 +02:00
this . ChildPadding . SetFromStyle ( style . PanelChildPadding ) ;
2021-11-11 16:43:27 +01:00
this . ScrollBarOffset . SetFromStyle ( style . PanelScrollBarOffset ) ;
2021-10-29 23:33:15 +02:00
this . SetScrollBarStyle ( ) ;
2019-08-10 21:37:10 +02:00
}
2020-05-22 17:02:24 +02:00
/// <summary>
/// Prepares the panel for auto-scrolling, creating the render target and setting up the scroll bar's maximum value.
/// </summary>
2020-05-17 00:59:15 +02:00
protected virtual void ScrollSetup ( ) {
2020-05-30 22:48:09 +02:00
if ( ! this . scrollOverflow | | this . IsHidden )
2020-05-17 00:59:15 +02:00
return ;
// if there is only one child, then we have just the scroll bar
if ( this . Children . Count = = 1 )
return ;
2021-11-08 02:11:05 +01:00
2020-05-17 00:59:15 +02:00
// the "real" first child is the scroll bar, which we want to ignore
2020-06-17 01:44:16 +02:00
var firstChild = this . Children . First ( c = > c ! = this . ScrollBar ) ;
2021-03-29 08:28:49 +02:00
var lowestChild = this . GetLowestChild ( c = > c ! = this . ScrollBar & & ! c . IsHidden ) ;
2020-05-17 00:59:15 +02:00
var childrenHeight = lowestChild . Area . Bottom - firstChild . Area . Top ;
2021-11-08 02:11:05 +01:00
2021-11-08 02:06:50 +01:00
// the max value of the scrollbar is the amount of non-scaled pixels taken up by overflowing components
var scrollBarMax = ( childrenHeight - this . ChildPaddedArea . Height ) / this . Scale ;
2021-11-08 02:11:05 +01:00
if ( ! this . ScrollBar . MaxValue . Equals ( scrollBarMax , Epsilon ) ) {
2021-11-08 02:06:50 +01:00
this . ScrollBar . MaxValue = scrollBarMax ;
this . relevantChildrenDirty = true ;
}
2021-11-08 02:11:05 +01:00
2021-11-08 02:02:59 +01:00
// the scroller height has the same relation to the scroll bar height as the visible area has to the total height of the panel's content
2021-11-08 02:11:05 +01:00
var scrollerHeight = Math . Min ( this . ChildPaddedArea . Height / childrenHeight / this . Scale , 1 ) * this . ScrollBar . Area . Height ;
2021-11-08 02:02:59 +01:00
this . ScrollBar . ScrollerSize = new Vector2 ( this . ScrollerSize . Value . X , Math . Max ( this . ScrollerSize . Value . Y , scrollerHeight ) ) ;
2020-05-17 00:59:15 +02:00
// update the render target
var targetArea = ( Rectangle ) this . GetRenderTargetArea ( ) ;
2020-06-01 21:34:55 +02:00
if ( targetArea . Width < = 0 | | targetArea . Height < = 0 )
return ;
2020-05-17 00:59:15 +02:00
if ( this . renderTarget = = null | | targetArea . Width ! = this . renderTarget . Width | | targetArea . Height ! = this . renderTarget . Height ) {
if ( this . renderTarget ! = null )
this . renderTarget . Dispose ( ) ;
2021-03-29 02:26:44 +02:00
this . renderTarget = targetArea . IsEmpty ? null : new RenderTarget2D ( this . System . Game . GraphicsDevice , targetArea . Width , targetArea . Height ) ;
2021-11-05 23:28:32 +01:00
this . relevantChildrenDirty = true ;
2020-05-17 00:59:15 +02:00
}
}
2021-06-08 00:29:51 +02:00
/// <inheritdoc />
2021-06-09 00:27:50 +02:00
public override void Dispose ( ) {
2021-06-08 00:29:51 +02:00
if ( this . renderTarget ! = null ) {
this . renderTarget . Dispose ( ) ;
this . renderTarget = null ;
}
2021-06-09 00:27:50 +02:00
base . Dispose ( ) ;
2021-06-08 00:29:51 +02:00
}
2021-10-29 23:33:15 +02:00
private void SetScrollBarStyle ( ) {
if ( this . ScrollBar = = null )
return ;
this . ScrollBar . StepPerScroll = this . StepPerScroll ;
this . ScrollBar . Size = new Vector2 ( this . ScrollerSize . Value . X , 1 ) ;
2021-11-11 16:43:27 +01:00
this . ScrollBar . PositionOffset = new Vector2 ( - this . ScrollerSize . Value . X - this . ScrollBarOffset , 0 ) ;
2021-10-29 23:33:15 +02:00
}
2021-11-05 23:22:39 +01:00
private void ForceUpdateRelevantChildren ( ) {
this . relevantChildrenDirty = false ;
this . relevantChildren . Clear ( ) ;
var visible = this . GetRenderTargetArea ( ) ;
foreach ( var child in this . SortedChildren ) {
if ( child . Area . Intersects ( visible ) ) {
this . relevantChildren . Add ( child ) ;
} else {
foreach ( var c in child . GetChildren ( regardGrandchildren : true ) ) {
if ( c . Area . Intersects ( visible ) ) {
this . relevantChildren . Add ( child ) ;
break ;
}
}
}
}
}
2019-08-09 19:28:48 +02:00
}
}