Axure RP 8--创建交互动作

本文介绍Axure RP这一专业快速原型设计工具的使用方法,包括创建项目、添加按钮与文本框、设置禁用状态及交互事件等基本操作,帮助读者快速掌握Axure RP的设计流程。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

介绍

Axure RP是一个专业的快速原型设计工具。Axure(发音:Ack-sure),代表美国Axure公司;RP则是Rapid Prototyping(快速原型)的缩写。本教程参考官网英文教程介绍

工具

windows7
Axure RP 8

步骤

  • 新建项目

  • Page 1页面 – > 添加一个 Primary Button,并更改文字

  • Page 1页面 – > 添加两个Text Field – > 并填写Text Field Name(分别为Text1和Text2)

  • 设置Text2禁用 – > 选中Text2 – > PROPERTIES – > Disabled

  • 给Primary Button添加交互事件 – > “鼠标单击时”,进行添加一个实例,当单击时,Text1为禁用,同时启用Text2,并把焦点聚焦在Text2上

  • 选中Primary Button – > PROPERTIES – > OnClick – > Case Editor进行设置
    在这里插入图片描述

  • Page 1页面设置页面加载完成,焦点在Text1上 – > 点击Page 1空白处 – > OnPageLoad – > Add Case – > Case Editor – > Focus

  • 设计完成(F5 可以在浏览器中测试)
    在这里插入图片描述


推荐文档:
[1]: https://jingyan.baidu.com/album/f71d6037740d781ab641d1b3.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值