Dgs-dxtabpanel - Revision history

Thisdp: /* Properties */

2022-05-07T09:56:52Z

Properties

← Older revision		Revision as of 09:56, 7 May 2022
Line 17:		Line 17:
	<syntaxhighlight lang="lua">dgsSetProperty(tabpanel,"bgImage",bgImage)</syntaxhighlight>		<syntaxhighlight lang="lua">dgsSetProperty(tabpanel,"bgImage",bgImage)</syntaxhighlight>
	*'''bgImage:''' A material element that serves as the background image of the tab panel (texture/shader/screen source/renderTarget).		*'''bgImage:''' A material element that serves as the background image of the tab panel (texture/shader/screen source/renderTarget).

	~~===tabHeight===~~
	~~This property determines the height of tab.~~
	~~<syntaxhighlight lang="lua">dgsSetProperty(tabpanel,"tabHeight",{tabHeight,relative})</syntaxhighlight>~~
	*'''tabHeight:''' A number of the height of the tab.
	*'''relative:''' A bool of the relative state of the tab height.

	===font===		===font===
Line 43:		Line 37:
	*'''hoveringColor:''' An integer of the color of the tab button which is hovered on.		*'''hoveringColor:''' An integer of the color of the tab button which is hovered on.
	*'''selectedColor:''' An integer of the color of the tab button which is selected.		*'''selectedColor:''' An integer of the color of the tab button which is selected.

			===tabHeight===
			This property determines the height of tab.
			<syntaxhighlight lang="lua">dgsSetProperty(tabpanel,"tabHeight",{tabHeight,relative})</syntaxhighlight>
			*'''tabHeight:''' A number of the height of the tab.
			*'''relative:''' A bool of the relative state of the tab height.

	===tabImage===		===tabImage===

Thisdp: /* tabColor */

2022-05-07T07:25:12Z

tabColor

