如何利用Axure RP 8设计软件控制圆形图形改变

2025-04-13 16:13:13

1、第一步,打开Axure RP 8软件,在“基本元件”中拖一个椭圆形到画布上,如下图所示:

如何利用Axure RP 8设计软件控制圆形图形改变

2、第二步,再次在元件库中拖一个按钮到画布上,修改按钮内容为”改变“,如下图所示:

如何利用Axure RP 8设计软件控制圆形图形改变

3、第三步,分别选中椭圆形和按钮,设置它们的名称为”circle“和”circleBtn“,如下图所示:

如何利用Axure RP 8设计软件控制圆形图形改变

4、第四步,选中”改变“按钮,添加鼠标单击时用例,勾选椭圆形,设置宽度和高度,如下图所示:

如何利用Axure RP 8设计软件控制圆形图形改变

5、第五步,设置完毕后,查看页面设计效果,发现按钮右上角有序号”1“,如下图所示:

如何利用Axure RP 8设计软件控制圆形图形改变

6、第六步,在Axure RP 8软件发布”生成HTML文件“,并在浏览器中预览页面,如下图所示:

如何利用Axure RP 8设计软件控制圆形图形改变
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