文本块和图像的定位

Question

我有三个文本块和一个图像，我希望将其放入草图中所示的布局中。 （暂时忽略红线。）
（我知道质量很糟糕。如果有人能为我推荐一个像样的（开放的）图形编辑器，用于 os x/linux，我将不胜感激！（不，不是 gimp！））

我的想法是解决这样的问题：

• 相对布局。
• 相对于第一个文本块定位第二个文本块。

例如：

android:layout_below=text1  
android:layout_ (make it "float" to screen's right edge - not sure how to do that, yet.

• 相对于第一个和第二个块的第三个文本块。

例如：

android:layout_below=text2
android:layout_alignLeft = text1

好的。不，让我们来看图片。它的大小是任意的，所以我认为通过一些对齐我可以将其放入。如果你知道，请查看草图中的红线，我会考虑相应地对齐图像。

android:layout_alignTop = text2
android:layout_alignBottom = text2
android:layout_alignLeft = text1

然而，我不太擅长布局，当我尝试像这样实现它时，4 块内容或多或少地在屏幕上乱七八糟，但我从来没有把它们全部放在正确的位置。

我能实现的最接近的是这个，但我不喜欢在那里使用硬编码限制。恐怕它不是超级灵活。
尽管我必须在某种程度上限制图像的显示尺寸，但我希望通过周围的文本块，机器人能够足够聪明地自行计算出尺寸。

<TextView
    android:id="@+id/text1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginTop="10dip"
    android:text="text1" />

<ImageView
    android:id="image"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_below="text1"
    android:layout_marginRight="7dip"
    android:layout_marginTop="5dip"
    android:adjustViewBounds="true"
    android:maxHeight="150sp"
    android:maxWidth="150sp"
    android:src="srcFile" />

<TextView
    android:layout_marginTop="5dip"
    android:id="text2"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:layout_alignTop="image"
    android:layout_below="text1"
    android:layout_toRightOf="image"
    android:text="text2" />

<TextView
    android:id="text3"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_below="image"
    android:layout_marginTop="10dip"
    android:text="text3" />

因此，我想听听您对我的方法的看法，是否有一些我可以改进的地方以及如何实际实施它。

编辑： 所以我想找到一个可以删除这部分代码的解决方案，因为我担心它不够灵活：

android:maxHeight="150sp"
android:maxWidth="150sp"

Answer 1

无需代码即可保持图像的比例并调整其大小。只需使用线性布局并相应地加权视图

<TextView
       android:id="@+id/text1"
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:text="text1" />

   <LinearLayout
       android:id="@+id/ll"
       android:layout_below="@+id/text1"
       android:layout_width="fill_parent"
       android:layout_height="wrap_content"
       android:weightSum="2"
       android:orientation="horizontal" >

       <ImageView
           android:id="@+id/image"
           android:layout_width="wrap_content"
           android:layout_height="wrap_content"
           android:layout_weight="11"
           android:adjustViewBounds="true"
           android:src="srcFile" />

       <TextView
           android:id="@+id/text2"
           android:layout_weight="1"
           android:layout_width="wrap_content"
           android:layout_height="wrap_content"
           android:text="text2" />
   </LinearLayout>

   <TextView
       android:id="@+id/text3"
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:layout_below="@+id/ll"
       android:text="text3" />

Answer 2

简单的解决方案可能是最好的。使用线性布局，方向设置为垂直或水平：

<LinearLayout
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical"
    >
    <TextView
        android:id="@+id/text1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="10dip"
        android:text="text1" />

    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:orientation="horizontal">
        <ImageView
            android:id="image"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:layout_marginRight="7dip"
            android:layout_marginTop="5dip"
            android:adjustViewBounds="true"
            android:maxHeight="150sp"
            android:maxWidth="150sp"
            android:src="srcFile" />

        <TextView
            android:layout_marginTop="5dip"
            android:id="text2"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="text2" />

    </LinearLayout>
    <TextView
        android:id="text3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="10dip"
        android:text="text3" />
</LinearLayout>

Answer 3

就足够了

将图像 id 修复为

android:id="@+id/image"

使用

android:layout_toRightOf="@+id/image"
android:layout_below="@+id/text1"

并在第二个文本中

对于第三个仅

android:layout_below="@+id/text2"

LinearLayouts...我也喜欢它们，它们很简单，但速度很慢 - 不要太多使用它们。