APK作為Android系統安裝包的檔案格式，一直備受廣大使用者的關注，APK越是臃腫肥大，在下載安裝過程中，它們耗費的流量會越多，安裝等待時間也會越長；對於產品本身，意味著下載轉化率會越低（因為競品中，使用者有更多機會選擇那個體驗最好，功能最多，效能最好，包最小的）；對於研發來說，是一種優化改進技術的機會。今天老司機將帶領大家一起探討下APK脂肪含量最高的圖片資源瘦身套路。

套路一：查詢並清除未使用圖片資源

       通常使用AndroidStudio中自帶的Lint工具來幫助我們查詢未使用的圖片資源，在AndroidStudio的選單中選擇Analyze->Inspecting Code即可進入Lint工具分析。
       分析過後，我們在結果列表中找到Unused resource這一欄開啟，裡面顯示的都是未被使用的資源列表，使用者可以參照來手動刪除資源。

套路二：使用tinypng優化Android的資源圖片

最簡單的使用點選上圖中虛線框，上傳需要壓縮的圖片

需要注意的是：

• tinypng支援png和jpg圖片的壓縮，並且也支援9圖的壓縮。
• tinypng的缺點是在壓縮某些帶有過渡效果（帶alpha值）的圖片時，圖片會失真。
• tinypng提供了開放介面供開發者開發屬於自己的壓縮工具，不過這是付費服務，對於普通使用者來說，tinypng為每個使用者提供的每月圖片免費壓縮數量已經足夠了。

套路三：將Android的資源圖片轉化成Webp

套路四：不是每張圖片都需要適配多套解析度

       通常開發中我們會據不同尺寸的螢幕讓美工給我們切出多套圖片，比如hdpi、mdpi、xhdpi、xxhdpi、xxxhdpi等。但是實際上有些圖片可能不需要放置多套，比如ldpi解析度的種手機目前很少了。
       此外，我們所引入的第三方包中可能也引用了資源圖片，但是其中的某些我們可能是不想要的，比如ldpi和xxxhdpi，那麼是否可以設定什麼東西來讓打包的時候剔除他們呢？是可以的，可以配置下build.gradle

defaultConfig {
    resConfigs "en", "de", "fr", "it"
    resConfigs "hdpi", "xhdpi", "xxhdpi"
}

defaultConfig提供了resConfig這個flavor來指定打包出只打包某些資源，比如字串、圖片等等。

套路五：覆蓋第三方庫裡的大圖

       很多時候我們引入了大量的第三方庫，這些第三方庫裡又引用了一些大圖但是實際上並不會被我們用到，刪除又怕出錯，這時候我們就可以考慮用1x1的透明圖片覆蓋，已達到減少圖片資源空間佔用的問題。

套路六：使用9.png圖

       9.png格式的圖片在android 環境下具有自適應調節大小的能力。
（1）允許開發人員定義可擴充套件區域，當需要延伸圖片以填充比圖片本身更大區域時，可擴充套件區的內容被延展。
（2）允許開發人員定義內容顯示區，用於顯示文字或其他內容
        對於9.png的圖片，在繪製過程中，可拉伸區域儘量切小，另外可以通過使用9.png拉伸達到大圖效果的時候儘量不要使用整張大圖。

套路七：用程式碼代替圖片

• 使用shape製作背景圖

  
          很多背景圖比如按鈕的背景、純色背景都是可以用shape來製作的，這樣僅用xml程式碼就能代替png資源。比如這麼要給按鈕背景圖（純色背景、帶邊框、圓角）可以用shape而不是png圖片來製作：
  

<?xml version="1.0" encoding="utf-8"?>
<selector
  xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <shape>
            <stroke android:width="0.5dp" android:color="@android:color/white"/>
            <gradient android:startColor="#ffffff" android:endColor="#ffffff" android:angle="0.0" />
            <corners android:topLeftRadius="4dp" android:topRightRadius="0dp" android:bottomLeftRadius="4dp" android:bottomRightRadius="0dp" />
        </shape>
    </item>
</selector>

• 用RotateDrawable代替僅僅是方向不同的“內容相同”的圖片

        這裡兩個圖片是兩個按鈕箭頭，但是僅僅方向不同而已，其實可以只用其中一個圖片即可，而另一個用RotateDrawable來讓其“調轉”180度：

<?xml version="1.0" encoding="utf-8"?>
<rotate xmlns:android="http://schemas.android.com/apk/res/android"
    android:drawable="@drawable/ic_arrow_left"
    android:fromDegrees="180"
    android:pivotX="50%"
    android:pivotY="50%"
    android:toDegrees="180" />

• 用layer-list來製作多層圖片從而達到複用

  
          有些需求中需要一種圖片，但是明顯這個圖片是其他幾個圖片簡單疊加而已，那麼可以使用layer-list來達到目的：
  

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <!-- 最底層的圖片，以x，y軸座標為中心進行旋轉-->
        <rotate android:pivotX="0" android:pivotY="0"
            android:fromDegrees="-10" android:toDegrees="-10">
            <bitmap android:src="@mipmap/ic_launcher"/>
        </rotate>
    </item>
    <!-- 第二層的圖片，以x，y軸座標為中心進行旋轉-->
    <item>
        <rotate android:pivotX="0" android:pivotY="0"
            android:fromDegrees="15" android:toDegrees="15">
            <bitmap android:src="@mipmap/ic_launcher"/>
        </rotate>
    </item>
    <!-- 最上層的圖片，以x，y軸座標為中心進行旋轉-->
    <item>
        <rotate android:pivotX="0" android:pivotY="0"
            android:fromDegrees="35" android:toDegrees="55">
            <bitmap android:src="@mipmap/ic_launcher"/>
        </rotate>
    </item>
</layer-list>

套路八：用一張圖片實現按鈕按下和普通效果的樣式

方法：使用selector做遮罩，原圖做background
我們做按鈕的時候經常需要用兩個圖片來實現按鈕點選和普通狀態的樣式，這就需要提供兩種圖片，而且每個解析度下還有多套圖片，大大增加了apk的大小。

我們希望讓這兩張圖片合二為一，而且還能實現兩種或者多種狀態，怎麼做呢？我們首先建立一個圓形的selector，正常情況下是完全透明的，按下後透明度變小。
castiel_selector.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_pressed="true">
        <shape android:shape="oval">
            <solid android:color="#21000000" />
        </shape>
    </item>

    <item>
        <shape android:shape="oval">
            <solid android:color="#00000000" />
        </shape>
    </item>
</selector>

然後我們需要把selector檔案當作遮罩，用上面的安卓icon作為bg，放到一個ImageButton中：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <ImageButton
        android:id="@+id/btn_test"
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:src="@drawable/castile_selector"
        android:background="@mipmap/ic_launcher" />

</LinearLayout>

總結

通過以上八大套路，相信已上車的小夥伴都能很好地掌握APK圖片資源瘦身方法，選擇適合自己專案的套路，相信你的APK會成功瘦掉圖片資源這塊脂肪。

安卓開發高階技術交流QQ群：108721298 歡迎入群

微信公眾號：mobilesafehome

（本公眾號支援投票）