Axure rp 6.5 教育訓練 day2

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. 謝謝