Question

我有一个drawable，我想用作textView的背景。 drawable在xml中声明为textView背景。我在测试不同屏幕尺寸的drawable时遇到问题，因为有时它会拉伸并变成椭圆形，而不是像圆圈一样。

所以，具体来说，我的问题如下：有没有办法确保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>

Answer 1

在包装内容中放入xml文件中的布局宽度和高度。

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

Answer 2

使用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>

圆形变为椭圆形

2 个答案: