Axurerp7.0 tutorial axure part functions

Source: Internet
Author: User

Prototype library website-Original release of lecturer Jin Wu, which can be freely reproduced. Please indicate the source!

Axure Official Website: www.axurerp.cn

Axurerp7.0 function variable operators

Part attributesWidget Functions


This

The current part, which is selected in the design area.

Target

The target part is the part selected when the action is configured in the use case editor.

Widget. x

X axis coordinates of the widget

Widget. Y

Y axis of a widget

Widget. Width

Widget width

Widget. Height

Part height

Widget. scrollx

Coordinates of the X axis of the dynamic panel

Widget. scrolly

Y axis of the dynamic panel

Widget. Text

Text Content on the part

Widget. Name

Part name

Widget. Top

Part top

Widget. Left

Left side of the widget

Widget. Right

Right of Part

Widget. Bottom

Part bottom

 

 

This current part refers to the part selected in the design area



Definition:

This current part refers to the part selected in the design area



Instance:



View case studies



Use this. Text to obtain the text content of the selected part.

Step 1: drag two text parts (rectangles) to the design area

Name it 1 and 2 respectively, and enter any text in Part 1.









Step 2: add an event to Part 1

Select part 1, double-click the current event on the widget interaction panel, and select set text action in the displayed Use Case editor,
In the Configuration action on the right, select the check box before part 2, set the value of Part 2 to [[This. Text] at the bottom, and click OK to close the use case editor.

Press F5 to preview the prototype and view the effect.

 

Target part refers to the part selected when the action is configured in the use case editor.





Definition:

Target part refers to the part selected when the action is configured in the use case editor.



Instance:


View case studies




In this case, we use [[target. Text] to add text to the selected part (target part) in the Case editor.


Step 1: Drag components to the design area

Drag two text parts (rectangles) to the design area and name them 1 and 2 respectively.







Step 2: add an event to Part 1

In the design area, select Part 1. When you double-click the mouse on the component interaction panel, add the set text action in the pop-up case editor, and select Part 2 in the Configuration action on the right.
Set Part 2 to "[[target. text] change, which means that when you click Part 1, add a "change" Word to the text content of Part 2. Click OK to close the case editor.

Press F5 to quickly preview the prototype.

 

 

 

X axis coordinates of widget. x





Definition:

Widget. X to obtain the X axis coordinates of the specified part;



Instance:


View case studies



In this case, we will obtain the X axis coordinates of the current button and the X axis coordinates of the picture on the left of the button;

Case 1:

Set the value of the Shape button part to [[This. x]

Output: 330

Case 2:

Set the value of the Shape button part to [[lvar1.x]

Lvar1 = image parts

Output: 100

 

 

Y axis of widget. Y



Definition:

Widget. y obtains the Y axis of the specified part.



The usage method is the same as the method for obtaining the X axis coordinate of a widget.



View case studies

 

 

Widget. Width



Definition:

Widget. width to get the width of a specified part.



Instance:


View case studies


In this case, we use this. width to view the width of the selected Button widget.

In the design area, select the Button widget and double-click the event on the widget interaction Panel. In the displayed Use Case Editor, add the set text widget,
Set the current part value to [[This. Width], and click OK to close the use case editor.

Preview prototype, output: 240

 

 

Widget. Height height of the widget



Definition:

Widget. Height: obtains the height of a specified part.




Instance:


View case studies



In this case, we use this. Height to obtain the height of the shape part;

Set the value of the shape part to [[This. Height].

Output: 40

 

 

Text Content on widget. Text





Definition:

Widget. Text can get the text content on the specified text part;



Instance:


View case studies



In this case, the widget. Text is used to obtain the text on the widget;

1. Drag two rectangular parts to the design area and name them poem and 1 respectively;

2. add content to the component poem;

3. Add a mouse click event to part 1, add a set text action in the Force editor that appears, select the current part in the Configuration action, and set the value of Part 1. Click FX to add a local variable in the pop-up edit text dialog box, set lvar1 = component poem, and click Insert variable, attribute, function, or operator on the top of the dialog box to insert the local variable lvar1.

4. Click "OK" twice to return to the design area. Press F5 to preview the page.

Output:
Since childhood, I have been attacking the history of the past and have grown to have the right to seek help. Just like a tiger lying in a desert Hill, the latent claw teeth endure.
Unfortunately, the cheek of the thorn is comparable to that of jiangzhou. If he had to report revenge, his blood would be stained in Yangjiang!

 

Widget. Name part name





Definition:

Widget. Name: get the name of the specified part



Instance:


View case studies



In this case, we use this. Name to obtain the name of the clicked part.

1. Drag the shape button to the design area and name it.

2. add a mouse click event to the shape Button widget. In the displayed Use Case Editor, add the set text action. Select the current widget in the Configuration action on the right and set the widget value to [[this. name]

3. Click "OK" to close the case editor, and F5 preview the effect.

Output: My name is widget. Name.

 

 

Widget. Top part top





Definition:

Widget. Top is used to obtain the position or coordinates at the top of a widget.

Widget. Top part top
Left side of widget. Left
Right
Widget. Bottom Part bottom

It is usually used to determine the Coordinate Position of the upper and lower sides of a component or whether the upper and lower sides of a component are intersecting;



Instance:


View case studies



In this case, we will give a comprehensive explanation of the above part attributes,

When we drag Part 1,

If the top of part 1 is smaller than 100, move it to the position before dragging;
If the bottom (bottom) of Part 1 is greater than 200, move it to the position before dragging;
If left of part 1 is less than 300, move it to the position before dragging;
If the right side of part 1 is greater than 500, move it to the position before dragging;

1. Add ongoing items to Part 1 (dynamic panel). Double-click the ongoing action to add a move action in the case editor. In the Configuration action, set the dynamic panel to drag;

2. Add a drag-and-Stop event to Part 1. Add the following example:

Case1: If "[[lvar1.top]" <"100"
Move the dynamic panel to the position before dragging

Case2: else if "[[lvar1.bottom]"> "200"
Move the dynamic panel to the position before dragging

Case3: else if "[[lvar1.left]" <"300"
Move the dynamic panel to the position before dragging

Case4: If "[[lvar1.right]"> "500"
Move the dynamic panel to the position before dragging

 

 

Widget. scrollx coordinate of the X axis of the dynamic panel



Definition:

Widget. scrollx coordinate of the X axis when the dynamic panel is rolling;



Syntax:

Widget. scrollx

 

 

Widget. scrolly coordinate of the Y axis of the dynamic panel



Definition:

Widget. scrolly coordinate of the Y axis when the dynamic panel is rolling;



Syntax:

Widget. scrolly


Axurerp7.0 tutorial axure part functions

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.