Instant Reverse - Visual Paradigm

Instant Reverse - Visual Paradigm Instant Reverse - Visual Paradigm

media.visual.paradigm.com
from media.visual.paradigm.com More from this publisher
21.07.2013 Views

SDE-VS User’s Guide (Part 1) Chapter 8 – User Interface Designer 5. List has been edited. Figure 8.19 - List edited Annotating Component You may want to add annotation to specific UI Component as instruction. In SDE-VS, you can use the Note resource to achieve it. Here, adding annotation to a button is used as an example. When your mouse moves pass a button, you can see the Note resource. Figure 8.20 - Note resource Drag the Note resource to a place on diagram pane where you want the note to be created on. Figure 8.21 - Drag the Note resource When you release the mouse, you can type in annotation in the note. Figure 8.22 - Type in annotation 8-9

SDE-VS User’s Guide (Part 1) Chapter 8 – User Interface Designer Annotation has been added. 8-10 Figure 8.23 - Annotation added Linking Components Similar to other diagrams, user interface diagram allows you to create connector to connect two components. This can be achieved by using Resource Centric. Here, connecting a button and a panel is used as an example. 1. Mouse over a button, you will see the Centric Resource for Generic Connector. Figure 8.24 - Select Centric Resource for Generic Connector 2. Drag the resource to the component you want to connect to. Figure 8.25 - Drag the resource

SDE-VS User’s Guide (Part 1) Chapter 8 – User Interface Designer<br />

5. List has been edited.<br />

Figure 8.19 - List edited<br />

Annotating Component<br />

You may want to add annotation to specific UI Component as instruction. In SDE-VS, you can use the Note resource to<br />

achieve it.<br />

Here, adding annotation to a button is used as an example.<br />

When your mouse moves pass a button, you can see the Note resource.<br />

Figure 8.20 - Note resource<br />

Drag the Note resource to a place on diagram pane where you want the note to be created on.<br />

Figure 8.21 - Drag the Note resource<br />

When you release the mouse, you can type in annotation in the note.<br />

Figure 8.22 - Type in annotation<br />

8-9

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!