Axure RP 8设怎么用按钮控制圆形的变换?

一、改变圆形的坐标或移动圆形

1. 准备圆形和按钮元件
   • 打开Axure RP 8软件，在元件库中找到“椭圆形”，拖动到主页中，这将作为我们要控制的圆形元素。然后再拖动一个按钮到主页面中，并修改按钮内容，例如修改为“移动圆形”等能表示功能的文字。这一步是为后续的操作提供基础元素。参考搜索结果1、6。
2. 设置按钮的交互动作
   • 选中按钮，在右侧属性中单击“鼠标单击时”，打开用例编辑窗口。
   • 在用例编辑窗口中添加椭圆形组织动作，例如设置在相对位置，移动坐标为（400，325）（这里的坐标可根据需求自行设定），动画选择线性，时间设定为2000毫秒（时间也可按需调整）。设置完毕后单击“确定”按钮，此时按钮右侧会出现一个序号，表示用例添加成功。参考搜索结果1、6。
3. 预览效果
   • 在椭圆形中可以添加一个小圆圈（这一步非必需，可根据需求添加装饰元素），然后预览该原型页面，单击设置好的按钮，这时椭圆形就会移到规定的坐标。参考搜索结果1、6。

二、改变圆形的半径

1. 创建圆形和按钮并命名
   • 打开Axure RP 8软件，在基本元件中拖一个椭圆形到画布上，再拖一个按钮到画布上，修改按钮内容为“改变”之类表示功能的文字。然后分别选中椭圆形和按钮，设置它们的名称，例如将椭圆形命名为“circle”，按钮命名为“circleBtn”，方便后续操作识别。参考搜索结果4。
2. 设置按钮单击时的用例
   • 选中“改变”按钮，添加鼠标单击时用例，勾选椭圆形，设置其宽度和高度，以此来改变圆形（这里用椭圆形代替圆形，通过调整宽度和高度来达到类似改变半径的效果）。设置完毕后，可以查看页面设计效果，按钮右上角会出现序号。参考搜索结果4。
3. 预览结果
   • 在Axure RP 8软件发布生成HTML文件，并在浏览器中预览页面，查看圆形半径改变的效果。参考搜索结果4。

三、控制圆形旋转（如果将椭圆形视为圆形）

1. 准备圆形和按钮元件
   • 打开Axure RP 8设计软件，在元件库中的类Flow元件里找到半圆形元件（可将半圆形视为圆形的一部分来参考操作），拖出一个到画布中，使用鼠标改变元件大小和位置以满足需求。再拖一个按钮元件（如蓝色填充色的按钮）到画布中，并修改内容为“旋转”，其宽度跟半圆形（圆形）宽度一致。参考搜索结果2。
2. 设置圆形的交互样式和按钮的用例
   • 选中半圆形（圆形）元件，设置鼠标选中时的交互样式（根据具体需求设置）。然后选中按钮，添加鼠标单击时用例，设置半圆形（圆形）旋转的角度、坐标、动画等参数，同时控制变化的时间。参考搜索结果2。
3. 查看和预览
   • 给半圆形（圆形）和按钮都设置用例后查看，可以看到元件上方有个序号。然后预览该静态模型页面，单击按钮，半圆形（圆形）会按照设置顺时针旋转（如果是这样设置旋转方向的话）。参考搜索结果2。