Изменение размера растрового изображения внутри выделенного слоя

В настоящее время я разрабатываю приложение для Android. Я хочу сделать текст (заголовок) с фоном, который выглядит так:

_______ /______/ 

У меня есть следующий код:

 <?xml version="1.0" encoding="UTF-8"?> <layer-list xmlns:android="http://schemas.android.com/apk/res/android"> <item> <shape> <gradient android:startColor="@color/jaarkleur" android:centerColor="@color/jaarkleur" android:endColor="#E66C2C00" android:angle="0" /> <stroke android:width="1dp" android:color="#ff000000" /> </shape> </item> <item> <bitmap android:src="@drawable/overlay_left" android:gravity="left" /> </item> <item> <bitmap android:src="@drawable/overlay_right" android:gravity="right" /> </item> </layer-list> 

Таким образом, я сделал для изображений так с прозрачным треугольником, который размещен на обоих концах.

Это отлично подходит для заголовков только с одной строкой, но когда заголовок занимает две строки, он выглядит так:

http://i.imgur.com/lDQGo.png

Поэтому мой вопрос: возможно ли изменить размер обоих изображений так, чтобы они выглядели правильно? Спасибо!

Я решил это, используя два (полупрозрачных) изображения, которые представляют углы.

XML выглядит так:

 <?xml version="1.0" encoding="UTF-8"?> <layer-list xmlns:android="http://schemas.android.com/apk/res/android"> <item> <shape> <gradient android:startColor="@color/jaarkleur" android:centerColor="@color/jaarkleur" android:endColor="#E66C2C00" android:angle="0" /> <stroke android:width="1dp" android:color="#ff000000" /> </shape> </item> <item> <bitmap android:src="@drawable/overlay_left" android:gravity="left|top" /> </item> <item> <bitmap android:src="@drawable/overlay_right" android:gravity="right|bottom" /> </item> </layer-list> 

Вместо использования списка слоев с градиентным / пограничным штрихом и настраиваемым изображением рассмотрите возможность использования NinePatchDrawable .

Существует также удобный редактор 9-patch, который поставляется с SDK android.