GridView 分割线

http://stackoverflow.com/questions/7132030/android-gridview-draw-dividers

Unfortunately, after looking at the source code, I could not see any easy way to add borders other than taking the approach of adding borders to the each cell. As a reference, I will post my solution here.

list_item.xml

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

    <!-- Cell contents -->

</LinearLayout>

list_selector.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item 
        android:state_selected="true" 
        android:drawable="@drawable/item_border_selected" 
    />
    <item 
        android:state_pressed="true" 
        android:drawable="@drawable/item_border_selected" 
    />
    <item
        android:drawable="@drawable/item_border" 
    />
</selector>

item_border.xml

<?xml version="1.0" encoding="UTF-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <solid 
        android:color="@android:color/transparent" 
    />
    <stroke 
        android:width="1px" 
        android:color="@color/list_divider" 
    />
</shape>

item_border_selected.xml

<?xml version="1.0" encoding="UTF-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <solid 
        android:color="@color/list_select" 
    />
    <stroke 
        android:width="1px" 
        android:color="@color/list_divider" 
    />
</shape>

items_view.xml

<?xml version="1.0" encoding="utf-8"?>
<GridView
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:layout_marginLeft="-1px"
    android:layout_marginRight="-1px"
    android:listSelector="@android:color/transparent"
/>

Since all lines double in size as they join their neighboring cells, I made the divider size 1px instead of 1dp so it doesn't appear too large on some screens. Also, I made the grid view have negative margins to hide the lines on either side. I hope this helps someone.

另一种方式

GridView网格布局，默认情况下是没有网格线的

查找网上资料，找到了一种为GridView添加网格线的小技巧

 

实际上，该网格线是通过设置GridView各子项的间隔，并分别设置GridView背景色与子项背景色实现的。

 

实现方法

 

1. 设置GridView背景色，设置水平间方向间隔属性值android:horizontalSpacing和竖直方向间隔属性值android:verticalSpacing
2. 设置GridView子项背景色

示例代码：

main.xml

Xml代码  

1. <?xml version="1.0" encoding="utf-8"?>  
2. <GridView xmlns:android="http://schemas.android.com/apk/res/android"  
3.     android:id="@+id/main_GridView"  
4.     android:horizontalSpacing="1dp"  
5.     android:verticalSpacing="1dp"  
6.     android:stretchMode="columnWidth"  
7.     android:numColumns="3"  
8.     android:gravity="center"  
9.     android:listSelector="@null"  
10.     android:background="#DCDCDC"  
11.     android:layout_width="fill_parent"  
12.     android:layout_height="fill_parent">  
13.   
14. </GridView>  

Main.java

Java代码  

1. package dyingbleed.iteye;  
2.   
3. import android.app.Activity;  
4. import android.content.Context;  
5. import android.graphics.Color;  
6. import android.os.Bundle;  
7. import android.view.Gravity;  
8. import android.view.View;  
9. import android.view.ViewGroup;  
10. import android.view.ViewGroup.LayoutParams;  
11. import android.widget.AbsListView;  
12. import android.widget.BaseAdapter;  
13. import android.widget.GridView;  
14. import android.widget.TextView;  
15.   
16. public class Main extends Activity {  
17.       
18.     private GridView grid;  
19.       
20.     @Override  
21.     public void onCreate(Bundle savedInstanceState) {  
22.         super.onCreate(savedInstanceState);  
23.         setContentView(R.layout.main);  
24.           
25.         grid = (GridView) findViewById(R.id.main_GridView);  
26.         grid.setAdapter(new GridViewAdapter(this));  
27.     }  
28.       
29.     private class GridViewAdapter extends BaseAdapter {  
30.           
31.         private Context context;  
32.           
33.         public GridViewAdapter(Context context) {  
34.             this.context = context;  
35.         }  
36.           
37.         int count = 100;  
38.   
39.         @Override  
40.         public int getCount() {  
41.             return count;  
42.         }  
43.   
44.         @Override  
45.         public Object getItem(int position) {  
46.             return position;  
47.         }  
48.   
49.         @Override  
50.         public long getItemId(int position) {  
51.             return position;  
52.         }  
53.   
54.         @Override  
55.         public View getView(int position, View convertView, ViewGroup parent) {  
56.             TextView result = new TextView(context);  
57.             result.setText("Item "+position);  
58.             result.setTextColor(Color.BLACK);  
59.             result.setTextSize(24);  
60.             result.setLayoutParams(new AbsListView.LayoutParams(new LayoutParams(LayoutParams.FILL_PARENT, LayoutParams.WRAP_CONTENT)));  
61.             result.setGravity(Gravity.CENTER);  
62.             result.setBackgroundColor(Color.WHITE); //设置背景颜色  
63.             return result;  
64.         }  
65.           
66.     }  
67. }  

  

运行截图：