Chili - Revision history

Beherith at 11:32, 7 February 2021

2021-02-07T11:32:01Z

← Older revision		Revision as of 12:32, 7 February 2021
Line 50:		Line 50:

	Viewing the diagram as a tree, each component inherits from its parent in the tree. In practice, this means each component has the properties/functionality of its own type, and also of all components found upwards from it in the tree. For example, a Grid has it's own properties, but also has those of a LayoutPanel, Control and Object.		Viewing the diagram as a tree, each component inherits from its parent in the tree. In practice, this means each component has the properties/functionality of its own type, and also of all components found upwards from it in the tree. For example, a Grid has it's own properties, but also has those of a LayoutPanel, Control and Object.

			== Skinning Chili ==
			Start with your desired <code>skin.lua</code>.

			An example button skin will look like this:

			<syntaxhighlight lang="lua">
			skin.positive_button = {
			clone = "window";

			TileImageBK = ":cl:tech_button_bright_small_bk.png",
			TileImageFG = ":cl:tech_button_bright_small_fg.png",

			tiles = {40, 40, 40, 40}, --// tile widths: left,top,right,bottom
			padding = {10, 10, 10, 10},

			backgroundColor = {0.50, 0.50, 0.50, 0.65},
			focusColor = {0.50, 0.50, 0.50, 0.9},
			borderColor = {0.50, 0.50, 0.50, 0.15},

			DrawControl = DrawButton,
			}
			</syntaxhighlight>


			* <code>TileImageBK</code> - This image will be the background of your control. Alpha values indicate transparency, and color values you will be multiplied with <code>backgroundColor</code>

			* <code>TileImageFG</code> - This image will be the foreground (drawn over background) of your control. Alpha values indicate transparency, and color values you will be multiplied with <code>borderColor</code>

			* <code>tiles</code> - This image will be the background of your control. Alpha values indicate transparency, and color values you will be multiplied with <code>backgroundColor</code>

			* <code>padding</code> - This image will be the background of your control. Alpha values indicate transparency, and color values you will be multiplied with <code>backgroundColor</code>

			* <code>backgroundColor</code> - This image will be the background of your control. Alpha values indicate transparency, and color values you will be multiplied with <code>backgroundColor</code>

			* <code>focusColor</code> - This image will be the background of your control. Alpha values indicate transparency, and color values you will be multiplied with <code>backgroundColor</code>

			* <code>borderColor</code> - This image will be the background of your control. Alpha values indicate transparency, and color values you will be multiplied with <code>backgroundColor</code>




	[[Category:Libraries]]		[[Category:Libraries]]

Abma at 00:14, 11 October 2016

2016-10-11T00:14:25Z

