使用Axure RP原型设计实践04,了解全局变量_html/css_WEB-ITnose
变量是一个可以变的数,可以看作是一个数据的容器。变量有2个操作,一个是读,一个是写。Axure的全局变量是指任何时候都可以对这个变量进行读写操作。
点击工具栏Project下的Global Variables,这里可以设置全局变量。
可以看到,默认已经有一个全局变量。还可以新建变量,变量是可以有默认值的。
现在自定义一个全局变量。
向页面中拖入一个Rectangle,设置Rectangle的样式,在Shape Name中设置为rack。
再拖入一个Rectangle,设置成圆形并填充上颜色,作为按钮使用。
给圆形的Rectangle设置用例如下:
预览,点击蓝色按钮出现文字,如下:
以上是对全局变量值的读取,如何更改全局变量呢?
把刚才的页面内容复制到另外一个页面,重写设置OnClick事件如下:
预览,点击蓝色按钮,这次显示的内容是我们设置的内容。
以上是重新设置并显示变量的值,是否可以通过函数改变变量的值呢?
把刚才的页面内容复制到另外一个页面,重写按钮的OnClick事件如下:
以上,设置变量的值是通过函数计算而得。
预览,点击蓝色按钮,显示如下:
总结:全局变量可以随时读取,并可以通过直接赋值或函数赋值来改变全局变量的值。
参考资料:http://www.iaxure.com/

Hot AI Tools

Undresser.AI Undress
AI-powered app for creating realistic nude photos

AI Clothes Remover
Online AI tool for removing clothes from photos.

Undress AI Tool
Undress images for free

Clothoff.io
AI clothes remover

AI Hentai Generator
Generate AI Hentai for free.

Hot Article

Hot Tools

Notepad++7.3.1
Easy-to-use and free code editor

SublimeText3 Chinese version
Chinese version, very easy to use

Zend Studio 13.0.1
Powerful PHP integrated development environment

Dreamweaver CS6
Visual web development tools

SublimeText3 Mac version
God-level code editing software (SublimeText3)

Hot Topics

The article discusses the HTML <datalist> element, which enhances forms by providing autocomplete suggestions, improving user experience and reducing errors.Character count: 159

The article discusses using HTML5 form validation attributes like required, pattern, min, max, and length limits to validate user input directly in the browser.

The article discusses the <iframe> tag's purpose in embedding external content into webpages, its common uses, security risks, and alternatives like object tags and APIs.

The article discusses the HTML <progress> element, its purpose, styling, and differences from the <meter> element. The main focus is on using <progress> for task completion and <meter> for stati

The article discusses the HTML <meter> element, used for displaying scalar or fractional values within a range, and its common applications in web development. It differentiates <meter> from <progress> and ex

Article discusses best practices for ensuring HTML5 cross-browser compatibility, focusing on feature detection, progressive enhancement, and testing methods.

The article discusses the viewport meta tag, essential for responsive web design on mobile devices. It explains how proper use ensures optimal content scaling and user interaction, while misuse can lead to design and accessibility issues.

This article explains the HTML5 <time> element for semantic date/time representation. It emphasizes the importance of the datetime attribute for machine readability (ISO 8601 format) alongside human-readable text, boosting accessibilit
