Instant Reverse - Visual Paradigm
Instant Reverse - Visual Paradigm Instant Reverse - Visual Paradigm
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
- Page 171 and 172: SDE-VS User’s Guide (Part 1) Chap
- Page 173 and 174: SDE-VS User’s Guide (Part 1) Chap
- Page 175 and 176: SDE-VS User’s Guide (Part 1) Chap
- Page 177 and 178: SDE-VS User’s Guide (Part 1) Chap
- Page 179 and 180: SDE-VS User’s Guide (Part 1) Chap
- Page 181 and 182: SDE-VS User’s Guide (Part 1) Chap
- Page 183 and 184: SDE-VS User’s Guide (Part 1) Chap
- Page 185 and 186: SDE-VS User’s Guide (Part 1) Chap
- Page 187 and 188: SDE-VS User’s Guide (Part 1) Chap
- Page 189 and 190: SDE-VS User’s Guide (Part 1) Chap
- Page 191 and 192: SDE-VS User’s Guide (Part 1) Chap
- Page 193 and 194: SDE-VS User’s Guide (Part 1) Chap
- Page 195 and 196: SDE-VS User’s Guide (Part 1) Chap
- Page 197 and 198: SDE-VS User’s Guide (Part 1) Chap
- Page 199 and 200: SDE-VS User’s Guide (Part 1) Chap
- Page 201 and 202: SDE-VS User’s Guide (Part 1) 4. T
- Page 203 and 204: SDE-VS User’s Guide (Part 1) Chap
- Page 205 and 206: SDE-VS User’s Guide (Part 1) Chap
- Page 207 and 208: SDE-VS User’s Guide (Part 1) Chap
- Page 209 and 210: SDE-VS User’s Guide (Part 1) Chap
- Page 211 and 212: SDE-VS User’s Guide (Part 1) Chap
- Page 213 and 214: SDE-VS User’s Guide (Part 1) Chap
- Page 215 and 216: SDE-VS User’s Guide (Part 1) Chap
- Page 217 and 218: SDE-VS User’s Guide (Part 1) Chap
- Page 219 and 220: SDE-VS User’s Guide (Part 1) Chap
- Page 221: SDE-VS User’s Guide (Part 1) 2. S
- Page 225 and 226: SDE-VS User’s Guide (Part 1) Chap
- Page 227 and 228: SDE-VS User’s Guide (Part 1) Chap
- Page 229 and 230: SDE-VS User’s Guide (Part 1) Chap
- Page 231 and 232: SDE-VS User’s Guide (Part 1) Chap
- Page 233 and 234: SDE-VS User’s Guide (Part 1) Chap
- Page 235 and 236: SDE-VS User’s Guide (Part 1) Chap
- Page 237 and 238: SDE-VS User’s Guide (Part 1) Chap
- Page 239 and 240: SDE-VS User’s Guide (Part 1) Chap
- Page 241 and 242: SDE-VS User’s Guide (Part 1) Chap
- Page 243 and 244: SDE-VS User’s Guide (Part 1) Chap
- Page 245 and 246: SDE-VS User’s Guide (Part 1) Chap
- Page 247 and 248: SDE-VS User’s Guide (Part 1) Chap
- Page 249 and 250: SDE-VS User’s Guide (Part 1) Chap
- Page 251 and 252: SDE-VS User’s Guide (Part 1) Chap
- Page 253 and 254: SDE-VS User’s Guide (Part 1) Chap
- Page 255 and 256: SDE-VS User’s Guide (Part 1) Chap
- Page 257 and 258: SDE-VS User’s Guide (Part 1) Chap
- Page 259 and 260: SDE-VS User’s Guide (Part 1) Chap
- Page 261 and 262: SDE-VS User’s Guide (Part 1) Chap
- Page 263 and 264: SDE-VS User’s Guide (Part 1) Chap
- Page 265 and 266: SDE-VS User’s Guide (Part 1) Chap
- Page 267 and 268: SDE-VS User’s Guide (Part 1) Chap
- Page 269 and 270: SDE-VS User’s Guide (Part 1) Chap
- Page 271 and 272: SDE-VS User’s Guide (Part 1) Chap
SDE-VS User’s Guide (Part 1) Chapter 8 – User Interface Designer<br />
Annotation has been added.<br />
8-10<br />
Figure 8.23 - Annotation added<br />
Linking Components<br />
Similar to other diagrams, user interface diagram allows you to create connector to connect two components. This can be<br />
achieved by using Resource Centric.<br />
Here, connecting a button and a panel is used as an example.<br />
1. Mouse over a button, you will see the Centric Resource for Generic Connector.<br />
Figure 8.24 - Select Centric Resource for Generic Connector<br />
2. Drag the resource to the component you want to connect to.<br />
Figure 8.25 - Drag the resource