Author:admin

Date:2008-09-17T13:53:28.000000Z


git-svn-id: https://svn.eiffel.com/eiffel-org/trunk@3 abb3cda0-5349-4a8f-a601-0c33ac3a8c38

documentation/current/solutions/gui-building/eiffelvision-2/eiffelvision-2-samples/accelerator-sample.wiki

@@ -0,0 +1,31 @@
+[[Property:title|Accelerator Sample]]
+[[Property:weight|0]]
+[[Image:accelerator|accelerator]]  <br/>
+<br/>
+
+==Compiling==
+
+* Launch EiffelStudio. 
+* Click '''Add project'''
+* Browse to ''$ISE_EIFFEL\examples\vision2\accelerator\''. 
+* Choose ''accelerator.ecf''
+* Choose the location where the project will be compiled, by default the same directory containing the configuration file. 
+* Click '''OK'''. 
+
+
+==Running==
+After launching the application, you will see a window displayed with a similar appearance to the one above. When the window has the focus, the key combination Ctrl + Q will exit the application. 
+==Under the Hood==
+An EV_ACCELERATOR is created and associated with the EV_TITLED_WINDOW used for the main window of the application. The association is made by adding the accelerator to the accelerators list of the window. 
+This sample contains the following class: 
+* ACCELERATOR
+
+
+{{seealso| '''See Also''' <br/>
+[[ref:/libraries/vision2/reference/ev_accelerator_chart|EV_ACCELERATOR]]  <br/>
+[[ref:/libraries/vision2/reference/ev_key_chart|EV_KEY]]  <br/>
+}}
+
+
+
+

documentation/current/solutions/gui-building/eiffelvision-2/eiffelvision-2-samples/cursor-sample.wiki

@@ -0,0 +1,32 @@
+[[Property:title|Cursor Sample]]
+[[Property:weight|1]]
+[[Image:cursor-test|cursor_test]]  <br/>
+<br/>
+
+==Compiling==
+
+* Launch EiffelStudio. 
+* Click '''Add project'''
+* Browse to ''$ISE_EIFFEL\examples\vision2\cursor\''. 
+* Choose ''cursor.ecf''
+* Choose the location where the project will be compiled, by default the same directory containing the configuration file. 
+* Click '''OK'''. 
+
+
+==Running==
+
+After launching the application, you will see a window displayed with a similar appearance to the one above. Selecting "File", "Close" or pressing the close icon at any time will exit the application. 
+
+To the right hand side of the window you will see an EV_MULTI_COLUMN_LIST containing rows, each with an associated EV_PIXMAP. If you select one of the rows of the list, then press the button marked "Apply", the cursor displayed when over the label displayed to the right hand side of the window will be pixmap of the currently selected list row. 
+==Under the Hood==
+
+The pixmaps used in the EV_MULTI_COLUMN_LIST were standard pixmaps provided with vision2, accessible through EV_STOCK_PIXMAPS. set_pixmap was used to set the EV_PIXMAP of the EV_MULTI_COLUMN_LIST_ROW. An agent was added to the select_actions of the EV_BUTTON which calls set_pointer_style on the desired widget. 
+
+This sample contains the following class: 
+* CURSOR_TEST
+
+
+
+
+
+

documentation/current/solutions/gui-building/eiffelvision-2/eiffelvision-2-samples/gauges-sample.wiki

@@ -0,0 +1,37 @@
+[[Property:title|Gauges Sample]]
+[[Property:weight|2]]
+[[Image:gauges|gauges]]  <br/>
+<br/>
+
+==Compiling==
+
+* Launch EiffelStudio. 
+* Click '''Add project'''
+* Browse to ''$ISE_EIFFEL\examples\vision2\gauges\''. 
+* Choose ''gauges.ecf''
+* Choose the location where the project will be compiled, by default the same directory containing the configuration file. 
+* Click '''OK'''. 
+
+
+==Running==
+
+After launching the application, you will see a window displayed with a similar appearance to the one above. The spin buttons at the top of the window control the current minimum, maximum and value of the three gauges displayed below. Modifying the values of the spin buttons will alter the three gauges in real time. Also, if you interact with one of the three gauges, any change in one, will be reflected in the others and in the spin buttons. 
+
+==Under the Hood==
+
+The change_actions of each EV_GAUGE are used to synchronize all of the gauges. 
+
+This sample contains the following class: 
+* GAUGES
+
+
+{{seealso| '''See Also''' <br/>
+EV_GAUGE <br/>
+EV_SCROLL_BAR <br/>
+EV_RANGE <br/>
+EV_PROGRESS_BAR <br/>
+EV_SPIN_BUTTON }}
+
+
+
+

documentation/current/solutions/gui-building/eiffelvision-2/eiffelvision-2-samples/index.wiki

