Axure網易雲音樂唱片播放器播放效果原型制作步驟:
01界面布局
唱機由唱片和唱臂組成。首先準備兩張圖。
兩張圖片都是PNG格式的透明背景。將它們拖動到設計界面並調整它們的位置。添加開始按鈕和結束按鈕。
02交互處理這次主要看交互事件的處理步驟。
1.定義壹個全局變量running，用來控制是播放還是暫停。running=0表示暫停，running=1表示播放，初始值為0。
2.向唱片播放器添加壹個加載事件，並在加載事件中處理循環操作1。)判斷running是否等於1，如果等於1，繼續下面的操作。
2)順時針轉動0.1度。
3)等待1毫秒。
4)觸發當前組件的加載事件，實現循環運行。
在這裏，我們壹次旋轉壹個小角度，並等待壹段時間，以便使旋轉看起來更平滑。
3.向歌唱手臂添加壹個click事件，以處理移入和移出記錄的旋轉效果。1)判斷當前是否在玩，即跑步等於1，如果是，繼續下壹步。
2)順時針旋轉唱臂20度，持續0.5秒。註意旋轉的錨點在圖片的左上角。
3)如果它不處於播放狀態，那麽
4)逆時針旋轉20度，持續0.5秒。
4.控制“開始”按鈕1)將變量running設置為1，表示開始播放。
2)禁用當前按鈕，防止意外點擊；同時啟用暫停按鈕。
3)觸發記錄的加載事件，旋轉記錄。
4)觸發唱臂的click事件，將唱臂旋轉到唱片。
5.對“暫停”按鈕的控制，與“開始”按鈕正好相反。1)將變量running設置為0表示暫停。
2)啟用開始按鈕，同時禁用暫停按鈕。
3)為了體驗更好，我們讓唱片旋轉壹個小角度後停止，順時針旋轉5度0.5秒。
4)等待0.5秒，等待上述旋轉停止。
5)觸發唱臂回到原來的位置。
所有交互都已處理，可以預覽效果了。
好的，關於“Axure網易雲音樂記錄儀的樣機怎麽做？”今天分享到這裏。希望妳能從中有所收獲！Axure學習，Axure相關文章，Axure自學視頻課都是不錯的選擇！如果對單詞理解能力強，個人推薦Axure文章學習；不過如果妳想專業學習Axure，我還是推薦妳選擇Axure自學視頻課系統學！不僅可以更清晰更有條理，每個人也可以利用自己的碎片化時間去學習！