中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

我們經(jīng)常在刷文章和視頻的時候看到跑馬燈效果，他們經(jīng)常被用在廣告和彈幕上使用。本文作者介紹了如何用Axure實現(xiàn)彈幕跑馬燈效果的操作步驟，以及實現(xiàn)過程中的一些心得體會，與大家分享。

01 前期準(zhǔn)備

軟件：Axure 9.0

硬件：Windows/Mac電腦

思考：實現(xiàn)跑馬燈效果前的思考（可參考下圖）

02 教程

（1）先準(zhǔn)備跑馬燈的展示框，這里我們可以拖動一個矩形命名為“LED屏”，將它設(shè)置為x=500,y=50

（2）準(zhǔn)備一段跑馬燈文字，拖動一個文字元件并命名“文字”，放在矩形框的最右邊，如下圖

（3）接下來我們就要思考怎么讓文字動起來，說到動起來我們就應(yīng)該想到動態(tài)面板的使用，我們拖一個動態(tài)面板出來，命名為“循環(huán)狀態(tài)“，并將動態(tài)面板設(shè)置為2個以上的狀態(tài)。

（4）為了能讓文字動起來，我們還需要將矩形轉(zhuǎn)化為動態(tài)面板，并將文字放在動態(tài)面板的狀態(tài)中，這時候記住里面文字的位置。

（5）接下來思考怎么讓它動起來，我們需要在頁面加載時，讓“循環(huán)狀態(tài)”動態(tài)面板不停的切換狀態(tài)，保證循環(huán)這個狀態(tài)。

（6）接下來，讓文字從左邊移動到右邊，也就是添加狀態(tài)改變時的交互。

剛才我們已經(jīng)記下了文字的初始位置是500，這里我們就需要區(qū)分什么時候從左到右移動，一定是在起點開始，所以我們要先確定文字的位置在哪里，就用到局部變量這個元件。添加情形1

（7）新建狀態(tài)改變時交互的情形1后，我們需要做的就是讓文字從左邊移動到右邊，如下圖，數(shù)字就是我上面提到的文字的位置，因為最后走到右邊相當(dāng)于負的文字位置即-914

（8）復(fù)制情形1交互，修改為如下內(nèi)容變?yōu)榍樾?，就可以讓文字到達左邊后馬上回到右邊來。

(9) 最后，我們預(yù)覽看下效果

結(jié)語

雖然步驟比較多，但其實很簡單，只有堅持住，就能看到學(xué)習(xí)成果。

本文由 @藍汐 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載！

題圖來自Unsplash，基于CC0協(xié)議