當前位置:編程學習大全網 - 源碼下載 - Axure音樂唱片機圖片旋轉和暫停原型怎麽做?

Axure音樂唱片機圖片旋轉和暫停原型怎麽做?

很多的音樂APP,比如酷狗、網易雲等,在播放音樂的時候,旁邊都會有壹個唱片機旋轉。而我們怎麽使用Axure制作這樣壹個音樂唱片機圖片旋轉和暫停原型呢?不會的話,就可以跟著下面的步驟學習起來喲~入門Axure做產品經理,就上來學習!精選多套優質Axure自學視頻課,綜合全面的教會大家Axure軟件基礎操作以及原型交互,讓妳可以理論+實踐全面發展~

Axure音樂唱片機圖片旋轉和暫停原型制作步驟:

壹、交互事件原理講解

條件判斷按鈕動態面板決定唱片的旋轉是否;

點擊按鈕後,圖片的旋轉;

添加圖片“旋轉時”事件,控制其循環旋轉。

二、界面元件搭建

添加壹個動態面板,命名為按鈕,添加旋轉和暫停兩個狀態,分別對應按鈕命名為“旋轉”和“暫停”。

添加圖片“碟片”,本教程為兩張圖片,妳們也可以采用壹張圖片。

三、交互事件實現

(1)選中按鈕動態面板,添加鼠標單擊時事件

1)如果按鈕面板為旋轉,切換為此面板為下壹個狀態,向後循環,同時旋轉碟片,旋轉為“相對位置”,角度為5,方向為“順時針”,動畫為線性,時間為500毫秒。

2)否則,此面板切換為下壹個狀態。

(2)選中碟片,添加旋轉時事件(主要是實現碟片的循環旋轉)

同理,旋轉為“相對位置”,角度為5,方向為“順時針”,動畫為線性,時間為500毫秒。

增加判斷條件為:動態面板按鈕==暫停。

四、預覽效果

示例演示:

好咯,關於“Axure音樂唱片機圖片旋轉和暫停原型怎麽做?”的內容今天就分享到這裏了,希望妳能從中學到東西哦!Axure學習,的Axure相關文章、Axure自學視頻課都是不錯的選擇!文字理解能力強的話,個人推薦Axure文章學習;但是想要專業學習Axure的話,還是推薦大家選擇Axure自學視頻課系統學!不僅可以更加清晰有條理,大家也都能夠利用自己的碎片化時間學習!

  • 上一篇:birt報表運行錯誤,有誰知道是什麽問題嗎?
  • 下一篇:圖例1.85麒麟版GM權限命令
  • copyright 2024編程學習大全網