Axure8.0 Basic Tutorial (1-10) AxureRP8 Practical manual

Source: Internet
Author: User
Tags custom name
Axure8.0 Basic Tutorial (1-10) AxureRP8 Practical manual Basic Operating article

This article contains 56 kinds of common basic operations, beginners should master this content after the actual case study, in order to avoid learning obstacles. At the same time, it is suggested that readers with certain foundation should learn the relatively unfamiliar content in this article and grasp it. The 1th Chapter uses the components directory of this document

Base 1. Adding components to the canvas

Base 2. Add a component Name

Base 3. Set component position/size

Base 4. Set component Default Angle

Base 5. Set component color and transparency

Base 6. To set a shape or picture fillet

Base 7. Set rectangle to show only a partial border

Base 8. Set line segment/arrow/Border Style

Base 9. Set symbol text margin/line spacing

Base 10. Set component Default Hide

Body

Base 1. Adding components to the canvas

Select the component you want to use in the library on the left, hold down the left mouse button, and drag to release the canvas where it fits. (Fig. 1-1)

base 2. Adding a component name

Enter a custom name for the symbol in the text box properties, and it is recommended to use the English name.

Suggested format: PasswordInput01 or PASSWORD01

Name meaning: Password entry box for ordinal 01

Format Description: "Password" for the main purpose; "Input" denotes the component type, which can be omitted in general, when there are different types of components with the same name need to be distinguished or the name can not express the purpose of the use of the time; "01" indicates the number when multiple components with the same name appear The written format of the first letter of the word is easy to read. (Fig. 1-2)

base 3. Set component position/size

The position and dimensions of the components can be adjusted by dragging the mouse, or by adjusting the input in the shortcut or component styles. (Fig. 1-3)

X: Refers to the x-axis coordinate value of the component in the canvas.

Y: Refers to the y-axis coordinate value of the component in the canvas.

W: Refers to the width value of the component.

H: Refers to the value of the element's height.

When you enter a value to resize a component, you can set it in a style so that the component "keeps a high percentage". (Fig. 1-4)

Base 4. Set the component default angle

Mode one: Select the element that needs to change the angle, press and hold the key while dragging the node of the element to the appropriate angle with the mouse. (Fig. 1-5)

Mode two: In the element style to set the angle, the angle of the element and the angle of the element text can be set apart. (Fig. 1-5)

base 5. Set component color and transparency

Select the symbol to change the color, click the background Color Settings button in the shortcut area, select the appropriate color, or set it in the symbol style. (Fig. 1-6)

base 6. Set shape or picture fillet

You can adjust by dragging the dot icon at the top left of the component, or you can set the fillet radius in the symbol style. (Fig. 1-7)

base 7. Set rectangle to show only a partial border

In the version of Axure RP 8, the border of the rectangle can be set to display all or part in the style. (Fig. 1-8)

base 8. Set line segment/arrow/Border Style

The styles for line segments, arrows, and symbol borders can be set in either a shortcut or a component style. (Fig. 1-9)

Base 9. Set symbol text margin/line spacing

In the symbol style, you can set the line spacing and fill for the symbol text. (Fig. 1-10)

Line spacing: Refers to the gap between the lines of text and paragraphs.

Fill: Refers to the gap between the text and the edge of the shape.

base 10. Set Component Default Hide

Select the symbol you want to hide, and check the "Hide" option in the shortcut or component style. (Fig. 1-11)

The end of this section.

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.