GridView之间的渐变线

时间:2013-04-20 03:18:05

标签: android gridview shape

我想在gridview之间找到如下图所示的行: enter image description here

以下我已经尝试过了。

GridView XML:

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

<GridView
    android:id="@+id/gridhouseindex"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:listSelector="@null"
    android:smoothScrollbar="true"
    android:stretchMode="columnWidth"
    android:numColumns="2"
    android:verticalSpacing="22dp">
</GridView>

适配器XML:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="horizontal" >

<LinearLayout
    android:layout_width="wrap_content"
    android:layout_height="match_parent"
    android:orientation="vertical" >

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

        <ImageView
            android:id="@+id/imgViewHouseIndex"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center_vertical|center_horizontal|center"
            android:layout_marginLeft="20dp"
            android:adjustViewBounds="true"
            android:src="@drawable/univer" />

        <TextView
            android:id="@+id/txtViewHouseIndex"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center_vertical"
            android:text="TextView"
            android:textSize="12sp"
            android:textStyle="bold" />
    </LinearLayout>

   <View
        android:layout_width="match_parent"
        android:layout_height="1dp"
        android:background="@drawable/grid_line" />
</LinearLayout>

   <View
        android:layout_width="1dp"
        android:layout_height="match_parent"
        android:background="@drawable/grid_line" />

网格线XML:

<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle" >

<stroke
    android:width="2dp"
    android:color="#b6a9a9" />

<gradient
    android:angle="90"
    android:endColor="#b6a9a9"
    android:startColor="#FFFFFF" />

<corners
    android:bottomLeftRadius="1dp"
    android:bottomRightRadius="1dp"
    android:topLeftRadius="1dp"
    android:topRightRadius="1dp" />

通过使用上面的代码,我得到如下图像:

enter image description here

有人可以告诉我,我哪里出错或者我必须做些什么来获得准确的输出。

更新

这是我得到的输出。

enter image description here

1 个答案:

答案 0 :(得分:2)

对于Horizontal行:gradientbackground.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:dither="true"
    android:shape="rectangle" >
    <gradient
        android:angle="180"
        android:centerColor="#000000"
        android:endColor="#F6F6F6"
        android:startColor="#F6F6F6" />
</shape>

Layout

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/scroll_container"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:background="@android:color/white"
    android:splitMotionEvents="false" >
    <View
        android:id="@+id/divider"
        android:layout_width="fill_parent"
        android:layout_height="1dp"
        android:layout_centerVertical="true"
        android:background="@drawable/backgrad" />
</RelativeLayout>

对于Vertical行:gradientbackground.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:dither="true"
    android:shape="rectangle" >
    <gradient
        android:angle="270"
        android:centerColor="#000000"
        android:endColor="#F6F6F6"
        android:startColor="#F6F6F6" />
</shape>

Layout

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/scroll_container"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:background="@android:color/white"
    android:splitMotionEvents="false" >
    <View
        android:id="@+id/divider"
        android:layout_width="1dp"
        android:layout_height="fill_parent"
        android:layout_centerHorizontal="true"
        android:background="@drawable/backgrad" />
</RelativeLayout>

我希望这可以帮到你。

感谢。