Documentation of BanghamLab utilities - Revision history

AndrewBangham at 08:54, 4 June 2013

2013-06-04T08:54:44Z

← Older revision		Revision as of 09:54, 4 June 2013
Line 14:		Line 14:
	\|width="200"\|Working template created by GuiDemo. <br><br>		\|width="200"\|Working template created by GuiDemo. <br><br>
	It has names (GuiDemo), menus, buttons and a graphics window. All of which can readily be changed or deleted.<br>		It has names (GuiDemo), menus, buttons and a graphics window. All of which can readily be changed or deleted.<br>
	~~Closi~~''~~Italic text~~''ng either window closes both.<br>		''Closing'' either window closes both.<br>
	Having selected a menu item or pressed a button, the callback is displayed in the command window. This makes it easier to edit/add the required functions.		Having selected a menu item or pressed a button, the callback is displayed in the command window. This makes it easier to edit/add the required functions.
	\|width="150pt"\|[[Image:ConnectedSetsGUI1.png\|400px\|ConnectedSetsGUI1.png]]		\|width="150pt"\|[[Image:ConnectedSetsGUI1.png\|400px\|ConnectedSetsGUI1.png]]

AndrewBangham at 17:02, 30 March 2013

2013-03-30T17:02:59Z

← Older revision		Revision as of 18:02, 30 March 2013
Line 3:		Line 3:
	=='''''GuiDemo''''' for rapidly creating user interfaces from simple dialogues to full applications==		=='''''GuiDemo''''' for rapidly creating user interfaces from simple dialogues to full applications==
	Whilst the Matlab ''guide'' is very useful for rapidly creating graphical user interfaces (GUIs) with an arbitrary layout, we find that it is even quicker to base a GUI on ''GuiDemo''. <br>		Whilst the Matlab ''guide'' is very useful for rapidly creating graphical user interfaces (GUIs) with an arbitrary layout, we find that it is even quicker to base a GUI on ''GuiDemo''. <br>
	Why? Because we find it easier to delete things we don't want, and modify those that we do want, rather than starting with a blank screen.		Why? Because we find it easier to delete things we don't want, and modify those that we do want, rather than starting with a blank screen. Our applications often output graphics and images. This system creates a separate Figure for graphical/image output. This makes it easy to resize, print and annotate without altering the GUI itself.
	===Creating a GUI based on GuiDemo===		===Creating a GUI based on GuiDemo===
	Description of how the ''ConnectedSets'' Gui was created.<br>		Description of how the ''ConnectedSets'' Gui was created.<br>

AndrewBangham at 16:59, 30 March 2013

2013-03-30T16:59:49Z

