RelativeLayout元素消失了

时间:2015-09-01 11:07:11

标签: android android-layout

我对RelativeLayout有一个奇怪的问题。我有3个元素,其中一个总是丢失 - 我无法在UI快照中的Android设备监视器中看到它 - 它不在视图树中。奇怪的是,LinearLayout位于我缺少的View的右侧,在这个缺失的视图宽度的左侧有一些边距。这是我的XML。缺少的视图是t_product_indicator

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_gravity="left"
android:background="@drawable/list_item_background">

<View
    android:id="@+id/t_product_indicator"
    android:layout_width="4dp"
    android:layout_height="0dp"
    android:layout_alignParentTop="true"
    android:layout_alignParentLeft="true"
    android:layout_alignParentBottom="true" />

<LinearLayout
    android:id="@+id/t_product_details_container"
    android:padding="5dp"
    android:layout_toRightOf="@id/t_product_indicator"
    android:layout_alignParentRight="true"
    android:layout_alignParentTop="true"
    android:layout_width="0dp"
    android:layout_height="wrap_content"
    android:orientation="horizontal">

    <FrameLayout
        android:layout_width="30dp"
        android:layout_height="30dp"
        android:layout_gravity="center"
        android:layout_marginRight="5dp">

        <ImageView
            android:id="@+id/t_product_image"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:scaleType="centerInside" />

        <ProgressBar
            android:id="@+id/t_product_image_progress"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:visibility="gone"
            style="@style/Widget.AppCompat.ProgressBar"/>
    </FrameLayout>

    <TableLayout
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1">

        <TableRow>

            <TextView
                android:id="@+id/t_product_kod"
                style="@style/product_bold"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:text="70R201"
                android:textAllCaps="true" />

            <TextView
                android:id="@+id/t_product_nazwa_short"
                style="@style/product_bold"
                android:layout_width="80dp"
                android:layout_height="match_parent"
                android:gravity="center"
                android:lines="1"
                android:text="NEO-TOOLS" />
        </TableRow>

        <TableRow>

            <TextView
                android:id="@+id/t_product_nazwa"
                style="@style/product_normal"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:ellipsize="end"
                android:lines="1"
                android:text="Torba monterska skórzana, (LxWxH) 43 x 17 x 27 cm, masa 2.5 kg"
                android:textAllCaps="false" />

            <TextView
                android:id="@+id/t_product_ilosc"
                style="@style/product_normal"
                android:layout_width="80dp"
                android:layout_height="match_parent"
                android:gravity="center"
                android:lines="1"
                android:text="112 szt." />
        </TableRow>

        <TableRow>

            <TextView
                android:id="@+id/t_product_status"
                style="@style/product_normal"
                android:layout_width="0dp"
                android:layout_height="match_parent"
                android:layout_weight="1"
                android:lines="1"
                android:text="Do wycofania (DW)" />

            <TextView
                android:id="@+id/t_product_cena"
                style="@style/product_normal"
                android:layout_width="80dp"
                android:layout_height="match_parent"
                android:gravity="center"
                android:lines="1"
                android:text="365,55 PLN" />
        </TableRow>

    </TableLayout>
</LinearLayout>

<View
    android:layout_width="match_parent"
    android:layout_height="1px"
    android:layout_below="@+id/t_product_details_container"
    android:layout_marginLeft="5dp"
    android:layout_marginRight="5dp"
    android:background="@color/form_section_title" />
</RelativeLayout>

任何人都知道为什么这个视图不可见?

解决方案我已尝试过但无法正常工作

1

<View
    android:id="@+id/t_product_indicator"
    android:layout_width="4dp"
    android:layout_height="2dp"
    android:layout_alignParentTop="true"
    android:layout_alignParentLeft="true"
    android:layout_alignParentBottom="true" />

2

<View
    android:id="@+id/t_product_indicator"
    android:layout_width="4dp"
    android:layout_height="0dp"
    android:layout_alignParentLeft="true" />

3

<View
    android:id="@+id/t_product_indicator"
    android:layout_width="4dp"
    android:layout_height="fill_parent"
    android:layout_alignParentLeft="true" />

4

<View
    android:id="@+id/t_product_indicator"
    android:layout_width="4dp"
    android:layout_height="fill_parent"
    android:layout_alignParentTop="true"
    android:layout_alignParentLeft="true"
    android:layout_alignParentBottom="true" />

4 个答案:

答案 0 :(得分:1)

我认为您缺少设置 android:layout_height =&#34; Your_value dp&#34;

要进行测试,请设置android:layout_height="2dp"而不是android:layout_height="0dp"

<View
    android:id="@+id/t_product_indicator"
    android:layout_width="4dp"
    android:layout_height="2dp"
    android:layout_alignParentTop="true"
    android:layout_alignParentLeft="true"
    android:layout_alignParentBottom="true" />

被修改

<View
android:id="@+id/t_product_indicator"
android:layout_width="fill_parent"
android:layout_height="match_parent"
/> 

答案 1 :(得分:0)

根据您的要求为t_product_indicator视图添加高度0dp您还添加了属性

android:layout_alignParentTop="true"
    android:layout_alignParentLeft="true"
    android:layout_alignParentBottom="true"

如果您希望将视图的高度保持在最低限度,请删除android:layout_alignParentTop="true"android:layout_alignParentBottom="true",因为它具有误导性

修改

试试这个

<View
    android:id="@+id/t_product_indicator"
    android:layout_width="4dp"
    android:layout_height="match_parent"
    android:layout_alignParentLeft="true" /> 

答案 2 :(得分:0)

尝试用此替换您的代码并告诉我是否还有问题,

    <View
        android:id="@+id/t_product_indicator"
        android:layout_width="4dp"
        android:layout_height="wrap_content"
        android:background="#FF0000"
        android:layout_alignParentLeft="true" />

答案 3 :(得分:0)

我自己找到了解决方案。

我只需要将指示器高度调整到它右边的LinearLayout。所以我只是将alignTop和alignBottom添加到t_product_details_container,现在一切正常!

<View
    android:id="@+id/t_product_indicator"
    android:layout_width="4dp"
    android:layout_height="match_parent"
    android:layout_alignTop="@+id/t_product_details_container"
    android:layout_alignBottom="@+id/t_product_details_container"
    android:layout_alignParentLeft="true"/>