前言：

作者很忙，省略，該文章寫的過於佛系，專用於美工小姐姐們專用，美工的切圖在很大的程度上決定了app佈局的質量

————————————————————————————————————————————————————————————————————————————————————

1.美工提供.9圖之前圖片【上圖藍色框畫出來區域】

所謂的點九圖就是android專用，可以左右上下拉伸，注意是隻有android才有

1)檢視背景

經過分析我們知道檢視背景圖片是可以拉伸的，也就是中間部分，所以切圖就是除去中間畫素，具體操作如下：

注意：

美工在做圖的時候，肯定是透明圖層，中間字也是去掉的，去除左右透明區域，按照中間軸對稱做圖[防止因為文字陷阱而出現的對接問題，很麻煩的]，如果改圖上面線條為非可拉伸區域，就不可作為點九圖，而是切整體圖，去除中間文字圖。

2)我的訂單背景

經過分析我們知道我的訂單背景，上下左右都可以拉伸，也就是下面的分析：

上圖的紅色區域是可以不要的，然後剩下的拼合起來

所以就有了下面：

切片效果

很多美工都不知道為什麼要這麼做，對於android記憶體來說，android圖片的演算法是：

所佔記憶體 ＝ 圖片長度 ＊ 圖片寬度 ＊ 每個畫素所佔的記憶體

任何一張很小的圖片，都會產生很大的記憶體，顧開發不僅要自己在tinypng網站上面壓縮圖片，適配演算法，還要用程式碼壓縮圖片，下面提供一張這樣做，可以實現什麼效果的效果圖，哎

如果一張圖片不是點九圖片，被拉伸之後，如下：

因為本圖片本身不適合做點九圖，這裡就做成箭頭在任何大小下都不變形的效果，做成點九圖之後：

所以才有瞭如上圖的要求

————————————————————————————————————————————————————————————————————————————————————

2.普通切圖區域

上圖紫色區域為普通切圖區域

如上圖紅色區域所示：

1)我的訂單3張切圖大小一樣，然後橫向居中，豎向居下即可

2)積分充值等這幾張切圖，就是大小一樣，然後橫向居中，豎向居中

3)我的訂單上面，個人資訊背景也是需要切圖的，即文章開頭紅色寬框圈出來的位置大小

注意：這裡的切圖大小指的是圖片尺寸，寬高，

————————————————————————————————————————————————————————————————————————————————————

3.需要新增標註寬高

紅色區域，需要美工小姐姐標註紅色區域寬高，一切手機適配都是演算法，需要寬度和高度的支援

————————————————————————————————————————————————————

後記：

1,1畫素的成敗，1畫素偏差很小，然而佈局出來偏差就更大，手機越高階，看出來的偏差就越大

2.點九圖，不要不想切，否則你為難的不只是開發，效能要求高了，那大家都從新做被

3.平時的一個小設計不出設計圖，當你有很多端的時候，你會發現，最後沒有標準，大家都做的對，這就最後，大家一起重新寫