← Older revision		Revision as of 07:25, 7 May 2022
Line 38:		Line 38:

	===tabColor===		===tabColor===
	This property determines the color of all tab buttons if not specified by [[dgs-dxtab]]. Different from '''bgColor'''		This property determines the color of all tab buttons if not specified by [[dgs-dxtab#tabColor\|tabColor of tab]]. Different from '''bgColor'''
	<syntaxhighlight lang="lua">dgsSetProperty(tabpanel,"tabColor",{defaultColor,hoveringColor,selectedColor})</syntaxhighlight>		<syntaxhighlight lang="lua">dgsSetProperty(tabpanel,"tabColor",{defaultColor,hoveringColor,selectedColor})</syntaxhighlight>
	*'''defaultColor:''' An integer of the color of the normal tab button.		*'''defaultColor:''' An integer of the color of the normal tab button.

Thisdp: /* tabImage */

2022-05-07T07:24:41Z

tabImage

← Older revision		Revision as of 07:24, 7 May 2022
Line 45:		Line 45:

	===tabImage===		===tabImage===
	This property determines the image of all tab buttons if not specified by [[dgs-dxtab\|tabImage of tab]]. Different from '''bgImage'''		This property determines the image of all tab buttons if not specified by [[dgs-dxtab#tabImage\|tabImage of tab]]. Different from '''bgImage'''
	<syntaxhighlight lang="lua">dgsSetProperty(tabpanel,"tabImage",{defaultImage,hoveringImage,selectedImage})</syntaxhighlight>		<syntaxhighlight lang="lua">dgsSetProperty(tabpanel,"tabImage",{defaultImage,hoveringImage,selectedImage})</syntaxhighlight>
	*'''defaultImage:''' A material element of the normal tab button. ( Passing a nil value can disable this option )		*'''defaultImage:''' A material element of the normal tab button. ( Passing a nil value can disable this option )

Thisdp: /* tabImage */

2022-05-07T07:24:25Z

tabImage

← Older revision		Revision as of 07:24, 7 May 2022
Line 45:		Line 45:

	===tabImage===		===tabImage===
	This property determines the image of all tab buttons if not specified by [[dgs-dxtab]]. Different from '''bgImage'''		This property determines the image of all tab buttons if not specified by [[dgs-dxtab\|tabImage of tab]]. Different from '''bgImage'''
	<syntaxhighlight lang="lua">dgsSetProperty(tabpanel,"tabImage",{defaultImage,hoveringImage,selectedImage})</syntaxhighlight>		<syntaxhighlight lang="lua">dgsSetProperty(tabpanel,"tabImage",{defaultImage,hoveringImage,selectedImage})</syntaxhighlight>
	*'''defaultImage:''' A material element of the normal tab button. ( Passing a nil value can disable this option )		*'''defaultImage:''' A material element of the normal tab button. ( Passing a nil value can disable this option )

Thisdp at 07:23, 7 May 2022

2022-05-07T07:23:59Z

@@ Line 36: / Line 36: @@
 **'''"center"''':
 **'''"right"''':
 ===tabOffset===

Thisdp at 02:50, 11 March 2022

2022-03-11T02:50:02Z

← Older revision		Revision as of 02:50, 11 March 2022
Line 89:		Line 89:
	<syntaxhighlight lang="lua">dgsSetProperty(tabpanel,"selected",selected)</syntaxhighlight>		<syntaxhighlight lang="lua">dgsSetProperty(tabpanel,"selected",selected)</syntaxhighlight>
	*'''selected:''' A number of the index of selected tab.		*'''selected:''' A number of the index of selected tab.

			===shadow===
			The shadow text of the tab if not specified by tab.
			<syntaxhighlight lang="lua">dgsSetProperty(tabpanel,"shadow",{offsetX,offsetY,color})</syntaxhighlight>
			*'''offsetX:''' A float of the 2D X offset of the shadow text of the tab.
			*'''offsetY:''' A float of the 2D Y offset of the shadow text of the tab.
			*'''color:''' An integer of the color of the shadow text of the tab.

	===renderTarget===		===renderTarget===

Thisdp: /* tabOffset */

2021-02-07T12:30:19Z

tabOffset

← Older revision		Revision as of 12:30, 7 February 2021
Line 40:		Line 40:
	This property determines the offset of all tabs.		This property determines the offset of all tabs.
	<syntaxhighlight lang="lua">dgsSetProperty(tabpanel,"tabOffset",{tabOffset,relative})</syntaxhighlight>		<syntaxhighlight lang="lua">dgsSetProperty(tabpanel,"tabOffset",{tabOffset,relative})</syntaxhighlight>
	*'''~~tabPadding~~:''' An number of the offset of all tabs.		*'''tabOffset:''' An number of the offset of all tabs.
	*'''relative:''' A bool of the relative state of all tabs' offset.		*'''relative:''' A bool of the relative state of all tabs' offset.

Thisdp at 04:28, 6 February 2021

2021-02-06T04:28:24Z

@@ Line 28: / Line 28: @@
 <syntaxhighlight lang="lua">dgsSetProperty(tabpanel,"font",font)</syntaxhighlight>
 *'''font:''' A dx font element of the default text font of the tab panel.
 ===tabPadding===

Thisdp: /* scrollSpeed */

2020-03-15T08:27:58Z

scrollSpeed

← Older revision		Revision as of 08:27, 15 March 2020
Line 53:		Line 53:
	===scrollSpeed===		===scrollSpeed===
	If you created a lot of tabs in tab panel, you can scroll your wheel on the tabs to view the tabs that are out of range.		If you created a lot of tabs in tab panel, you can scroll your wheel on the tabs to view the tabs that are out of range.

	This property determines the scroll speed.		This property determines the scroll speed.
	<syntaxhighlight lang="lua">dgsSetProperty(tabpanel,"scrollSpeed",{scrollSpeed,relative})</syntaxhighlight>		<syntaxhighlight lang="lua">dgsSetProperty(tabpanel,"scrollSpeed",{scrollSpeed,relative})</syntaxhighlight>

Thisdp: Created page with "DGS Properties is always used to change the gui style and make it more fantastic. This page shows the properties of dgs-dxtabpanel that you could use. ==Main Functio..."

2020-03-15T08:27:36Z

Created page with "DGS Properties is always used to change the gui style and make it more fantastic. This page shows the properties of dgs-dxtabpanel that you could use. ==Main Functio..."

New page

[[Dgs|DGS]] Properties is always used to change the gui style and make it more fantastic.

This page shows the properties of dgs-dxtabpanel that you could use.

==Main Functions==
*[[dgsSetProperty]]
*[[dgsGetProperty]]

==Properties==
===bgColor===
This property determines the default background color of the tab panel.
<syntaxhighlight lang="lua">dgsSetProperty(tabpanel,"bgColor",bgColor)</syntaxhighlight>
*'''bgColor:''' An integer of the color that can be converted by [[tocolor]].

===bgImage===
This property determines the default background image of the tab panel.
<syntaxhighlight lang="lua">dgsSetProperty(tabpanel,"bgImage",bgImage)</syntaxhighlight>
*'''bgImage:''' A material element that serves as the background image of the tab panel (texture/shader/screen source/renderTarget).

===tabHeight===
This property determines the height of tab.
<syntaxhighlight lang="lua">dgsSetProperty(tabpanel,"tabHeight",{tabHeight,relative})</syntaxhighlight>
*'''tabHeight:''' A number of the height of the tab.
*'''relative:''' A bool of the relative state of the tab height.

===font===
This property determines the default font of tabs. This is equivalent to dgsSetFont/dgsGetFont. Learn More dxDrawText
<syntaxhighlight lang="lua">dgsSetProperty(tabpanel,"font",font)</syntaxhighlight>
*'''font:''' A dx font element of the default text font of the tab panel.

===tabPadding===
This property determines the distance between the horizontal border of tabs to its text's bounding box.
<syntaxhighlight lang="lua">dgsSetProperty(tabpanel,"tabPadding",{tabPadding,relative})</syntaxhighlight>
*'''tabPadding:''' An number of the padding of the tab.
*'''relative:''' A bool of the relative state of the tab padding.

===tabGapSize===
This property determines the distance between two tabs.
<syntaxhighlight lang="lua">dgsSetProperty(tabpanel,"tabGapSize",{tabGapSize,relative})</syntaxhighlight>
*'''tabGapSize:''' An number of distance between two tabs.
*'''relative:''' A bool of the relative state of the tab gap size.

===tabLengthAll===
This property stores the length of all tabs (You may crash tab panel if you modify this property).
<syntaxhighlight lang="lua">dgsSetProperty(tabpanel,"tabLengthAll",tabLengthAll)</syntaxhighlight>
*'''tabLengthAll:''' A integer of the length of all tabs in pixels.

===showPos===
This property stores the value of how many pixels does the tabs scroll to left.
<syntaxhighlight lang="lua">dgsSetProperty(tabpanel,"showPos",showPos)</syntaxhighlight>
*'''showPos:''' A integer of how many pixels does the tabs scroll to left.

===scrollSpeed===
If you created a lot of tabs in tab panel, you can scroll your wheel on the tabs to view the tabs that are out of range.
This property determines the scroll speed.
<syntaxhighlight lang="lua">dgsSetProperty(tabpanel,"scrollSpeed",{scrollSpeed,relative})</syntaxhighlight>
*'''scrollSpeed:''' A number of scroll speed depends on '''relative'''.
*'''relative:''' A bool of the relative state of the '''scrollSpeed'''.[false: pixels/scroll,true: ratio/scroll]

===tabMaxWidth===
This property restricts the maximum width of the tab.
<syntaxhighlight lang="lua">dgsSetProperty(tabpanel,"tabMaxWidth",{tabMaxWidth,relative})</syntaxhighlight>
*'''tabMaxWidth:''' A number of the maximum width of the tab.
*'''relative:''' A bool of the relative state of the '''tabMaxWidth'''.

===tabMinWidth===
This property restricts the minimum width of the tab.
<syntaxhighlight lang="lua">dgsSetProperty(tabpanel,"tabMinWidth",{tabMinWidth,relative})</syntaxhighlight>
*'''tabMinWidth:''' A number of the minimum width of the tab.
*'''relative:''' A bool of the relative state of the '''tabMinWidth'''.

===selected===
This property stores the index of selected tab.
<syntaxhighlight lang="lua">dgsSetProperty(tabpanel,"selected",selected)</syntaxhighlight>
*'''selected:''' A number of the index of selected tab.

===renderTarget===
This property stores the render target that is used to render the tab button.
<syntaxhighlight lang="lua">dgsSetProperty(tabpanel,"renderTarget",renderTarget)</syntaxhighlight>
*'''renderTarget:''' A render target.

===preSelect===
This property stores the index of the tab which your mouse is hovering on.
<syntaxhighlight lang="lua">dgsSetProperty(tabpanel,"preSelect",preSelect)</syntaxhighlight>
*'''preSelect:''' A number of the index of the tab which your mouse is hovering on.

==See Also==
{{DGSPROPERTIES}}