Difference between revisions of "LGUI2:border"
Jump to navigation
Jump to search
Line 18: | Line 18: | ||
! borderThickness | ! borderThickness | ||
| A [[LGUI2:Thickness|Thickness]] definition specifying the thickness for the standard Border | | A [[LGUI2:Thickness|Thickness]] definition specifying the thickness for the standard Border | ||
+ | |- | ||
+ | ! horizontalContentAlignment | ||
+ | | The horizontal alignment of the child element; one of "none" "stretch" "left" "right" "center" | ||
+ | |- | ||
+ | ! verticalContentAlignment | ||
+ | | The vertical alignment of the child element; one of "none" "stretch" "top" "bottom" "center" | ||
|} | |} | ||
Latest revision as of 11:45, 4 October 2019
A LavishGUI 2 border element is a single-child element with a standard Border. Many other types of elements also support a standard Border.
Defining a border element
A border element is a Element with the addition of a "child" property, and standard Border properties.
Border element properties | |
---|---|
child | A Element definition specifying the sole child of the border element |
borderBrush | A Brush definition specifying the brush for the standard Border |
backgroundBrush | A Brush definition specifying the brush for the background inside the Border |
borderThickness | A Thickness definition specifying the thickness for the standard Border |
horizontalContentAlignment | The horizontal alignment of the child element; one of "none" "stretch" "left" "right" "center" |
verticalContentAlignment | The vertical alignment of the child element; one of "none" "stretch" "top" "bottom" "center" |
Examples
- A border element, with a 1 pixel thick white border around a black background containing a textblock
{ "type": "border", "child": "My border has some text!", "borderBrush": { "color": [ 1.0, 1.0, 1.0 ] }, "backgroundBrush": { "color": [ 0, 0, 0 ] }, "borderThickness": 1 }
LavishGUI 2 Element Types
- Base Element Types: Element - Content Container - Headered Content Container - Item List
- Layout: anchor - border - dockpanel - dragger - expander - hud - map - page - pagecontrol -panel - popup - radialpanel - screen - scrollviewer - stackpanel - tab - tabcontrol - table - treepanel - window - wrappanel
- Display: canvas - imagebox - progressbar - radialgauge - textblock
- Interaction: button - checkbox - combobox - contextmenu - dragin - filepicker - itemview - knob - listbox - mapitemview - objectview - propertyview - scrollbar - sensitivebutton - slider - textbox
LavishGUI 2 LavishScript Object Types
- Core API (see Using LavishGUI 2 from LavishScript)
- lgui2 - lgui2animateargs - lgui2animationtype - lgui2elementref - lgui2eventargs - lgui2eventhandler - lgui2elementtype - lgui2itemviewgeneratorargs - lgui2inputbinding - lgui2layer - lgui2skin - lgui2trigger
- Enums
- elgui2animationframestate - elgui2dpad - elgui2edge - elgui2fontflags - elgui2horizontalalignment - elgui2imageorientation - elgui2progresstext - elgui2scrollbar - elgui2sizetocontent - elgui2verticalignment - elgui2visibility
- Element Components
- lgui2animation - lgui2brush - lgui2fontstyle - lgui2margins - lgui2item - lgui2property - lgui2radialitem - lgui2radialgaugeneedle
- Element Base Types
- lgui2element - lgui2bordered - lgui2contentbase - lgui2headeredcontentbase - lgui2itemlist
- Elements
- Layout: lgui2anchor - lgui2border - lgui2dockpanel - lgui2dragger - lgui2expander - lgui2hud - lgui2map - lgui2page - lgui2pagecontrol - lgui2panel - lgui2popup - lgui2radialpanel - lgui2screen - lgui2scrollviewer - lgui2stackpanel - lgui2tab - lgui2tabcontrol - lgui2table - lgui2treepanel - lgui2window - lgui2wrappanel
- Display: lgui2canvas - lgui2imagebox - lgui2progressbar - lgui2radialgauge - lgui2textblock
- Interaction: lgui2button - lgui2checkbox - lgui2combobox - lgui2contextmenu - lgui2dragin - lgui2filepicker - lgui2itemview - lgui2knob - lgui2listbox - lgui2mapitemview - lgui2objectview - lgui2propertyview - lgui2scrollbar - lgui2sensitivebutton - lgui2slider - lgui2textbox