AppCompat v23.2? -- Vectors的時代

這里寫圖片描述
這里寫圖片描述

相信你已經看到了app23.2的支持庫的更新日志了,現在在支持庫中已經兼容了矢量圖:VectorDrawableCompat和Animated VectorDrawableCompat

它被實現成了一個獨立的功能模塊。眾所周知:開發者想使用資源圖片,我們已經把支持矢量圖繪制添加到了APP中。
一下是幾個整合的原因,包括:

  • 允許開發者在所有的Android2.1以上的設備更早的用上<Vecotrs>圖
  • 允許APP本身能夠用矢量圖。它本身已經減少了APP AAR的70KB左右。這聽起來不算很大,但是對于設備來說節省是很重要的。快速的節省是為了存儲和傳輸。

*首先
VectorDrawableCompat依賴與AAPT的一些功能,它能保持最近矢量圖使用的添加的屬性ID,以便他們可以被v21之前的引用。

如果你沒有啟用這個標志,當你在KitKat上運行你的APP你會看到以下(或者類似)錯誤:

Caused by: android.content.res.Resources$NotFoundException: File res/drawable-v19/abc_ic_ab_back_material.xml from drawable resource ID #0x7f020016
at android.content.res.Resources.loadDrawable(Resources.java:2097)
at android.content.res.Resources.getDrawable(Resources.java:700)
...

啟用標志位
我猜你們中的大多數都正在用Gradle。
如果你正在用Gradle插件v2.0或者更高,我有一個簡潔方法去啟用它:

android {
  defaultConfig {
    vectorDrawables.useSupportLibrary = true
  }
}

如果你還沒有更新,在用v1.5后者更低的版本,你需要在你的build.gradle文件里添加以下內容:

android {
  defaultConfig {
    // Stops the Gradle plugin’s automatic rasterization of vectors
    generatedDensities = []
  }
  // Flag to tell aapt to keep the attribute ids around
  aaptOptions {
    additionalParameters "--no-version-vectors"
  }
}

怎么在項目中用我自己的矢量圖資源?
在我們開始之前應該做一些準備。當我們在用AppCompat時,VectorDrawableCompat不僅用在Api20或者更低。這意味著你當你在Api21或者更高時你在用framework層的VectorDrawable類。在用api21+的framework create()方法是不同的,是一個代理項目。

所以如果你的minSdkVersion<21而且你想在你的APP中用一個矢量資源的時候,首先你應該檢查這個資源應該用在api21+的設備上,只是為了一個全面的檢查。

起作用之后,我們該怎么用?
在api7+有兩種使用矢量圖的方法:

  1. AppCompatImageView
    AppCompat的“injects”代替了許多框架中的組件。我們已經加入了app:srcCompat屬性去支持VectorDrawableCompat。它代替了android:src屬性,并且你也可以安全的使用那些不屬于矢量圖的資源。下面是一個我們已經用過的矢量圖的例子:
    res/drawable/ic_search.xml
<vector xmlns:android="..."
        android:width="24dp"
        android:height="24dp"
        android:viewportWidth="24.0"
        android:viewportHeight="24.0"
        android:tint="?attr/colorControlNormal">
    <path
        android:pathData="..."
        android:fillColor="@android:color/white"/>
</vector>

一個ImageView的聲明:

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

你也可以這樣設置它:

ImageView iv = (ImageView) findViewById(...);
iv.setImageResource(R.drawable.ic_search);

這樣和ImageButton相同的用法。

“魔法方式”
AppCompat能夠攔截一些圖片引用,你在工作的時候能夠用所有的標準的屬性,每一個都會工作。
讓我告訴你工作什么:
其中引用只包含一個矢量資源等資源可繪容器可繪制。
例如,一個StateListDrawable它引用其中包含的載體的其他文件。

res/drawable/state_list_icon.xml

<selector xmlns:android="...">
    <item android:state_checked="true"   
            android:drawable="@drawable/checked_icon" />
    <item android:drawable="@drawable/icon" />
</selector>

res/drawable/checked_icon.xml

<vector xmlns:android="http://schemas.android.com/apk/res/android"
    android:width="32dp"
    android:viewportWidth="32"
    android:height="32dp"
    android:viewportHeight="32">
 
    ...
 
</vector>

作為一個TextView的復合圖:

<TextView
    android:drawableLeft="@drawable/state_list_icon" />

作為一個RadioButton的背景圖:

<RadioButton
    android:button="@drawable/state_list_icon" />

作為一個ImageView的背景圖:

<ImageView
    android:src="@drawable/state_list_icon" />

你不得不去用StateListDrawable,它也和InsetDrawable,LayerDrawable,LevelListDrawable,RotateDrawable容器一起工作。規則僅僅是矢量圖需要在一個分離的文件中。

矢量動畫是什么?
到目前為止我們僅僅討論了“static”的矢量圖,所以讓我們談談矢量動畫。他們用同樣的方式工作,但是他們僅僅在api 11+可用。如果你嘗試在api 10或者更低去用矢量動畫,你會得到一個"null"或者什么都不顯示。

下面是一些矢量圖能夠運行在小于api 21平臺下的限制:

  • Path Morphing (PathType evaluator)
  • 路徑攔截。被用于代替系統定義的類似LinearInterpolator的攔截器
  • 沿路徑移動。很少備用,這可以左右移動,沿著任何路徑。

總之,動畫的聲明已經可用,并且這個功能是基于你平臺運行的APP。

“魔法方式”怎么工作?
如果對它的實現不感興趣你可以跳過這段。
目前沒有方法在Android平臺使用從資源的自定義繪制的實現,所以下面這樣是不可以的:
res/drawable/my_awesome_drawable.xml

<my.package.SuperAwesomeDrawable xmlns:app="..."
    app:customAttr1="32dp"
    app:customAttr2="32dp">
 
    ...
 
</my.package.SuperAwesomeDrawable>

為了迭代:之前的代碼在當前是不可以的
所以你可能會問普通的drawable是怎么工作的?當你設置一個resource的屬性時,manifest本身會作為一個TypedArray去實現View,Drawable,etc,去調用obtainStyledAttributes()方法。

下面是一個InsetDrawable的例子:

Resources r = ...;
int drawableRes =
     a.getResourceId(android.R.styleable.InsetDrawable_drawable, 0);        
if (drawableRes != 0) {
    dr = r.getDrawable(drawableRes);
}

有趣么?正如我說的,這是所有的實現細節所以不要擔心不不理解。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 230,431評論 6 544
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 99,637評論 3 429
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 178,555評論 0 383
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,900評論 1 318
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 72,629評論 6 412
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 55,976評論 1 328
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,976評論 3 448
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 43,139評論 0 290
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 49,686評論 1 336
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 41,411評論 3 358
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 43,641評論 1 374
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 39,129評論 5 364
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,820評論 3 350
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 35,233評論 0 28
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 36,567評論 1 295
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 52,362評論 3 400
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 48,604評論 2 380

推薦閱讀更多精彩內容