1. Shortcut keys
Select the layer to move to the previous layer
ctrl + [
select the layer to move to the next layer
ctrl +]
select the layer to move to the top
ctrl + shift + [
select the layer to move to the bottom
ctrl + shift +]
Merge into a group of
ctrl + G
to unmerge
ctrl + shift + G
to lock position and size
ctrl + K
to unlock
ctrl + shift + K
to drag the page, you can press and hold the space and then drag with the mouse, so that you will not drag the drawn page elements by mistake
2. Components
(1) Import external component library. Common components of AntDesign and AxhubCharts common chart library are commonly used
(2) Customize the component library
a, create a new component library
b, after the drawing is completed (example)
c, save as
d, and then import it as a component library
3. Master
Some components need to be reused, it is possible to build a master. It is very flexible to use.
(1) First create a public component
and right-click to convert it to a master
(2) Select the created master on other pages and drag it to the page
(3) Right-click the created component after dragging to see the current Locked to the position in the master , now changing the position of the component in the template, the position of the component in other pages will also change.
If you choose to leave the master , this component will become a normal component.
4. Dynamic panel (important)
The state can be set in the dynamic panel, which is the main means of dynamic page interaction in axure
(1) Double-click the dynamic panel to create a state.
(2) Add interactive buttons to switch pages
After selecting the button, create a new interaction
(3) Preview in browser
5. Inline frames
(1) Create an inline frame
The scroll bar can be removed to better simulate a single-page application
(2) Associate this inline frame with the content area that you want to switch dynamically. for example
(3) Browser preview to view the effect
6. Repeater
A repeater can be divided into three parts: style, data and action. Go directly to the example
(1) Simulate a sales platform, which can be sorted by sales volume and price .
(2) Double-click the repeater to enter the style editing state, and add the product name, price, and sales volume of the sold product
After saving:
(3) Fill data
Click on a repeater and you can see the data properties in the repeater's style. The header of the table is the attribute name, and the table columns are the specific values
Right click to import pictures
(4) Add data and style connections
a. Click the repeater to set each loading event
b. Set the text
c. Select one of the repeaters
d. Click function fx
e. Select the sales volume corresponding to the previously configured data variable
After setup is complete: