Android 載入SVG動畫

svg可以說是目前比較流行的格式，使用領域也十分廣泛，例如：web 前端頁面，android ios 等移動應用。都可以使用svg的格式。今天就要和大家談一談 svg 在android中的應用，svg的引入其實在我之前的文章裡已經有談到。其實這個文章就是 android 載入svg 的原理。

（path 的高階用法）。還有一篇是談到用 path 寫的例子，仿滴滴打車倒計時效果，為什麼要談這個文章，因為這篇文章，告訴我們這個 path 高階用法能把複雜的效果用很簡單的方式實現，也很好理解，增大了我們view的繪製效率。

今天主要談的是path 的svg 的應用。其實很簡單，經過我們上兩篇文章的理解，看過的朋友應該知道這個原理。就是我們只要能獲得到乙個繪製的「路徑

所以主要問題就是如何獲取到「路徑」，我們找到原因了。那svg格式的是什麼？我們能從這裡面拿到什麼?能拿到「路徑」嗎？答案是肯定的。

既然能拿到路徑，我們來看看乙個 svg 格式的是什麼樣的，路徑在**？

我們能看到，喲喲喲！！！這不就是xml 嗎？裡面有個標籤叫難道這就是我們需要的那個 path 路徑嗎？對的這就是我們需要的 path 路徑了。所以我們只要讓美工給我們乙個具有 path 標籤的 svg 格式的，美工給你的svg 的格式你一定要在 as 裡面開啟看看，因為我之前就被坑了。美工給我乙個svg 怎麼載入結果就是沒有動畫效果，折騰了很久發現他給的svg 格式的裡面根本就沒有 path 路徑，這個美工在作圖的時候要注意，svg 生成的方式。不能太隨意喲喲。

我們看到裡面有很多標籤，標籤裡面有很多屬性如：顏色線寬透明度等。每乙個 path 標籤就代表我們乙個路徑，所以我們才能看到有很多的線在繪製。而且是同時繪製的。

那好了，到了這裡我們需要的 path 也有了，那問題來了。我們怎麼拿到這個 path ？？

這是乙個問題。

但是github 上面已經有框架了：

我們用就行了。哈哈哈

拿來直接幹。

使用步驟：

1.第一是把 jar 包匯入到lib 下面

2.我們需要的 svg 格式的

3.拿到兩個類：pathview 和 svgutils，

這兩類在上面的 github 裡面有拿到我們的專案中就行了。

4.在xml 中載入我們的 svg

xmlns:
=""android
:id=
"@+id/pathview"
android
:layout_width=
"match_parent"
android
:layout_height=
"match_parent"
android
:layout_centerinparent=
"true"
:pathcolor=
"@android:color/white"
:svg=
"@raw/chart"
:pathwidth=
"5"/>

pathview 是我們上面的那個類。

5.在activity中例項化物件：

final pathview pathview = (pathview) findviewbyid(r.id.pathview
);pathview.setfillafter(true);
pathview.usenaturalcolors();
pathview.setonclicklistener(new view.onclicklistener() 
});

並呼叫開始方法。

以上就是 android 載入 svg 的實現方法了，大家一起學習，有錯誤請指出來，謝謝。

Android 載入SVG動畫

Android 中載入延時載入動畫

svg波浪動畫

SVG動畫之描邊動畫

Android 載入SVG動畫

Android 中載入延時載入動畫

svg波浪動畫

SVG動畫之描邊動畫

相關推薦