This document outlines topics that will be covered in Day 2 of an AxureRP advanced functionality training, including: 1. Using widgets and masters to add, edit, style, and reuse elements throughout a design. 2. Building interactions by linking button clicks to enable/disable fields and change focus. 3. Creating dynamic panels with multiple states to build an image carousel. 4. Implementing conditions, variables, and values to check text field values and pass data between pages. 5. An exercise on showing different pages based on permissions.

1. 「 AxureRP 」進階功能
Day 2

2. 大綱
• Widgets & Masters
• Building Interactions
• Dynamic Panels
• Conditions, Values, and Variables
• 練習

3. Widgets & Masters

4. Widgets & Masters
• Add, edit, and style a widget. Then,
convert them to a master that you can
manage centrally and reuse throughout
your design.

5. 1:Add a Button Shape and Set the Rollover Style

6. 2:Duplicate and Distribute the Button Shapes

7. 3:Convert the Button Shapes to a Master

8. 4:Change the Master to Place in Background

9. 5: Place the Master on Each Page

10. 6: Add Links to the Button Shapes in the Master

11. DEMO
• 招募系統 _ 第一階段 V0.16

12. Building Interactions

13. Building Interactions
• Make the OnClick Event of a Button
Shape enable and set focus on a Text
Field using the Case Editor. Then, use the
page's OnPageLoad event to put the
cursor in a Text Field when the page is
loaded.

14. 1: Add a Button Shape and Two Text Fields

15. 2: Disable the Second Text Field

16. 3: Make Clicking the Button
Disable the First Text Field

17. 4: And Enable the Second Text Field

18. 5: And Set Focus on the Second Text Field

19. 6: Set Focus on Text Field 1 when the Page Loads

20. DEMO
• 下拉式選單連動

21. Dynamic Panels

22. Dynamic Panels
• Create a simple image carousel using the
dynamic panel. Start by placing an Image
Widget on each panel state. Then, add an
interaction to a Button Shape to advance
through the states with animation.

23. 1: Add an Image and a Button Shape

24. 2: Convert to Dynamic Panel and Add States

25. 3: Add An Image to Each State

26. 4: Make Clicking Next
Set the Panel to the Next State

27. DEMO
• Ball Free Fall

28. Conditions, Values, and Variables

29. Conditions, Values, and Variables
• Create a Condition to check if the text in
a Text Field is blank and link to the
appropriate page. Use a Variable to store
the text entered into a Text Field. Then,
use the Variable to set the text on a
Widget on the next page.

30. 1: Add a Text Field and Button Shape

31. 2: Add a Condition to Check that the
Text Field in Not Blank

32. 3: Set the OnLoadVariable to the Text Field Value

33. 4: Add the Action to Open Page 1

34. 5: Add a Second Case for
When the Text Field is Blank

35. 6: Add a Rectangle to Page 1

36. 7: Set the Rectangle Text When the Page Loads

37. 8: Put the OnLoadVariable in the
Welcome Message

38. 練習
• 依權限看到不同頁面
• 請使用 AxureRP V6.5 版

39. Q&A

40. 謝謝