Axure Tutorial: Add Interactions to Page
Introduction
This article is a section of course Axure Full Course: Tutorial, Tips and Templates.
A template for page interactions will be attached at the end of the tutorial, you can also preview it here.
Add Interactions to page
Click the blank of the page, and the New Interaction button will be shown on the Interactions pane on the right. Click this button to add interactions to the page.
Next we will introduce each event trigger:
Event List
Page Click or Tap: Triggered by clicking on the page, it can be used to close the context menu, hide the mask, etc.
Page Context Menu (Right Click): It can be triggered by right clicking on the page. It is often used in applications and rarely used on website.
Page Key Up: Triggered when a key is up on the page. It is generally used in combination with case to perform some actions when a key is pressed.
Window Scrolled Down: Triggered when the window scrolls down. It is often used to show or hide certain elements.
Window Scrolled: Triggered when the window scrolls down. It is often used to show or hide certain elements or change the value of certain elements.
Cases, Interactions and Actions
About Cases, Interactions and Actions, there is a detailed introduction in the article Axure Tutorial: Add Interactions to Widget, because the basic principles of interaction between pages and widgets are the same, so please check the above article.
That's all for today's lesson, next lesson we'll learn how to add notes to pages.
If you have any questions and suggestions, please leave a message.
If you like the article, please share it with others with page link, thanks for your supporting! ❤
Note: Click here to download the completed RP file for this tutorial (RP 10 or up).
Well Joe @AxureBoutique, a technology writer and teacher, focuses on Axure prototype design and product design.
Leave a comment