圆形变成椭圆形

Question

我有一个drawable，我想把它作为textView的背景。这个drawable在xml中被声明为textView的背景。但是当在不同屏幕尺寸上测试时，有时候会拉伸并变成椭圆形而不是保持圆形。

因此，我的问题是：是否有任何方法可以确保drawable始终是圆形而不会拉伸成椭圆形？最好所有操作都在XML中完成。

我可以发布一些代码，但我认为这是不必要的，因为它只是一个使用椭圆形状的简单drawable，并且在布局中我将drawable设置为textView的背景。我尝试将drawable变成圆形的方法是使用权重和线性布局，大部分情况下它可以工作，但在某些屏幕尺寸上仍然会有点拉伸。

完整的布局代码如下：

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

<Button
    android:id="@+id/button1"
    android:layout_width="match_parent"
    android:layout_height="0dp"
    android:layout_weight="6"
    android:text="Button" />

<TextView
    android:id="@+id/textView1"
    android:layout_width="match_parent"
    android:layout_height="0dp"
    android:layout_weight="4"
    android:gravity="center_horizontal|bottom"
    android:text="Text"
    android:textAppearance="?android:attr/textAppearanceLarge" />

<ImageView
    android:id="@+id/gradientline1"
    android:layout_width="match_parent"
    android:layout_height="2dp"
    android:src="@drawable/gradient_line" />

<TextView
    android:id="@+id/textView2"
    android:layout_width="match_parent"
    android:layout_height="0dp"
    android:layout_weight="8"
    android:gravity="center"
    android:text="Text"
    android:textAppearance="?android:attr/textAppearanceLarge" />

<TextView
    android:id="@+id/textView3"
    android:layout_width="match_parent"
    android:layout_height="0dp"
    android:layout_weight="4"
    android:gravity="center_horizontal|bottom"
    android:text="Text"
    android:textAppearance="?android:attr/textAppearanceLarge" />

<ImageView
    android:id="@+id/gradientline2"
    android:layout_width="match_parent"
    android:layout_height="2dp"
    android:src="@drawable/gradient_line" />

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="0dp"
    android:layout_weight="24"
    android:orientation="horizontal" >

    <View
        android:layout_width="1dp"
        android:layout_height="0dp"
        android:layout_weight="5" >
    </View>

    <TextView
        android:id="@+id/textView4"
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="20"
        android:background="@drawable/circle"
        android:gravity="center"
        android:text="Text"
        android:textAppearance="?android:attr/textAppearanceLarge" />

    <View
        android:layout_width="1dp"
        android:layout_height="0dp"
        android:layout_weight="5" >
    </View>
</LinearLayout>

以下是圆形可绘制对象的代码（由圆形层组成）：

<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >

<item>
    <shape android:shape="oval" >
        <solid android:color="@color/circle_one" />
    </shape>
</item>
<item
    android:bottom="3dp"
    android:left="3dp"
    android:right="3dp"
    android:top="3dp">
    <shape android:shape="oval" >
        <solid android:color="@color/circle_two" />
    </shape>
</item>
<item
    android:bottom="10dp"
    android:left="10dp"
    android:right="10dp"
    android:top="10dp">
    <shape android:shape="oval" >
        <solid android:color="@color/circle_three" />
    </shape>
</item>
<item
    android:bottom="12dp"
    android:left="12dp"
    android:right="12dp"
    android:top="12dp">
    <shape android:shape="oval" >
        <solid android:color="@color/circle_two" />
    </shape>
</item>
<item
    android:bottom="16dp"
    android:left="16dp"
    android:right="16dp"
    android:top="16dp">
    <shape android:shape="oval" >
        <solid android:color="@color/circle_three" />
    </shape>
</item>
<item
    android:bottom="28dp"
    android:left="28dp"
    android:right="28dp"
    android:top="28dp">
    <shape android:shape="oval" >
        <solid android:color="@color/circle_one" />
    </shape>
</item>

- mtorres

---

你能展示一下你想要实现的内容吗？ - Droid Chris

Answer 1

请使用shape="ring"而非椭圆形。

尝试：

<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:innerRadius="0dp"
    android:shape="ring"
    android:thicknessRatio="2"
    android:useLevel="false"  >

    <!-- View background color -->
    <solid
        android:color="@color/white" >
    </solid>

    <!-- View border color and width -->
    <stroke
        android:width="1.6dp"
        android:color="@color/beam_grey" >
    </stroke>
</shape>

- M. Usman Khan

Answer 2

在你的XML文件中，将布局的宽度和高度设置为wrap content。

android:layout_width="wrap_content"
android:layout_height="wrap_content"

- João Marcos

---

为了做到这一点，我需要为可绘制的圆形单独创建一个视图，对吗？因为如果在TextView上使用wrap_content，那么圆圈将更像椭圆形。 - mtorres

那么如果我在单独的视图中使用可包裹内容（wrap_content）对可绘制项进行设置，那么我是否需要在可绘制项中声明形状的大小？ - mtorres

我添加了我的代码，如果你有时间看一下的话。我相信这只是一个小问题，但我很难找到它。感谢你的帮助。 - mtorres