Axure RP 8怎么控制矩形元件顛倒旋轉?

Axure RP 8設計軟件原型,其中有矩形元件,利用這個元件可以制作出不同類型的頁面原型。按鈕鼠標單擊事件可以控制不同的元件旋轉、改變大小、改變文本等。Axure RP 8怎么控制矩形元件顛倒旋轉?下面利用一個實例說明控制矩形元件顛倒旋轉,需要的朋友可以參考下

Axure RP 8怎么控制矩形元件顛倒旋轉?-1文章源自四五設計網-http://www.wasochina.com/37616.html

1、雙擊打開Axure RP 8軟件,查看基本元件中各個元件的用法,操作如下:文章源自四五設計網-http://www.wasochina.com/37616.html

Axure RP 8怎么控制矩形元件顛倒旋轉?-2文章源自四五設計網-http://www.wasochina.com/37616.html

2、在基本元件中拖曳“矩形3”到畫布上,調整矩形元件位置和大小,如下圖所示:文章源自四五設計網-http://www.wasochina.com/37616.html

Axure RP 8怎么控制矩形元件顛倒旋轉?-3文章源自四五設計網-http://www.wasochina.com/37616.html

3、再次在基本元件中拖曳“主要按鈕”元件到畫布上,修改顯示的內容,如下圖所示:文章源自四五設計網-http://www.wasochina.com/37616.html

Axure RP 8怎么控制矩形元件顛倒旋轉?-4文章源自四五設計網-http://www.wasochina.com/37616.html

4、選中“顛倒”按鈕,添加鼠標單擊時用例,如下圖所示:文章源自四五設計網-http://www.wasochina.com/37616.html

Axure RP 8怎么控制矩形元件顛倒旋轉?-5文章源自四五設計網-http://www.wasochina.com/37616.html

5、選中元件旋轉,方向逆時針,動畫緩慢進入,時間2000毫秒,如下圖所示:文章源自四五設計網-http://www.wasochina.com/37616.html

Axure RP 8怎么控制矩形元件顛倒旋轉?-6

6、設置完畢后,發現按鈕右上方有序號“1”,如下圖所示:

Axure RP 8怎么控制矩形元件顛倒旋轉?-7

我的微信
微信掃一掃
weinxin
我的微信
惠生活福利社
微信掃一掃
weinxin
我的公眾號
 
  • 本文由 四五設計網小助手 發表于 2023年12月13日11:13:30
  • 轉載請務必保留本文鏈接:http://www.wasochina.com/37616.html

發表評論

匿名網友
:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

拖動滑塊以完成驗證