13

我正在尝试开发一个 android 应用程序，但我在 GUI 设计方面遇到了一些问题。屏幕截图的以下部分是我的问题（红线和蓝线是由 Android 调试选项生成的）。

我的问题

这是代码：

<RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_alignLeft="@+id/caption"
    android:layout_below="@+id/caption" >

    <ImageButton
        android:id="@+id/button_edit"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerVertical="true"
        android:layout_alignParentRight="true"
        android:src="@drawable/content_edit"
        style="?android:attr/borderlessButtonStyle" />

    <TextView
        android:id="@+id/myText"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_centerVertical="true"
        android:text="@string/num_placeholder"
        android:textAppearance="?android:attr/textAppearanceLarge" />


</RelativeLayout>

如您所见，TextView myText 与 ImageButton button_edit 重叠。一个简单的解决方案是使用 LinearLayout 而不是 RelativeLayout。问题是：

  1. 我需要右边的编辑按钮
  2. 我需要文本来填充布局的其余部分（显然在编辑按钮的左侧）

我还尝试将 myText 的 layout_width 设置为“fill_parent”，但它会填满编辑按钮左侧的整个屏幕其余部分。

预期的行为将是 myText 增加其高度（成为两行 TextView）而不是重叠“button_edit”

谁能帮我？谢谢

4

2 回答 2

19

在 TextView 布局中使用 layout_toLeftOf

像这样：

<RelativeLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_alignLeft="@+id/caption"
android:layout_below="@+id/caption" >

<ImageButton
    android:id="@+id/button_edit"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_centerVertical="true"
    android:layout_alignParentRight="true"
    android:src="@drawable/content_edit"
    style="?android:attr/borderlessButtonStyle" />

<TextView
    android:id="@+id/myText"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentLeft="true"
    android:layout_centerVertical="true"
    android:text="@string/num_placeholder"
    android:textAppearance="?android:attr/textAppearanceLarge"
    android:layout_toLeftOf="@+id/button_edit" />

于 2013-08-29T19:17:01.197 回答
0

另一种方法是使用 android:layout_toEndOf 属性

<ImageButton
    android:id="@+id/button_edit"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_centerVertical="true"
    android:layout_alignParentRight="true"
    android:src="@drawable/content_edit"
    style="?android:attr/borderlessButtonStyle"
    android:layout_toEndOf="@+id/myText" />

<TextView
    android:id="@+id/myText"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentLeft="true"
    android:layout_centerVertical="true"
    android:text="@string/num_placeholder"
    android:textAppearance="?android:attr/textAppearanceLarge" />

于 2014-02-13T12:17:22.247 回答