XML布局重叠文本问题

Question

我使用了relativelayout，这就是我所得到的。我无法让图像填充我想要的部分。我不知道如何解决它。我听说过一些关于使用布局权重的事情，我应该使用它吗？

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical" 
android:background="@drawable/background">


<ImageView
    android:id="@+id/imagehome"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:layout_marginLeft="10dp"
    android:layout_marginRight="10dp"
    android:layout_margin="10dp"
    android:layout_alignParentTop="true"
    android:layout_centerHorizontal="true"
    android:layout_above="@+id/tvtitle1"
    android:src="@drawable/one" />

   <TextView
        android:id="@+id/tvtitle1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"         
        android:gravity="center_vertical"
        android:text="Voted Best Dentist five years running by"
        android:textSize="16dp"
        android:textColor="#9D4F1B"
        android:layout_above="@+id/tvtitle2"
        android:layout_centerHorizontal="true"
        android:layout_marginBottom="6dp"/>


   <TextView
        android:id="@+id/tvtitle2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:gravity="center_vertical"
        android:text="The Oakland Tribune"
        android:textSize="16dp"
        android:textColor="#9D4F1B"
        android:layout_above="@+id/tvhome"
        android:layout_centerHorizontal="true"
        android:layout_marginBottom="15dp"/>

    <TextView
        android:id="@+id/tvhome"
        android:layout_width="280dp"
        android:layout_height="wrap_content"
        android:gravity="center_vertical"
        android:text="     You&apos;ll be cared for by our highly trained staff of dental professionals,energized to work as a team while providing the highest quality of care for your dental health. We offer complete dentistry for the entire family at a single location.                                                           "
        android:textColor="#4C2016"
        android:textSize="15dp"
        android:layout_centerHorizontal="true"
        android:layout_above="@+id/special"
        android:layout_marginBottom="25dp" />


    <Button
        android:id="@+id/special"
        android:layout_width="120dp"
        android:layout_height="40dp"
        android:background="@drawable/cc"
        android:text="Specials"
        android:textColor="#F6E6C6"
        android:textSize="17dp"
        android:textStyle="bold"
        android:layout_centerHorizontal="true"
        android:layout_above="@+id/tvbutton"
        android:layout_marginBottom="15dp" />


    <TextView
        android:id="@+id/tvbutton"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="App provided by Bay Area Dental Marketing"
        android:layout_centerHorizontal="true"
        android:textSize="10dp"
        android:layout_alignParentBottom="true" />



 </RelativeLayout>

在 xml 文件上

并在设备上

它变得更好了，但还没有！

Answer 1

不确定您有多少灵活性，但最好的解决方案是从背景中删除文本和图像并将它们添加为视图。正如您所经历的，除非每个部分都作为视图添加，否则几乎不可能保证它在所有设备上看起来都正确。

Answer 2

当使用多种屏幕尺寸时，我发现最佳实践是（a）使用 rel="nofollow">LinearLayout ，或者 (b) 在<一href="http://developer.android.com/reference/android/widget/ScrollView.html" rel="nofollow">ScrollView。

Answer 3

使用RelativeLayout，这样您就不必指定像素。

或者，如果您要为某一特定手机执行此操作，请在 Eclipse 的 XML 设计器中选择相应的屏幕尺寸。然而，使用RelativeLayout保证它可以在所有手机上运行

Answer 4

即使使用上面建议的答案，您仍然可能在不同尺寸的屏幕上遇到问题。我能想到的最佳解决方案是为背景和前景创建单独的图像资源，然后添加以前景图像作为源的图像视图。

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical"
    android:background="@drawable/background" >
<!-- This method makes this layout redundant, dont need this anymore 
<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginLeft="23dip"
    android:layout_marginRight="15dip"
    android:layout_marginTop="255dip" 
    android:orientation="vertical" >-->


<!-- put the foreground image in an imageview -->
<ImageView  android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:src="@drawable/foregroundImage"/>


<TextView
    android:layout_width="276dp"
    android:layout_height="132dp"
    android:textSize="15dp"
    android:gravity="center_vertical"
    android:text="some text"
    android:textColor="#4C2016"/>

<Button
    android:id="@+id/special"
    android:layout_width="131dp"
    android:layout_height="40dp"
    android:background="@drawable/cc"
    android:layout_marginTop="20dip"
    android:layout_marginLeft="75dip"
    android:textSize="17dp"
    android:textStyle="bold"
    android:text="Specials"
    android:textColor="#F6E6C6" />
</LinearLayout>