使ImageView完全符合TextViews的大小

时间:2016-03-10 10:46:08

标签: android image android-layout

我对Android开发相对较新,所以请不要对我太苛刻;)

我已经阅读了很多关于不同设备的不同图像大小和布局的内容,但这似乎对我的问题没有太多帮助。

我想创建一个包含矢量的数学应用程序,为此我想为坐标和它们周围的典型括号显示三个TextView。对于括号我当然必须使用ImageViews,但我找不到将图像置于完全正确位置并为其提供完全拟合大小的方法旁边的TextViews。

下面的图片显示了一个片段,希望非常清楚地显示我的意思。这是一个极端的例子,我已经得到了一个非常好的结果,具有不同的图像大小,但这不适用于具有不同分辨率的另一个设备。顺便说一句,我使用了RelativeLayout。

snippet of the app showing an ugly vector

是否有任何万无一失的方法来确保在任何给定设备上正确描绘矢量?我希望,这个问题不是太愚蠢!

1 个答案:

答案 0 :(得分:0)

 <RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
   >

    <ImageView
        android:id="@+id/yourImage"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignBottom="@+id/textLayout"
        android:layout_alignTop="@+id/textLayout"
        android:src="@drawable/curly"
        android:adjustViewBounds="true" />

    <LinearLayout
        android:id="@+id/textLayout"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:paddingTop="10dp"
        android:paddingBottom="10dp"
        android:layout_toRightOf="@+id/yourImage"
        android:orientation="vertical">

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="AAA" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="BBB" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="CCC" />

    </LinearLayout>

</RelativeLayout>

在下图中找到上述代码的结果

enter image description here