相对布局在Eclipse中看起来没问题,但在设备上看不到

时间:2014-09-05 08:30:49

标签: android android-layout android-relativelayout

我有以下布局。当我在Eclipse的图形布局视图中查看它时,它看起来不错。但是在手机上时,这并没有反映出来。

在手机上,TextView rowlogmessage占据了整个视图,其他TextView被压在底部。

任何想法为什么?

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

    <TextView
        android:id="@+id/rowlogmessage"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:text="log message goes here"
        android:textColor="#707070"
        android:layout_alignParentTop="true" />

    <TextView
        android:id="@+id/rowlogcreatedat"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="log message created at"
        android:textColor="#707070"
        android:layout_alignParentBottom="true"
        android:layout_alignParentLeft="true" />

    <TextView
        android:id="@+id/rowlogcreatedatlabel"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Created at"
        android:layout_alignParentLeft="true"
        android:layout_above="@id/rowlogcreatedat"
        android:paddingTop="10dp" />

    <TextView
        android:id="@+id/rowlogsentserver"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="log message sent to server"
        android:textColor="#707070"
        android:layout_alignParentBottom="true"
        android:layout_alignParentRight="true" />

    <TextView
        android:id="@+id/rowlogsentserverlabel"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Sent to server"
        android:layout_alignParentRight="true"
        android:layout_above="@id/rowlogsentserver"
        android:paddingTop="10dp"/>

</RelativeLayout>

4 个答案:

答案 0 :(得分:1)

是。把&#34;我带走剩余的空间&#34;在所有其他TextView之后(使用相对性属性将其放置在必须放置的位置之上,rowlogcreatedat,并将其与父级的顶部对齐 - 就像现在一样)。

另请注意,由于包含API级别8,因此不推荐使用fill_parent 请改用match_parent

另请注意,正确的Java命名使用camelCaseNamingConvention,第一个字母为小写字母。

答案 1 :(得分:0)

试试这个,

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@android:color/holo_blue_light"
    android:orientation="vertical"
    android:padding="5dp" >

    <TextView
        android:id="@+id/rowlogmessage"
        android:layout_width="fill_parent"
        android:layout_height="0dp"
        android:layout_weight="1"
        android:text="log message goes here"
        android:textColor="#707070" />

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="10dp"
        android:orientation="horizontal" >

        <TextView
            android:id="@+id/rowlogcreatedat"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:gravity="left"
            android:text="log message created at"
            android:textColor="#707070" />

        <TextView
            android:id="@+id/rowlogcreatedatlabel"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:gravity="right"
            android:text="Created at" />
    </LinearLayout>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="10dp"
        android:orientation="horizontal" >

        <TextView
            android:id="@+id/rowlogsentserver"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:gravity="left"
            android:text="log message sent to server"
            android:textColor="#707070" />

        <TextView
            android:id="@+id/rowlogsentserverlabel"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:gravity="right"
            android:text="Sent to server" />
    </LinearLayout>

</LinearLayout>

答案 2 :(得分:0)

您在rowlogcreatedat中使用android:layout_alignParentBottom="true"这就是为什么它与屏幕底部对齐的原因。您的其他TestView引用此rowlogmessage TextView或其关联的TextView,因此它们也被附加了屏幕底部以及rowlogcreatedat TextView。 删除android:layout_alignParentBottom="true",然后查看它在屏幕上的排列方式。也可以使用match_parent代替wrap_content

答案 3 :(得分:-1)

我建议您将宽度从fill_parent更改为wrap_content

并且在eclipse中也会将设备视图更改为手机上的视图。默认情况下,eclipse使用nexus 5布局&#39; 5英寸&#39;屏幕。