下面的布局在Relativelayout中无法正常工作

时间:2016-11-17 09:10:40

标签: android xml layout android-linearlayout relativelayout

首先请检查这个xml代码:

<RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:padding="10dp">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/adass"
        android:layout_centerVertical="true"
        android:layout_toLeftOf="@+id/img_channel"
        android:orientation="horizontal">

        <ImageView
            android:id="@+id/img_add"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center_vertical"
            android:scaleType="fitXY"
            android:src="@drawable/selector_add" />

        <LinearLayout
            android:id="@+id/lnmr"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_gravity="center_vertical"
            android:layout_marginLeft="10dp"
            android:layout_marginRight="10dp"
            android:layout_weight="1"
            android:orientation="vertical">

            <TextView
                android:id="@+id/txt_Channel_title"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:gravity="right"
                android:text="My Channel"
                android:textColor="@color/black"
                android:textSize="@dimen/text_size_menu" />

            <TextView
                android:id="@+id/txt_Category_title"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:gravity="right"
                android:text="Category Name"
                android:textColor="@color/gray" />
        </LinearLayout>
    </LinearLayout>

    <de.hdodenhof.circleimageview.CircleImageView xmlns:app="http://schemas.android.com/apk/res-auto"
        android:id="@+id/img_channel"
        android:layout_width="@dimen/add_channel_logo_height"
        android:layout_height="@dimen/add_channel_logo_height"
        android:layout_alignParentRight="true"
        android:src="@drawable/add_channel_placeholder"
        app:civ_border_color="@color/white"
        app:civ_border_width="2dp" />
    <View
        android:layout_width="match_parent"
        android:layout_height="2dp"
        android:layout_below="@id/adass"
        android:layout_toLeftOf="@id/img_channel"
        android:layout_marginLeft="10dp"
        android:layout_marginRight="10dp"
        android:background="@color/light_gray" />
</RelativeLayout>

这是输出http://prntscr.com/d8ccq7

谢谢!

3 个答案:

答案 0 :(得分:0)

引用布局应该在代码的任何地方以android:layout_below="@+id/your_layout_id"完成,确保你使用@ + id而不是@id

 <View
    android:layout_width="match_parent"
    android:layout_height="2dp"
    android:layout_below="@+id/adass"
    android:background="@color/light_gray" />

尝试这是否有帮助,如果有,你可以稍后添加边距和左对齐

答案 1 :(得分:0)

我遇到了同样的问题,发现toLeftOf / toRightOf的顺序取决于布局xml中子节点的顺序。作为初始化id的示例,您必须使用&#34; +&#34;就像在@ + id /之前你可以将视图关联到@ id /更进一步的东西。我希望这是有道理的。我相信如果你将你的布局改为:

<RelativeLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:padding="10dp">

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:id="@+id/adass"
    android:layout_centerVertical="true"
    android:orientation="horizontal">

    <ImageView
        android:id="@+id/img_add"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_vertical"
        android:scaleType="fitXY"
        android:src="@drawable/selector_add" />

    <LinearLayout
        android:id="@+id/lnmr"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_gravity="center_vertical"
        android:layout_marginLeft="10dp"
        android:layout_marginRight="10dp"
        android:layout_weight="1"
        android:orientation="vertical">

        <TextView
            android:id="@+id/txt_Channel_title"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:gravity="right"
            android:text="My Channel"
            android:textColor="@color/black"
            android:textSize="@dimen/text_size_menu" />

        <TextView
            android:id="@+id/txt_Category_title"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:gravity="right"
            android:text="Category Name"
            android:textColor="@color/gray" />
    </LinearLayout>
</LinearLayout>

<de.hdodenhof.circleimageview.CircleImageView xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/img_channel"
    android:layout_width="@dimen/add_channel_logo_height"
    android:layout_height="@dimen/add_channel_logo_height"
    android:layout_alignParentRight="true"
    android:src="@drawable/add_channel_placeholder"
    app:civ_border_color="@color/white"
    app:civ_border_width="2dp" 
    android:layout_toRightOf="@id/adass" !!!!
/>
<View
    android:layout_width="match_parent"
    android:layout_height="2dp"
    android:layout_below="@id/adass"
    android:layout_toLeftOf="@id/img_channel"
    android:layout_marginLeft="10dp"
    android:layout_marginRight="10dp"
    android:background="@color/light_gray" />

这应该有效。 :)

答案 2 :(得分:0)

添加此行

 <view ....
android:layout_below="@id/adass"/>