生成矢量圖VectorDrawable的三種方式

• 第一種：

選中drawable文件夾，右鍵New --> Vector Asset --> 選中Clip Art ,在這里面可以選擇一些矢量圖 ，點擊Next，然后 Finish即可。

• 第二種：(前提：自己有一張svg或psd的圖片)

選中drawable文件夾，右鍵New --> Vector Asset --> 選中Local file ,在這里面選擇自己svg路徑 ，點擊Next，然后 Finish即可。

• 第三種：

自己編寫代碼

靜態(tài)VectorDrawable的使用

配置引用和參數(shù)

gradle文件種按下面配置：

android {
    defaultConfig {
        ...
        vectorDrawables.useSupportLibrary = true
    }

  ...

dependencies {
   ...

    implementation 'com.android.support:appcompat-v7:23.4.0'
}

注意：support:appcompat 必須在23.2以上的引用

在控件中使用

ImageView\ImageButtom

<ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:srcCompat="@drawable/ic_aaa"
        />

既然這樣可以顯示，那我們?nèi)绶ㄅ谥疲O(shè)置在Button上面會怎么樣呢？

<Button
        android:layout_width="100dp"
        android:layout_height="100dp"
        app:srcCompat="@drawable/ic_aaa"
        />

結(jié)果超出我們的想象，并不能達到我們預(yù)期的效果。原因是：Button是一個有不同狀態(tài)的控件，為了程序的嚴(yán)謹(jǐn)性，所以無效。

那我們對他的每一個狀態(tài)進行設(shè)置，可不可行呢？

在drawable文件夾下新建xml文件，名為demo

demo代碼如下：

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@drawable/ic_aaa" android:state_pressed="true"/>
    <item android:drawable="@drawable/ic_bubble_chart_black_24dp"/>
</selector>

然后在Button里面引用：

<Button
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:background="@drawable/demo"
        />

然后運行：

原始狀態(tài)：

按下狀態(tài)：

ok，這就大功告成了。

這里要說明的一點，我這邊呢，使用的Android Studio是目前最新的3.6.3，如果AndroidStudio版本較低的話，可能會出現(xiàn)閃退的現(xiàn)象。這是VectorDrawable的一個坑點。

解決方法：在相對應(yīng)的Activity中加入以下代碼即可

static{
        AppCompatDelegate
            .setCompatVectorFromResourcesEnabled(true);
    }    

此篇結(jié)束，下篇文章將繼續(xù)講解Android中使用動態(tài)的VectorDrawable

到此這篇關(guān)于Android三種方式生成矢量圖之VectorDrawable類使用詳解的文章就介紹到這了,更多相關(guān)Android VectorDrawable內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

最新評論