安卓開發客串下美工用三個gif 圖實現安卓中的走馬燈效果

最終效果是這個樣子的

？？？？？？？？？？？？？？？

這個不像跑馬燈，到像是受驚的野馬亂蹦 啊，呵呵，在本地快速點開三個gif圖片是按順序從左到右的啊，呃呃呃，貌似是圖片上傳的時間間隔引起的吧，看不到那就自己想象一下跑馬燈吧o(*￣︶￣*)o

第一步：準備素材

一張綠色背景的jpg圖，大小隨意

一張紅色背景的jpg圖 ，大小隨意

網上搜索下載了一個古董的Adobe PhotoShop CS6的製圖軟體

安裝開啟是這個樣子

第二步：開始製作

如下圖：檔案--開啟--選中紅綠兩個素材圖片

注意上圖中當前開啟的是紅色圖片，在介面頂端指示的綠色箭頭是開啟的綠色的圖片

如上圖用左側的 矩形選框工具 選中中間的紅色圖片，並用鍵盤的 ctrl+c進行復制，然後開啟綠色的圖片，進行貼上 ctrl+v,就顯示下圖的樣子

然後按如下圖位置點選，複製所選幀

就會複製一份當前所選的幀（新複製的幀同樣包含紅綠兩個圖片），結果如下圖

先點選第一幀，如下圖，帶白色邊框表示選中

然後點選第一幀圖片下面的 0秒，在彈出的列表中選擇幀延遲的時間，我這裡選擇的是  “其他” ，因為我要手動設定延遲時間為1.6秒，如下圖

同樣的方法選中第二個幀，選 “其他” 設定幀延遲時間是 2.4秒，效果如下圖

接下來，再次選中第一幀 ，效果如下圖

同時注意觀看上圖的右側的兩個綠色箭頭所指向的兩個“大眼睛”，是的紅綠圖層前面像眼睛的圖示，點一下紅色圖層前面的眼睛圖示，變成這個樣子，如下圖

，注意右側紅色圈圈裡的眼睛圖示在點選之後變成了一個凸起的方框。

下面選中第二個幀，如下圖

如上圖是第二個幀被選中的狀態。

如下圖：然後把右側綠色圖層前面的眼睛圖示點選一下變成凸起的方框，再點選一下紅色圖層前邊的方框變成眼睛圖示，結果如下圖（注意這裡眼睛圖示和方框圖示的點選變化是關鍵）

OK,這樣一個gif圖就做好了，讓我們執行下看看效果吧，如下圖

點選箭頭所指向的三角形，則可以檢視gif變換效果，再次點選暫停檢視gif效果

到這裡我們就完成了第一個帶有兩幀（第一幀設定的延遲的時間是 1.6秒，第二幀設定的延遲時間是2.4秒

）的gif動態圖片了。

重複我們上邊的步驟，在製作第二個和第三個gif圖片。

其中第二個gif動態圖片的第一幀設定的延遲的時間是 1.8秒，第二幀設定的延遲時間是2.2秒

其中第三個gif動態圖片的第一幀設定的延遲的時間是2.0秒，第二幀設定的延遲時間是2.0秒

《注意注意注意：這其中我認為關鍵的是要保證三張gif的圖中所用的時間的和要相同，即1.6+2.4=1.8+2.2=2.0+2.0=4秒，才能顯示出跑馬燈效果》小夥伴們可以自己設定延遲時間看下效果，大致意思是這樣的，要實現精確跑馬燈效果，可能需要精確調整延遲時間吧，這就留給小夥伴們去研究下吧

三個gif動態圖片製作完成後，只需要在安卓程式碼中直接用三個 ImageView同時顯示出來，就可以看到類似跑馬燈的效果了

<ImageView
    android:layout_width="50dp"
    android:layout_height="50dp"
    android:layout_margin="10dp"

android:src="@mipmap/image_gif1"/>
<ImageView
    android:layout_width="50dp"
    android:layout_height="50dp"
    android:layout_margin="10dp"

android:src="@mipmap/image_gif2"/>
<ImageView
    android:layout_width="50dp"
    android:layout_height="50dp"
    android:layout_margin="10dp"

android:src="@mipmap/image_gif3"/>