@@ -0,0 +1,15 @@
+[[Property:title|EiffelVision 2 Samples]]
+[[Property:weight|3]]
+Vision2 ships with a number of samples provided to demonstrate different aspects of the library. If you are a new vision2 user then it is suggested that you first compile and run the [[Widgets Sample|Widgets]]  sample. This will demonstrate both the appearance and behavior of the available widgets. 
+
+The other samples provided are listed below: 
+*  [[Accelerator Sample|Accelerator]]  - Demonstrates the use of an [[ref:/libraries/vision2/reference/ev_accelerator_chart|EV_ACCELERATOR]] . 
+*  [[Cursor Sample|Cursor]]  - Demonstrates how to modify the displayed [[ref:/libraries/vision2/reference/ev_cursor_chart|EV_CURSOR]]  for an [[ref:/libraries/vision2/reference/ev_widget_chart|EV_WIDGET]] . 
+*  [[Gauges Sample|Gauges]]  - Demonstrates different types of [[ref:/libraries/vision2/reference/ev_gauge_chart|EV_GAUGE]] . 
+*  [[Standard_dialogs Sample|Standard_dialogs]]  - Demonstrates different types of [[ref:/libraries/vision2/reference/ev_standard_dialog_chart|EV_STANDARD_DIALOG]] . 
+*  [[Viewport Sample|Viewport]]  - Demonstrates [[ref:/libraries/vision2/reference/ev_viewport_chart|EV_VIEWPORT]] . 
+
+
+
+
+

documentation/current/solutions/gui-building/eiffelvision-2/eiffelvision-2-samples/standard-dialogs-sample.wiki

@@ -0,0 +1,28 @@
+[[Property:title|Standard_dialogs Sample]]
+[[Property:weight|3]]
+[[Image:standard-dialogs|Standard_dialogs]]  <br/>
+<br/>
+
+==Compiling==
+
+* Launch EiffelStudio. 
+* Click '''Add project'''
+* Browse to ''$ISE_EIFFEL\examples\vision2\standard_dialogs\''. 
+* Choose ''standard_dialogs.ecf''
+* Choose the location where the project will be compiled, by default the same directory containing the configuration file. 
+* Click '''OK'''. 
+
+
+==Running==
+
+After launching the application, you will see a window displayed with a similar appearance to the one above. If you select an item from the "Standard Dialog" menu, a dialog of that type will be displayed. Selecting "Exit" from the "File" menu will exit the application. 
+
+==Under the Hood==
+
+This sample contains the following class: 
+* STANDARD_DIALOGS
+
+
+
+
+

documentation/current/solutions/gui-building/eiffelvision-2/eiffelvision-2-samples/viewport-sample.wiki

@@ -0,0 +1,36 @@
+[[Property:title|Viewport Sample]]
+[[Property:weight|4]]
+[[Image:viewport|viewport]]  <br/>
+<br/>
+
+==Compiling==
+
+To compile the example: 
+* Launch EiffelStudio. 
+* Click '''Add project'''
+* Browse to ''$ISE_EIFFEL\examples\vision2\viewport\''. 
+* Choose ''viewport.ecf''
+* Choose the location where the project will be compiled, by default the same directory containing the configuration file. 
+* Click '''OK'''. 
+
+==Running==
+
+After launching the application, you will see a window displayed with a similar appearance to the one above. Modifying the values of the spin buttons will alter the position of the pixmapped button, relative to the viewport in which it is contained. 
+
+==Under the Hood==
+
+The features set_x_offset and set_y_offset are used to modify the position of the EV_VIEWPORT relative to the EV_BUTTON contained within. 
+
+This sample contains the following class: 
+* VIEWPORT
+
+
+{{seealso| '''See Also''' <br/>
+EV_VIEWPORT <br/>
+EV_SPIN_BUTTON <br/>
+[[ref:/libraries/vision2/reference/ev_button_chart|EV_BUTTON]]  <br/>
+}}
+
+
+
+

documentation/current/solutions/gui-building/eiffelvision-2/eiffelvision-2-samples/widgets-sample.wiki

@@ -0,0 +1,44 @@
+[[Property:title|Widgets Sample]]
+[[Property:weight|-1]]
+[[Image:widgets|widgets]]  <br/>
+<br/>
+
+==Compiling==
+
+* Launch EiffelStudio. 
+* Click '''Add project'''
+* Browse to ''$ISE_EIFFEL\examples\vision2\widgets\''. 
+* Choose ''widgets.ecf''
+* Choose the location where the project will be compiled, by default the same directory containing the configuration file. 
+* Click '''OK'''. 
+
+
+==Running==
+
+After launching the application, you will see a window displayed with a similar appearance to the one above. You may exit the application at any time, by clicking on the close icon, or you may select "exit" from the "File" menu. Selected "Help", "about" displays a dialog with details about the application. 
+
+The left hand side of the main window contains a tree, showing the widgets available within vision2. If you select one of these widgets in the tree, then the type of widget you selected will be displayed in the middle of the main_window. Controls will also the be available to the right hand side of the widget, which allow you to modify its state. These controls do not represent all the available feature of the widget, but demonstrate many of the most common. The text area below the currently selected widget displays the events that have occurred on the widget. Only those events inherited by EV_WIDGET are displayed. 
+
+==Under the Hood==
+
+This sample contains the following classes: 
+* ABOUT_DIALOG
+* COLORIZABLE_CONTROL
+* CONTAINER_CONTROL
+* DESELECTABLE_CONTROL
+* DRAWABLE_CONTROL
+* GAUGE_CONTROL
+* ITEM_LIST_CONTROL
+* MAIN_WINDOW
+* PIXMAPABLE_CONTROL
+* SELECTABLE_CONTROL
+* SENSITIVE_CONTROL
+* TEXT_COMPONENT_CONTROL
+* TEXTABLE_CONTROL
+* WIDGET_CONTROL
+* WIDGETS
+
+
+
+
+