拉伸圖片，而不是整個（9patch）

Question

這裏的一部分的問題是：

正如你可以看到黑色的時間線被搞砸了，或多或少地拉伸。

我實際上嘗試了9次修補，但老實說我沒有得到整個事情。

實際上可以解決我的問題嗎？如果是的話，可以爲圖片打補丁嗎？如果是，如何？

作爲一個額外的，我給你每行的XML：

<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
android:layout_width="match_parent" 
android:layout_height="match_parent" 
android:orientation="horizontal" > 

<TextView 
    android:id="@+id/date" 
    android:layout_width="130dp" 
    android:layout_height="wrap_content" 
    android:layout_gravity="center_vertical" 
    android:paddingLeft="30dp" 
    android:textSize="20sp" /> 

<ImageView 
    android:id="@+id/point" 
    android:layout_width="40dp" 
    android:layout_height="match_parent" 
    android:scaleType="fitXY" /> 

<TextView 
    android:id="@+id/description" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:paddingLeft="5dp" 
    android:textSize="20sp" /> 

</LinearLayout> 

測試1：

測試2：

與此圖片：

我得到這樣的結果：

測試3：

Answer 1

1. 是的，它通過使用9補丁是可能的。

2. 您的9補丁文件是錯誤的。您已將可伸縮區域翻轉，這意味着此時圓圈將被拉伸，而不是其他部分。

   只需在想要延伸圖像的位置繪製垂直邊框，即您的案例中圓圈的下方和上方的區域。

   也刪除水平線，因爲我猜你不希望圖像的寬度被拉伸。

您可能會發現this文檔頁有趣。

編輯：我只是快速試了一下我解釋，並使用該9補丁的工作：

請注意，這個循環是不是100％的中心，但它應該指向你在正確的方向。

Answer 2

檢查Simple Nine-patch Generator。您加載圖像，指定可以拉伸的區域，然後他會自動生成九個補丁圖形（xxhdpi，xhdpi，hdpi，mdpi）以作爲zip包下載。