android - android九补丁拉伸继续像素但不加入

Question

我在下面有一个九个补丁图像，我做了一些拉伸的指示，但它不是我想要的。

运行时效果是：

效果太模糊，我错过了什么吗？

2013-08-22 更新原九贴图

Answer 1

编辑：

我已将图像分成三部分

1. 底部
2. 中间
3. 背景

以下是资源：

1. 
2. 
3. 

这是布局：

<RelativeLayout android:id="@+id/tabView" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentLeft="true" android:layout_alignParentRight="true" android:layout_alignParentTop="true" >
    <ImageView android:id="@+id/imageView1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentLeft="true" android:layout_alignParentRight="true" android:layout_alignParentTop="true" android:scaleType="fitXY" android:src="@drawable/back" />
    <ImageView android:id="@+id/imageView2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignLeft="@+id/imageView1" android:layout_alignRight="@+id/imageView1" android:layout_alignTop="@+id/imageView1" android:scaleType="fitXY" android:src="@drawable/middle" />
    <ImageView android:id="@+id/imageView3" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignLeft="@+id/imageView1" android:layout_alignRight="@+id/imageView1" android:layout_below="@+id/imageView1" android:scaleType="fitXY" android:src="@drawable/dash_bottom" />
</RelativeLayout>

Answer 2

正如我所说，我要求我的同事将原始图像拆分为三个图像：

1：没有虚线的背景图像（9-patch）

2：虚线图像（9-patch）

3：椭圆形（9片）

我使用了一个图层列表来制作它，下面是运行时屏幕截图（仍然有一些设计问题）：

我的布局定义是：

    <LinearLayout android:layout_width="match_parent" android:layout_height="match_parent"
                  android:background="@drawable/title_bg_content_area">

        <Button android:layout_width="0dp" android:layout_height="wrap_content"
                android:layout_weight="1" android:background="@drawable/title_item_selected"
                android:text="文字" android:textSize="20sp" android:textColor="#fefffc" />

        <Button android:layout_width="0dp" android:layout_height="wrap_content"
                android:layout_weight="1" android:background="@null"
                android:text="有声" android:textSize="20sp" android:textColor="#b1d596" />

        <Button android:layout_width="0dp" android:layout_height="wrap_content"
                android:layout_weight="1" android:background="@null"
                android:text="本地" android:textSize="20sp" android:textColor="#b1d596" />

    </LinearLayout>

</LinearLayout>

<layer-list>
    <item android:drawable="@drawable/title_bg" />
    <item android:top="50dp">
        <bitmap android:src="@drawable/title_bg_wrap_line" android:tileMode="repeat" />
    </item>
</layer-list>