圆形变为椭圆形答案

【问题标题】：Circle changes to oval圆形变为椭圆形
【发布时间】：2014-07-14 15:01:09
【问题描述】：

我有一个可绘制对象，我想将其用作 textView 的背景。 drawable 在 xml 中声明为 textView 背景。在不同的屏幕尺寸上测试可绘制对象时遇到问题，因为有时它会伸展并变成椭圆形而不是保持圆形。

所以，具体来说，我的问题如下：有什么方法可以确保可绘制对象始终是圆形并且不会拉伸成椭圆形？最好我希望一切都在 XML 中完成。

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

为了完整起见，如果有人感兴趣，这里是布局代码：

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

【问题讨论】：

你能举例说明你想要完成的工作吗？

标签： android xml android-layout drawable shapes

【解决方案1】：

将布局的宽度和高度放入您的 xml 文件中。

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

【讨论】：

为了做到这一点，我必须有一个可绘制圆圈的单独视图，对吗？因为如果在 textview 上使用 wrap_content，那么圆圈将更像是一个椭圆形
那么如果我在单独的视图中对drawable使用wrap_content，那么我必须在drawable中声明形状的大小？
如果您有时间看，我添加了我的代码。我确信这是一个快速修复，但我很难找到它。感谢您的帮助。

【解决方案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>

【讨论】：