← Older revision		Revision as of 01:14, 11 October 2016
Line 19:		Line 19:
	== Documentation: Chili Component Hierarchy ==		== Documentation: Chili Component Hierarchy ==

	The Chili framework is object orientated, and each different component is a class. The hierarchy of components, which is documented [~~http~~://gajop.github.io/chiliui/index.html here], is as follows:		The Chili framework is object orientated, and each different component is a class. The hierarchy of components, which is documented [https://gajop.github.io/chiliui/index.html here], is as follows:

	[https://gajop.github.io/chiliui/modules/controls.object.html Object]		[https://gajop.github.io/chiliui/modules/controls.object.html Object]

Abma: https->https

2016-10-11T00:13:59Z

https->https

Flozi: categorise

2016-04-26T20:55:57Z

categorise

← Older revision		Revision as of 21:55, 26 April 2016
Line 50:		Line 50:

	Viewing the diagram as a tree, each component inherits from its parent in the tree. In practice, this means each component has the properties/functionality of its own type, and also of all components found upwards from it in the tree. For example, a Grid has it's own properties, but also has those of a LayoutPanel, Control and Object.		Viewing the diagram as a tree, each component inherits from its parent in the tree. In practice, this means each component has the properties/functionality of its own type, and also of all components found upwards from it in the tree. For example, a Grid has it's own properties, but also has those of a LayoutPanel, Control and Object.

			[[Category:Libraries]]

Silentwings at 14:43, 1 September 2015

2015-09-01T14:43:37Z

← Older revision		Revision as of 15:43, 1 September 2015
Line 10:		Line 10:
	* [[Chili:Examples\| Examples of Chili widgets]]		* [[Chili:Examples\| Examples of Chili widgets]]

	Before working with Chili, it is strongly recommended to be familiar with using [[Lua_Scripting\| Lua in Spring]].		Before working with Chili, it is strongly recommended to be familiar with using [[Lua_Scripting\| Lua in Spring]], in particular with writing simple widgets.

	=== Including Chili ===		=== Including Chili ===

Silentwings: more fix links

2015-09-01T13:55:26Z

Silentwings: fix links

2015-09-01T13:54:27Z

fix links

← Older revision		Revision as of 14:54, 1 September 2015
Line 7:		Line 7:
	=== Learning Chili ===		=== Learning Chili ===

	* [[Chili~~/Chili_Tutorial~~\| Chili Tutorial]]		* [[Chili:Tutorial\| Chili Tutorial]]
	* [[Chili~~/Chili_Examples~~\| Examples of Chili widgets]]		* [[Chili:Examples\| Examples of Chili widgets]]

	Before working with Chili, it is strongly recommended to be familiar with using [[Lua_Scripting\| Lua in Spring]].		Before working with Chili, it is strongly recommended to be familiar with using [[Lua_Scripting\| Lua in Spring]].
Line 14:		Line 14:
	=== Including Chili ===		=== Including Chili ===

	* [[Chili~~/Chili_Adding_To_Game~~\|Adding Chili to a game]]		* [[Chili:Adding_To_Game\|Adding Chili to a game]]
	* [[Chili/Hiding_The_Default_GUI\|Hiding Springs default GUI]]		* [[Chili:Hiding_The_Default_GUI\|Hiding Springs default GUI]]

	== Documentation: Chili Component Hierarchy ==		== Documentation: Chili Component Hierarchy ==

Silentwings at 10:53, 31 August 2015

2015-08-31T10:53:01Z

← Older revision		Revision as of 11:53, 31 August 2015
Line 3:		Line 3:
	== Chili UI ==		== Chili UI ==

	Chili is Springs very own GUI framework. It's a flexible, class based framework which allows you to create great looking GUIs very quickly. See [[Chili/Chili_ScreenShots\| Screenshots]] ~~(TODO!)~~		Chili is Springs very own GUI framework. It's a flexible, class based framework which allows you to create great looking GUIs very quickly. See [[Chili/Chili_ScreenShots\| Screenshots]].

	=== Learning Chili ===		=== Learning Chili ===

Silentwings: /* Chili UI */

2015-08-31T10:52:09Z

Chili UI

← Older revision		Revision as of 11:52, 31 August 2015
Line 3:		Line 3:
	== Chili UI ==		== Chili UI ==

	Chili is Springs very own GUI framework. It's a flexible, class based framework which allows you to create great looking GUIs very quickly. See [[Chili/~~Chili_Screen~~\| Screenshots]] (TODO!)		Chili is Springs very own GUI framework. It's a flexible, class based framework which allows you to create great looking GUIs very quickly. See [[Chili/Chili_ScreenShots\| Screenshots]] (TODO!)

	=== Learning Chili ===		=== Learning Chili ===
Line 16:		Line 16:
	* [[Chili/Chili_Adding_To_Game\|Adding Chili to a game]]		* [[Chili/Chili_Adding_To_Game\|Adding Chili to a game]]
	* [[Chili/Hiding_The_Default_GUI\|Hiding Springs default GUI]]		* [[Chili/Hiding_The_Default_GUI\|Hiding Springs default GUI]]


	== Documentation: Chili Component Hierarchy ==		== Documentation: Chili Component Hierarchy ==

Silentwings at 10:36, 31 August 2015

2015-08-31T10:36:24Z

← Older revision		Revision as of 11:36, 31 August 2015
Line 1:		Line 1:
			[[Main_Page\|Wiki]] < {{FULLPAGENAME}}

	== Chili UI ==		== Chili UI ==

← Older revision		Revision as of 01:13, 11 October 2016
Line 21:		Line 21:
	The Chili framework is object orientated, and each different component is a class. The hierarchy of components, which is documented [http://gajop.github.io/chiliui/index.html here], is as follows:		The Chili framework is object orientated, and each different component is a class. The hierarchy of components, which is documented [http://gajop.github.io/chiliui/index.html here], is as follows:

	[~~http~~://gajop.github.io/chiliui/modules/controls.object.html Object]		[https://gajop.github.io/chiliui/modules/controls.object.html Object]
	\|_ [~~http~~://gajop.github.io/chiliui/modules/controls.screen.html Screen]		\|_ [https://gajop.github.io/chiliui/modules/controls.screen.html Screen]
	\|_ [~~http~~://gajop.github.io/chiliui/modules/controls.control.html Control]		\|_ [https://gajop.github.io/chiliui/modules/controls.control.html Control]
	\|_ [~~http~~://gajop.github.io/chiliui/modules/controls.button.html Button]		\|_ [https://gajop.github.io/chiliui/modules/controls.button.html Button]
	\|_ [~~http~~://gajop.github.io/chiliui/modules/controls.checkbox.html Checkbox]		\|_ [https://gajop.github.io/chiliui/modules/controls.checkbox.html Checkbox]
	\|_ [~~http~~://gajop.github.io/chiliui/modules/controls.checkbox.html ColorBars]		\|_ [https://gajop.github.io/chiliui/modules/controls.checkbox.html ColorBars]
	\|_ [~~http~~://gajop.github.io/chiliui/modules/controls.combobox.html ComboBox]		\|_ [https://gajop.github.io/chiliui/modules/controls.combobox.html ComboBox]
	\|_ [~~http~~://gajop.github.io/chiliui/modules/controls.editbox.html EditBox]		\|_ [https://gajop.github.io/chiliui/modules/controls.editbox.html EditBox]
	\|_ [~~http~~://gajop.github.io/chiliui/modules/controls.font.html Font]		\|_ [https://gajop.github.io/chiliui/modules/controls.font.html Font]
	\|_ [~~http~~://gajop.github.io/chiliui/modules/controls.label.html Label]		\|_ [https://gajop.github.io/chiliui/modules/controls.label.html Label]
	\|_ [~~http~~://gajop.github.io/chiliui/modules/controls.layoutpanel.html LayoutPanel]		\|_ [https://gajop.github.io/chiliui/modules/controls.layoutpanel.html LayoutPanel]
	\|_ [~~http~~://gajop.github.io/chiliui/modules/controls.imagelistview.html ImageListView]		\|_ [https://gajop.github.io/chiliui/modules/controls.imagelistview.html ImageListView]
	\|_ [~~http~~://gajop.github.io/chiliui/modules/controls.grid.html Grid]		\|_ [https://gajop.github.io/chiliui/modules/controls.grid.html Grid]
	\|_ [~~http~~://gajop.github.io/chiliui/modules/controls.stackpanel.html StackPanel]		\|_ [https://gajop.github.io/chiliui/modules/controls.stackpanel.html StackPanel]
	\|_ [~~http~~://gajop.github.io/chiliui/modules/controls.tabpanel.html TabPanel]		\|_ [https://gajop.github.io/chiliui/modules/controls.tabpanel.html TabPanel]
	\|_ [~~http~~://gajop.github.io/chiliui/modules/controls.line.html Line]		\|_ [https://gajop.github.io/chiliui/modules/controls.line.html Line]
	\|_ [~~http~~://gajop.github.io/chiliui/modules/controls.image.html Image]		\|_ [https://gajop.github.io/chiliui/modules/controls.image.html Image]
	\|_ [~~http~~://gajop.github.io/chiliui/modules/controls.multiprogressbar.html MultiProgressBar]		\|_ [https://gajop.github.io/chiliui/modules/controls.multiprogressbar.html MultiProgressBar]
	\|_ [~~http~~://gajop.github.io/chiliui/modules/controls.panel.html Panel]		\|_ [https://gajop.github.io/chiliui/modules/controls.panel.html Panel]
	\|_ [~~http~~://gajop.github.io/chiliui/modules/controls.progressbar.html ProgressBar]		\|_ [https://gajop.github.io/chiliui/modules/controls.progressbar.html ProgressBar]
	\|_ [~~http~~://gajop.github.io/chiliui/modules/controls.scale.html Scale]		\|_ [https://gajop.github.io/chiliui/modules/controls.scale.html Scale]
	\|_ [~~http~~://gajop.github.io/chiliui/modules/controls.scrollpanel.html ScrollPanel]		\|_ [https://gajop.github.io/chiliui/modules/controls.scrollpanel.html ScrollPanel]
	\|_ [~~http~~://gajop.github.io/chiliui/modules/controls.textbox.html TextBox]		\|_ [https://gajop.github.io/chiliui/modules/controls.textbox.html TextBox]
	\|_ [~~http~~://gajop.github.io/chiliui/modules/controls.trackbar.html TrackBar]		\|_ [https://gajop.github.io/chiliui/modules/controls.trackbar.html TrackBar]
	\|_ [~~http~~://gajop.github.io/chiliui/modules/controls.treeview.html TreeView]		\|_ [https://gajop.github.io/chiliui/modules/controls.treeview.html TreeView]
	\|_ TreeViewNode		\|_ TreeViewNode
	\|_ [~~http~~://gajop.github.io/chiliui/modules/controls.window.html Window]		\|_ [https://gajop.github.io/chiliui/modules/controls.window.html Window]

	Viewing the diagram as a tree, each component inherits from its parent in the tree. In practice, this means each component has the properties/functionality of its own type, and also of all components found upwards from it in the tree. For example, a Grid has it's own properties, but also has those of a LayoutPanel, Control and Object.		Viewing the diagram as a tree, each component inherits from its parent in the tree. In practice, this means each component has the properties/functionality of its own type, and also of all components found upwards from it in the tree. For example, a Grid has it's own properties, but also has those of a LayoutPanel, Control and Object.

	[[Category:Libraries]]		[[Category:Libraries]]

← Older revision		Revision as of 14:55, 1 September 2015
Line 3:		Line 3:
	== Chili UI ==		== Chili UI ==

	Chili is Springs very own GUI framework. It's a flexible, class based framework which allows you to create great looking GUIs very quickly. See [[Chili~~/Chili_ScreenShots~~\| Screenshots]].		Chili is Springs very own GUI framework. It's a flexible, class based framework which allows you to create great looking GUIs very quickly. See [[Chili:ScreenShots\| Screenshots]].

	=== Learning Chili ===		=== Learning Chili ===