对齐底层问题

时间:2015-12-26 12:41:11

标签: android

我有关于xml文件的问题。 我有2个相对布局。第一个布局是注释,第二个布局是删除。当用户从右向左触摸屏幕以删除评论时,我想滑动第二个相对布局。这是我的xml代码;

<RelativeLayout
    android:id="@+id/commentContainer"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_alignTop="@id/commentAvatarImage"
    android:layout_toRightOf="@id/commentAvatarImage"
    android:background="@drawable/rounded_white_bg"
    android:layout_marginLeft="5dp"
    android:padding="8dp">

    <TextView
        android:id="@+id/commentUserName"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginLeft="8dp"
        android:textColor="#f27166"
        android:textStyle="bold"
        android:textSize="14dp"
        tool:text="\@admin" />

    <TextView
        android:id="@+id/commentText"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@id/commentUserName"
        android:layout_marginRight="40dp"
        android:layout_marginLeft="8dp"
        android:layout_marginTop="8dp"
        android:textSize="14dp"
        tool:text="Lorem ipsum" />
</RelativeLayout>


<RelativeLayout
    android:id="@+id/commentTrash"
    android:layout_width="70dp"
    android:layout_marginRight="-41dp"
    android:layout_height="wrap_content"
    android:layout_alignTop="@id/commentContainer"
    android:layout_alignParentRight="true"
    android:layout_alignBottom="@id/commentContainer"
    android:background="@color/white">
    <RelativeLayout
        android:background="#FF00"
        android:id="@+id/deleteimg"
        android:layout_width="40dp"
        android:layout_height="fill_parent"
        android:layout_alignParentRight="true">
        <ImageView
            android:layout_width="35dp"
            android:layout_height="35dp"
            android:layout_centerInParent="true"
            android:src="@mipmap/comment_trash_icon"/>
    </RelativeLayout>

</RelativeLayout>

当我从右向左触摸屏幕时,滑动效果很好。但外表并不像我想的那样有效。 这是我的外表;

Here is my appearence

但实际上我想像这样显示填充父母; enter image description here

当我将layout_height更改为fill_parent或match_parent时;删除布局填充所有屏幕高度。

但有些手机显示正确。例;三星Galaxy3显示正确,三星G7105没有正确显示。我该怎么办?

添加了: 他们的父布局也是;

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tool="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent">

<ImageView
    android:id="@+id/commentAvatarImage"
    android:layout_width="35dp"
    android:layout_height="35dp"
    android:layout_marginLeft="5dp"
    android:layout_marginTop="5dp" />

<RelativeLayout
    android:id="@+id/commentContainer"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_alignTop="@id/commentAvatarImage"
    android:layout_toRightOf="@id/commentAvatarImage"
    android:background="@drawable/rounded_white_bg"
    android:layout_marginLeft="5dp"
    android:padding="8dp">

    <TextView
        android:id="@+id/commentUserName"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginLeft="8dp"
        android:textColor="#f27166"
        android:textStyle="bold"
        android:textSize="14dp"
        tool:text="\@admin" />

    <TextView
        android:id="@+id/commentText"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@id/commentUserName"
        android:layout_marginRight="40dp"
        android:layout_marginLeft="8dp"
        android:layout_marginTop="8dp"
        android:textSize="14dp"
        tool:text="Lorem ipsum" />
</RelativeLayout>
<RelativeLayout
    android:id="@+id/commentTrash"
    android:layout_width="70dp"
    android:layout_marginRight="-41dp"
    android:layout_height="wrap_content"
    android:layout_alignTop="@id/commentContainer"
    android:layout_alignParentRight="true"
    android:layout_alignBottom="@id/commentContainer"
    android:background="@color/white">

    <RelativeLayout
        android:background="#FF00"
        android:id="@+id/deleteimg"
        android:layout_width="40dp"
        android:layout_height="fill_parent"
        android:layout_alignParentRight="true">
        <ImageView
            android:layout_width="35dp"
            android:layout_height="35dp"
            android:layout_centerInParent="true"
            android:src="@mipmap/comment_trash_icon"/>
    </RelativeLayout>

</RelativeLayout>

当我更改下面的代码时;

<RelativeLayout
    android:id="@+id/commentTrash"
    android:layout_width="70dp"
    android:layout_marginRight="0dp"
    android:layout_height="match_parent"
    android:layout_alignParentRight="true">

我的外表就像这张照片; enter image description here

1 个答案:

答案 0 :(得分:0)

  

当我更改下面的代码时;

<RelativeLayout
    android:id="@+id/commentTrash"
    android:layout_width="70dp"
    android:layout_marginRight="0dp"
    android:layout_height="match_parent"
    android:layout_alignParentRight="true">
     

我的外表像这张照片:

     

enter image description here

嗯,你说要看:&#34;尽可能高,#34;所以他做到了。

我放了xml代码,除了没有关闭<RelativeLayout>

之外我还没有发现任何问题

也许你把(或我)<RelativeLayout>放在错误的地方: - )

这是我的代码(我没有你的绘图,所以我用了我的代码):

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
                xmlns:tool="http://schemas.android.com/tools"
                android:layout_width="match_parent"
                android:layout_height="match_parent">

    <ImageView
        android:id="@+id/commentAvatarImage"
        android:layout_width="35dp"
        android:layout_height="35dp"
        android:layout_marginLeft="5dp"
        android:layout_marginTop="5dp"
        android:background="@color/colorAccent"/>

    <RelativeLayout
        android:id="@+id/commentContainer"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignTop="@id/commentAvatarImage"
        android:layout_toRightOf="@id/commentAvatarImage"
        android:background="@color/colorPrimary"
        android:layout_marginLeft="5dp"
        android:padding="8dp">

        <TextView
            android:id="@+id/commentUserName"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="8dp"
            android:textColor="#f27166"
            android:textStyle="bold"
            android:textSize="14dp"
            tool:text="\@admin" />

        <TextView
            android:id="@+id/commentText"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_below="@id/commentUserName"
            android:layout_marginRight="40dp"
            android:layout_marginLeft="8dp"
            android:layout_marginTop="8dp"
            android:textSize="14dp"
            tool:text="Lorem ipsum" />
    </RelativeLayout>


    <RelativeLayout
        android:id="@+id/commentTrash"
        android:layout_width="70dp"
        android:layout_marginRight="0dp"
        android:layout_height="match_parent"
        android:layout_alignTop="@id/commentContainer"
        android:layout_alignParentRight="true"
        android:layout_alignBottom="@id/commentContainer"
        android:background="@color/colorPrimaryDark">

        <RelativeLayout
            android:background="#FF00"
            android:id="@+id/deleteimg"
            android:layout_width="40dp"
            android:layout_height="fill_parent"
            android:layout_alignParentRight="true">
            <ImageView
                android:layout_width="35dp"
                android:layout_height="35dp"
                android:layout_centerInParent="true"
                android:src="@mipmap/ic_launcher"/>
        </RelativeLayout>

    </RelativeLayout>
</RelativeLayout>

看起来:

enter image description here

如果您有疑问,请随意提问