回收视图显示android Lollipop的差异

时间:2015-10-21 02:51:35

标签: android

我创建了一个recycleview但它在android Lollipop中显示不干净。 但是在lolipop它没有显示两个cardview之间的界限。 这是我的布局

 <android.support.v7.widget.RecyclerView
    android:id="@+id/rvproduct"
    android:layout_weight="9"
    android:layout_width="match_parent"
    android:layout_height="0dp">
</android.support.v7.widget.RecyclerView>

和Cardview布局:

    <android.support.v7.widget.CardView
        android:id="@+id/cvsp"
        card_view:cardUseCompatPadding="true"
        android:layout_width="match_parent"
        android:layout_height="90dp">

        <LinearLayout
            android:layout_width="match_parent"
            android:orientation="horizontal"
            android:layout_height="match_parent"
            android:background="@color/white"
            android:padding="8dp"
            android:weightSum="7"
            >

            <ImageView
                android:id="@+id/product_photo"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignParentLeft="true"
                android:background="@null"
                android:layout_gravity="center_vertical|center_horizontal"
                android:layout_alignParentTop="true"
                android:layout_weight="1"
                android:src="@drawable/logodms" />

            <LinearLayout
                android:id="@+id/liner"
                android:layout_width="wrap_content"
                android:layout_height="match_parent"
                android:layout_toRightOf="@+id/product_photo"
                android:background="@color/white"
                android:layout_weight="4"
                android:orientation="vertical"
                android:weightSum="4"
                android:layout_alignParentBottom="true"
              >

                <TextView
                    android:id="@+id/product_name"
                    android:layout_width="match_parent"
                    android:background="@color/white"
                    android:layout_height="0dp"
                    android:layout_alignParentTop="true"
                    android:layout_weight="1"
                    android:text="Vitamin Messi"
                    android:textColor="@color/colorPrimary"

                    android:textColorHighlight="@color/colorPrimaryDark"
                    android:textStyle="bold" />
                <TextView
                    android:id="@+id/product_unitprice"
                    android:layout_width="wrap_content"
                    android:background="@color/white"
                    android:layout_height="0dp"
                    android:layout_below="@+id/product_name"
                    android:layout_weight="1"
                    android:text="4.000/LE 10.000/CHAN"
                    android:textColor="@color/colorPrimaryDark"
                    android:textColorHighlight="@color/colorPrimary"
                    android:textStyle="italic" />

                <TextView
                    android:id="@+id/product_saleunitofmeasure"
                    android:layout_width="wrap_content"
                    android:layout_height="0dp"
                    android:background="@color/white"
                    android:layout_below="@+id/product_name"
                    android:layout_weight="1"
                    android:text="Hộp"
                    android:textStyle="italic" />
                <TextView
                    android:id="@+id/product_No"
                    android:layout_width="match_parent"
                    android:background="@color/white"
                    android:layout_height="0dp"
                    android:layout_alignParentTop="true"
                    android:layout_weight="1"
                    android:textSize="10dp"
                    android:textStyle="bold" />

            </LinearLayout>
            <LinearLayout
                android:layout_width="0dp"
                android:layout_weight="2"
                android:background="@color/white"
                android:orientation="vertical"
                android:weightSum="3"
                android:layout_height="match_parent">
                <TextView
                    android:layout_weight="1"
                    android:background="@color/white"
                    android:layout_width="match_parent"
                    android:layout_height="0dp"
                    android:text="Số lượng"
                    android:textStyle="bold"
                    android:textSize="10dp"
                    android:textColor="@color/colorPrimary"
                    android:id="@+id/textView7"
                    android:gravity="center_vertical|center_horizontal" />

                <TextView
                    android:id="@+id/product_tonkho"
                    android:background="@color/white"
                    android:layout_width="match_parent"
                    android:layout_height="0dp"
                    android:layout_weight="1"

                    android:textSize="15dp"
                    android:textColor="@color/black"
                    android:textStyle="bold"
                    android:gravity="center_vertical|center_horizontal"
                    />
                <TextView
                    android:id="@+id/product_chietkhau"
                    android:layout_width="match_parent"
                    android:layout_height="0dp"
                    android:layout_weight="1"
                    android:background="@color/white"
                    android:textSize="10dp"
                    android:textColor="@color/green"
                    android:textStyle="bold"
                    android:gravity="center_vertical|center_horizontal"
                    android:layout_alignParentRight="true"
                    android:layout_alignParentEnd="true" />
            </LinearLayout>
        </LinearLayout>
    </android.support.v7.widget.CardView>

在android 4.4和android 5.0中查看

Android 4.4:  Look so cool Android 5.0: So bad

2 个答案:

答案 0 :(得分:1)

我今天遇到了这个问题。

我只是在我的LinearLayout包装器中添加了一个边距。您的父单元格是CardView,因此请尝试为其添加边距。你不会得到相同的“卡”外观,但它看起来像细胞,它很有吸引力。

但是我建议您始终使用Linear / RelativeLayout作为基本单元格。这样做的原因是因为使用Linear / RelativeLayout包装器可以更容易地对齐孩子。

<android.support.v7.widget.CardView
    android:id="@+id/cvsp"
    card_view:cardUseCompatPadding="true"
    android:layout_width="match_parent"
    android:layout_height="90dp"
    android:layout_margin="5dp">

答案 1 :(得分:0)

尝试将attr cardElevation 添加到CardView。例如:

<android.support.v7.widget.CardView xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:card_view="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="wrap_content"
card_view:cardCornerRadius="0dp"
card_view:cardElevation="1dp">

您可能更喜欢使用 ItemDecoration 在项目之间添加间距。例如:

public class SpaceItemDecoration extends RecyclerView.ItemDecoration {
private int space;

public SpaceItemDecoration(int space) {
    this.space = space;
}

@Override
public void getItemOffsets(Rect outRect, View view, RecyclerView parent, RecyclerView.State state) {
    outRect.left = space;
    outRect.right = space;
    outRect.bottom = space;

    if(parent.getChildPosition(view) == 0)
        outRect.top = space;
}

yourRecycleView.addItemDecoration(new SpaceItemDecoration(3));

P / s:我知道“TÔIĐÃTHẤYHOAVÀNGTRÊNSỎXANH”; - )