← Older revision		Revision as of 17:59, 30 March 2013
Line 61:		Line 61:
	menu { string "File" size "0 0"		menu { string "File" size "0 0"
	[[ConnectedSetsTemplate\|Full listing of ConnectedSetsLayout.txt at this stage]]<br><br>		[[ConnectedSetsTemplate\|Full listing of ConnectedSetsLayout.txt at this stage]]<br><br>

	</li>		</li>
			<li>Note: a couple of listboxes have been included (they might be useful for listing images etc.</li>
			<li>The next step is to fill in (instantiate) the callbacks - i.e. program the application</li>
	</ol>		</ol>

AndrewBangham at 16:56, 30 March 2013

2013-03-30T16:56:17Z

← Older revision		Revision as of 17:56, 30 March 2013
Line 49:		Line 49:
	end		end
	...		...
			The next step is to copy the lot into the end of ConnectedSet.m<br>
	[[full list of missing connectedset functions\|Full list of missing ConnectedSet callbacks]]		[[full list of missing connectedset functions\|Full list of missing ConnectedSet callbacks]]
	\|width="150pt"\|[[Image:ConnectedSetsGUI2.png\|400px\|ConnectedSetsGUI2.png]]		\|width="150pt"\|[[Image:ConnectedSetsGUI2.png\|400px\|ConnectedSetsGUI2.png]]
Line 59:		Line 60:
	inherit callback		inherit callback
	menu { string "File" size "0 0"		menu { string "File" size "0 0"
	[[ConnectedSetsTemplate\|Full listing of ~~ConnectedSets~~ at this stage]]<br><br>		[[ConnectedSetsTemplate\|Full listing of ConnectedSetsLayout.txt at this stage]]<br><br>

	</li>		</li>
	</ol>		</ol>

AndrewBangham at 16:50, 30 March 2013

2013-03-30T16:50:18Z

← Older revision		Revision as of 17:50, 30 March 2013
Line 16:		Line 16:
	Closi''Italic text''ng either window closes both.<br>		Closi''Italic text''ng either window closes both.<br>
	Having selected a menu item or pressed a button, the callback is displayed in the command window. This makes it easier to edit/add the required functions.		Having selected a menu item or pressed a button, the callback is displayed in the command window. This makes it easier to edit/add the required functions.
	\|width="150pt"\|[[Image:ConnectedSetsGUI1.png\|ConnectedSetsGUI1.png]]		\|width="150pt"\|[[Image:ConnectedSetsGUI1.png\|400px\|ConnectedSetsGUI1.png]]
	\|}		\|}
	<ol start="4">		<ol start="4">
Line 40:		Line 40:
	{\| border="0" cellpadding="5" cellspacing="5"		{\| border="0" cellpadding="5" cellspacing="5"
	\|- valign="top"		\|- valign="top"
	\|width="200"\|Working template created by ~~GuiDemo~~. <br><br>		\|width="200"\|Working template created by ConnectedSets. <br><br>
	~~It has names (GuiDemo), menus, buttons and~~ a ~~graphics window~~. ~~All of which can readily~~ be changed ~~or deleted.~~<br>		The elements of the GUI are a 'sketch' of what I want to achieve. Things will be changed as it is made operational<br><br>
	~~Closi~~''~~Italic text~~''~~ng either window closes both~~.~~<br>~~		On the command line is '''output a list of all the missing callback functions''', e.g.
	~~Having selected a menu item or pressed a button, the callback is displayed in the command window~~. ~~This makes it easier to edit/add the required~~ functions.		%-------------
	\|width="150pt"\|[[Image:ConnectedSetsGUI2.png\|ConnectedSetsGUI2.png]]		function data=ReportLine1(data)
			end
			function data=ReportLine2(data)
			end
			...
			[[full list of missing connectedset functions\|Full list of missing ConnectedSet callbacks]]
			\|width="150pt"\|[[Image:ConnectedSetsGUI2.png\|400px\|ConnectedSetsGUI2.png]]
	\|}		\|}
	A small fragment of the revised ''ConnectedSetsLayout.txt'' is shown here		A small fragment of the revised ''ConnectedSetsLayout.txt'' is shown here

AndrewBangham at 16:38, 30 March 2013

2013-03-30T16:38:39Z

@@ Line 16: / Line 16: @@
 Closi''Italic text''ng either window closes both.<br>
 Having selected a menu item or pressed a button, the callback is displayed in the command window. This makes it easier to edit/add the required functions.
-|width="150pt"|[[Image:ConnectedSetsGUI1.png|Heartdrawing]]
+|width="150pt"|[[Image:ConnectedSetsGUI1.png|ConnectedSetsGUI1.png]]
 |}
 <ol start="4">
@@ Line 37: / Line 37: @@
 <li>For the new ConnectedSet application we will probably need the main menus. For the moment we can change the View menu, modify the buttons and add a couple of dropdown lists (to select images, and to select what we want to display. For working examples, in addition to ''ConnectedSetLayout.txt'' also look at ''MTtboxLayout.txt''</li>
 <li>Having removed unwanted buttons etc. remove the corresponding callback functions in ''ConnectedSets.m''. Notice that their names are based on the GUI name, e.g. 'pushbutton Restart' callback is to function ''pushbutton_restart'' (note lower case) and menu item 'View:Refresh plot' is  to ''menu_refresh_plot''</li>
-<li>Re-run ''ConnectedSets''</li>
+<li>Re-run ''ConnectedSets''
 </ol>

AndrewBangham at 16:22, 30 March 2013

2013-03-30T16:22:42Z

← Older revision		Revision as of 17:22, 30 March 2013
Line 36:		Line 36:
	<li>Notice all the buttons and menu items are specifed in ''ConnectedSetsLayout.txt''. The layout is automatically created from the structure of ''ConnectedSetsLayout.txt''. Callback names etc. tags etc. are created automatically.</li>		<li>Notice all the buttons and menu items are specifed in ''ConnectedSetsLayout.txt''. The layout is automatically created from the structure of ''ConnectedSetsLayout.txt''. Callback names etc. tags etc. are created automatically.</li>
	<li>For the new ConnectedSet application we will probably need the main menus. For the moment we can change the View menu, modify the buttons and add a couple of dropdown lists (to select images, and to select what we want to display. For working examples, in addition to ''ConnectedSetLayout.txt'' also look at ''MTtboxLayout.txt''</li>		<li>For the new ConnectedSet application we will probably need the main menus. For the moment we can change the View menu, modify the buttons and add a couple of dropdown lists (to select images, and to select what we want to display. For working examples, in addition to ''ConnectedSetLayout.txt'' also look at ''MTtboxLayout.txt''</li>
	<li></li>		<li>Having removed unwanted buttons etc. remove the corresponding callback functions in ''ConnectedSets.m''. Notice that their names are based on the GUI name, e.g. 'pushbutton Restart' callback is to function ''pushbutton_restart'' (note lower case) and menu item 'View:Refresh plot' is to ''menu_refresh_plot''</li>
	<li></li>		<li>Re-run ''ConnectedSets''</li>
	</ol>		</ol>

AndrewBangham at 16:16, 30 March 2013

2013-03-30T16:16:03Z

← Older revision		Revision as of 17:16, 30 March 2013
Line 14:		Line 14:
	\|width="200"\|Working template created by GuiDemo. <br><br>		\|width="200"\|Working template created by GuiDemo. <br><br>
	It has names (GuiDemo), menus, buttons and a graphics window. All of which can readily be changed or deleted.<br>		It has names (GuiDemo), menus, buttons and a graphics window. All of which can readily be changed or deleted.<br>
	~~Closing~~ either window closes both.<br>		Closi''Italic text''ng either window closes both.<br>
	Having selected a menu item or pressed a button, the callback is displayed in the command window. This makes it easier to edit/add the required functions.		Having selected a menu item or pressed a button, the callback is displayed in the command window. This makes it easier to edit/add the required functions.
	\|width="150pt"\|[[Image:ConnectedSetsGUI1.png\|Heartdrawing]]		\|width="150pt"\|[[Image:ConnectedSetsGUI1.png\|Heartdrawing]]
Line 35:		Line 35:
	Once again replace all strings ''GuiDemo'' by ''ConnectedSets'' within ''ConnectedSetsLayout.txt''.		Once again replace all strings ''GuiDemo'' by ''ConnectedSets'' within ''ConnectedSetsLayout.txt''.
	<li>Notice all the buttons and menu items are specifed in ''ConnectedSetsLayout.txt''. The layout is automatically created from the structure of ''ConnectedSetsLayout.txt''. Callback names etc. tags etc. are created automatically.</li>		<li>Notice all the buttons and menu items are specifed in ''ConnectedSetsLayout.txt''. The layout is automatically created from the structure of ''ConnectedSetsLayout.txt''. Callback names etc. tags etc. are created automatically.</li>
			<li>For the new ConnectedSet application we will probably need the main menus. For the moment we can change the View menu, modify the buttons and add a couple of dropdown lists (to select images, and to select what we want to display. For working examples, in addition to ''ConnectedSetLayout.txt'' also look at ''MTtboxLayout.txt''</li>
			<li></li>
			<li></li>
	</ol>		</ol>

AndrewBangham at 12:40, 30 March 2013

2013-03-30T12:40:22Z

← Older revision		Revision as of 13:40, 30 March 2013
Line 13:		Line 13:
	\|- valign="top"		\|- valign="top"
	\|width="200"\|Working template created by GuiDemo. <br><br>		\|width="200"\|Working template created by GuiDemo. <br><br>
	It has names (GuiDemo), menus, buttons and a graphics window. All of which can readily be changed or deleted.		It has names (GuiDemo), menus, buttons and a graphics window. All of which can readily be changed or deleted.<br>
			Closing either window closes both.<br>
			Having selected a menu item or pressed a button, the callback is displayed in the command window. This makes it easier to edit/add the required functions.
	\|width="150pt"\|[[Image:ConnectedSetsGUI1.png\|Heartdrawing]]		\|width="150pt"\|[[Image:ConnectedSetsGUI1.png\|Heartdrawing]]
	\|}		\|}
Line 31:		Line 33:
	}		}
	[[GuiDemo Template\|Full listing of template]]<br><br>		[[GuiDemo Template\|Full listing of template]]<br><br>
			Once again replace all strings ''GuiDemo'' by ''ConnectedSets'' within ''ConnectedSetsLayout.txt''.
			<li>Notice all the buttons and menu items are specifed in ''ConnectedSetsLayout.txt''. The layout is automatically created from the structure of ''ConnectedSetsLayout.txt''. Callback names etc. tags etc. are created automatically.</li>
	</ol>		</ol>

AndrewBangham at 12:23, 30 March 2013

2013-03-30T12:23:32Z

@@ Line 12: / Line 12: @@
 {| border="0" cellpadding="5" cellspacing="5"
 |- valign="top"
-|width="200"|Working template created by GuiDemo.
+|width="200"|Working template created by GuiDemo. <br><br>
 |width="150pt"|[[Image:ConnectedSetsGUI1.png|Heartdrawing]]
 |}