Graphical User Interface. GUI in MATLAB. Eng. Banan Ahmad Allaqta

Transcription

1 raphical ser nterface in MATLAB Eng. Banan Ahmad Allaqta

2 What is? A graphical user interface () is a graphical display in one or more windows containing controls, called components, that enable a user to perform interactive tasks. The user of the does not have to create a script or type commands at the command line to accomplish the tasks. nlike coding programs to accomplish tasks, the user of a need not understand the details of how the tasks are performed.

3 How does a work? Each control, and the itself, has one or more userwritten routines (executable MATLAB code)known as callbacks, named for the fact that they "call back" to MATLAB to ask it to do things. The execution of each callback is triggered by a particular user action such as pressing a screen button, clicking a mouse button, selecting a menu item, typing a string or a numeric value, or passing the cursor over a component. The then responds to these events.

4 What is callback A callback is a function that you write and associate with a specific component or with the figure. t controls or component behavior by performing some action in response to an event for its component. This kind of programming is often called event-driven programming. When an event occurs for a component, MATLAB invokes the component s callback that is triggered by that event.

5 DE files DE stores the in two files: A F-file, with extension.fig, that contains a complete description of the layout and the components, such as push buttons, axes, panels, menus, and so on. The F-file is a binary file and you cannot modify it except by changing the layout in DE. An M-file, with extension.m, that initially contains initialization code and templates for some callbacks that are needed to control behavior.

6 Ways to build MATLAB s You can build MATLAB s in two ways: 1. se DE ( Development Environment), an interactive construction kit. 2. Create code files that generate s as functions or scripts (programmatic construction).

7 Starting DE There are many ways to start DE. You can start DE from the: 1. Command line by typing guide 2. MATLAB Home menu by selecting New >

8 However you start DE, it displays the DE Quick Start dialog box shown in the following figure: Select Blank (default) then click OK

9 { DE Tools summary Component palette Layout area Run Object browser Properties inspector M- file editor Toolbar editor Tab order editor Menu editor Align objects Resize box

10 Component palette Component Push button Slider List box con Description enerate an action when clicked. When you click a push button, it appears depressed; when you release the mouse button, the push button appears raised Sliders accept numeric input within a specified range by enabling the user to move a sliding bar, which is called a slider or thumb. sers move the slider by clicking the slider and dragging it, by clicking in the trough, or by clicking an arrow. display a list of items and enable users to select one or more items.

11 Component palette Component Static text Edit text Pop-up menu con Description Static text controls display lines of text. Static text is typically used to label other controls, provide directions to the user, or indicate values associated with a slider. sers cannot change static text interactively. Edit text components are fields that enable users to enter or modify text strings. se edit text when you want text as input. sers can enter numbers but you must convert them to their numeric equivalents. Pop-up menus open to display a list of choices when users click the arrow.

12 Component palette Component Toggle Button Check box con Description generate an action and indicate whether they are turned on or off. When you click a toggle button, it appears depressed, showing that it is on. When you release the mouse button, the toggle button remains depressed until you click it a second time. When you do so, the button returns to the raised state, showing that it is off. se a button group to manage mutually exclusive toggle buttons. generate an action when checked and indicate their state as checked or not checked. Check boxes are useful when providing the user with a number of independent choices.

13 Component palette Component Radio Button Button group con Description Radio buttons are similar to check boxes, but radio buttons are typically mutually exclusive within a n group of related radio buttons. That is, when you select one button the previously selected button is deselected. To activate a radio button, click the mouse button on the object. The display indicates the state of the button. Button groups are like panels but are used to manage exclusive selection behavior for radio buttons and toggle buttons.

14 Component palette Component Axes Panel con Description Axes enable your to display graphics such as graphs and images. Panels arrange components into groups. By visually grouping related controls, panels can make the user interface easier to understand. A panel can have a title and various borders. Panel children can be user interface controls and axes as well as button groups and other panels. The position of each component within a panel is interpreted relative to the panel. f you move the panel, its children move with it and maintain their positions on the panel.

15 Example #1: Hello, program Toggle off Toggle on

16 Example #1: Hello, program The welcome button code:

17 Example #2: Sum & Average

18 Example #2: Sum and Average The calculate button code:

19 Example #3: Simple calculator

20 Example #3: Simple calculator The START button code: The image code: The return button code:

21 Example #3: Simple calculator The calculate code:

22 Example #4: Shift & Scale

23 Example #4: Shift & Scale The sliders codes:

24 Example #4: Shift & Scale The plot button code:

25 Bounce How to Create Executable (.exe) file in MTLAB

26 Be free to ask any question