如何在android中的gridview项目上进行阴影处理

时间:2015-12-01 09:20:18

标签: android gridview

我想在gridview每个项目上投入力气。

product_page_grid_view

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingTop="15dp"
    android:paddingRight="15dp"
    android:paddingLeft="15dp"
    android:paddingBottom="5dp"
    >

    <RelativeLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content">

        <ImageView
            android:id="@+id/image_grid_view"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
           />

        <ImageView
            android:id="@+id/heart"
            android:layout_width="30dp"
            android:layout_height="20dp"
            android:layout_alignParentRight="true" />

    </RelativeLayout>



    <TextView
        android:id="@+id/product_id_grid_view"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:visibility="gone" />


    <TextView
        android:id="@+id/product_name_grid_view"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text=""
        android:maxLines="1"
        android:ellipsize="end"
        android:paddingLeft="10dp"
        android:textSize="12dp"
        android:textColor="@color/divder_color"
       />




    <TextView
        android:id="@+id/products_price_grid_view"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="10dp"
        android:text="123"
        android:textColor="#999999"
        android:paddingLeft="10dp"
        />


        <RelativeLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="horizontal">

            <TextView
                android:id="@+id/product_discount_grid_view"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:textColor="@android:color/black"
                android:paddingLeft="10dp"
                android:text="1891"
               />

            <TextView
                android:id="@+id/product_special_grid_view"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:textColor="@android:color/black"
                android:text="1891"
                android:paddingLeft="10dp"
               />




            <TextView
                android:id="@+id/products_off_grid_view"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="20"
                android:textSize="10dp"
                android:layout_alignParentRight="true"
                android:textColor="@android:color/holo_red_dark"
                android:paddingRight="5dp"
             />

        </RelativeLayout>


    <RatingBar
        android:id="@+id/ratingBar_grid_view"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:numStars="5"
        style="?android:attr/ratingBarStyleSmall"
        android:rating="0" />

</LinearLayout>

这里是我的grid_view: -

        <GridView
            android:id="@+id/list_product_grid"
            android:layout_width="fill_parent"
            android:layout_height="match_parent"
            tools:listitem="@layout/products_page_grid_view"
            android:numColumns="2"
            android:horizontalSpacing="8dp"
            android:gravity="center"
            android:paddingLeft="8dp"
            android:paddingRight="8dp"
            android:visibility="visible"
            android:verticalSpacing="8dp"/>

image

我是android开发的新手请帮助我。任何人都可以帮助我解决我的问题。谢谢提前

3 个答案:

答案 0 :(得分:2)

您可以为每个视图使用高程属性。

  

机器人:海拔=&#34; 2DP&#34;

答案 1 :(得分:2)

对于GridView的每个项目,您可以覆盖自己的GridView适配器的方法,并且可以将上述提升添加到ViewGroup。

这样的事情:

@Override
public View getView(int position, View convertView, ViewGroup parent) {

    ViewGroup vg;

    if(convertView == null){
        vg = new RelativeLayout(mContext);

        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) 
            vg.setElevation(10);

        vg.setBackgroundResource(R.drawable.your_background);

    }
    else{
        vg = (ViewGroup) convertView;
    }

    return vg;
}

希望有所帮助:)

答案 2 :(得分:0)

在 drawable 文件夹中创建以下形状文件。

<!-- res/drawable/myrect.xml -->
<shape xmlns:android="http://schemas.android.com/apk/res/android"
       android:shape="rectangle">
    <solid android:color="#42000000" />
    <corners android:radius="5dp" />
</shape>

将此添加为项目布局的背景。并给出一些高度,对我来说它是 2dp。根据您的设计进行更改。

android:elevation="2dp"
android:background="@drawable/myrect" 

这是确切的解决方案。