Programming Without Coding Technology (PWCT) - Button Control
1 like180 views
This document provides steps for adding controls to a window using an interaction design tool. It describes selecting components from the component browser to define a new window with a button control and set their properties. Screenshots illustrate the component browser, property pages, and final steps tree with the defined window and button. The summary concludes by noting the document describes the application's runtime behavior with the added controls.
Programming Without Coding Technology (PWCT) - Button Control
- 1. PWCT 1.9 Art Documentation ( http://doublesvsoop.sourceforge.net ) 2006-2013, Mahmoud Fayed ( [email protected] ) _____________________________________________________________________________________ Table of contents 1 - Introduction 2 - Implementation steps 3 - Final Steps Tree 4 - Application during the runtime 1 - Introduction In this lesson we are going to learn how to use the Button control. 2 - Implementation Steps Fig. (1) Goal Desginer - Steps Tree Select the step (The First Step) We will start now new interaction process to generate new steps to our steps tree. The slow way (Using Mouse): 1 - Click Interact to open the components browser 2 - Select the domain (Windows) 3 - Select the component (Define New Window) The fast way (Using Keyboard shortcuts): 1 - Get the component using its name by typing (Define New Window) Note : Stop typing when you see the required component is selected
- 2. Fig. (2) Component Browser – Select the component (Define New Window) After selecting the component click Ok or press ENTER Fig. (3) Interaction page - Set the properties and enter the required data as in the image above
- 3. Fig. (4) Form Designer Fig. (5) Goal Desginer - Steps Tree Select the step (Window Controls) We will start now new interaction process to generate new steps to our steps tree. The slow way (Using Mouse): 1 - Click Interact to open the components browser 2 - Select the domain (Controls) 3 - Select the component (Button) The fast way (Using Keyboard shortcuts): 1 - Get the component using its name by typing (Button) Note : Stop typing when you see the required component is selected
- 4. Fig. (6) Component Browser – Select the component (Button) After selecting the component click Ok or press ENTER Fig. (7) Interaction page - Set the properties and enter the required data as in the image above
- 5. Fig. (8) Form Designer Fig. (9) Goal Desginer - Final Steps Tree 3 - Final Steps Tree The First Step Define New Window ( win1 ) , Title : "Window Title" Window Events Window Properties Window Controls Define New Button ( btn1 ) , Caption : "Text Here" Button Events Button Properties End Of Window Activate window 4 - Application during the runtime
- 6. Fig. (10) Application during the runtime