类似于表格、网格线效果经常出现在企业的需求上，今天深圳校区的师生讨论了这个问题，分享出来给大家：

学生问题：
我需要做一个完全的表格，类似正常的excle表格，各个边框都是1px。
老师回答：

方案一：我建议是：使用美工做一个这样的图，文字写在上面。

但是这种方法的缺陷是不能实现动态效果。

方案二：可以采用tablelayout,但是这样的话，边框难以处理。

方案三：

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

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

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

实现方法

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

可以采用gridview，布局（实现动态效果）

布局：

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="2dp"  
   
5.     android:verticalSpacing="2dp"  
   
6.     android:stretchMode="columnWidth"  
   
7.     android:numColumns="3"  
   
8.     android:gravity="center"  
   
9.     android:listSelector="@null"  
   
10.     android:background="#000000"  
    
11.     android:layout_width="fill_parent"  
    
12.     android:layout_height="fill_parent">  
    
13.    
    
14. </GridView>

复制代码

acitivity代码：

1. package com.example.wanggdemo;
   
2. import android.app.Activity;  
   
3. import android.content.Context;  
   
4. import android.graphics.Color;  
   
5. import android.os.Bundle;  
   
6. import android.view.Gravity;  
   
7. import android.view.View;  
   
8. import android.view.ViewGroup;  
   
9. import android.view.ViewGroup.LayoutParams;  
   
10. import android.widget.AbsListView;  
    
11. import android.widget.BaseAdapter;  
    
12. import android.widget.GridView;  
    
13. import android.widget.TextView;  
    
14.    
    
15. public class MainActivity extends Activity {  
    
16.       
    
17.     private GridView grid;  
    
18.       
    
19.     @Override  
    
20.     public void onCreate(Bundle savedInstanceState) {  
    
21.         super.onCreate(savedInstanceState);  
    
22.         setContentView(R.layout.activity_main);  
    
23.            
    
24.         grid = (GridView) findViewById(R.id.main_GridView);  
    
25.         grid.setAdapter(new GridViewAdapter(this));  
    
26.     }  
    
27.       
    
28.     private class GridViewAdapter extends BaseAdapter {  
    
29.            
    
30.         private Context context;  
    
31.            

复制代码

1. 
   
2.         public GridViewAdapter(Context context) {  
   
3.             this.context = context;  
   
4.         }  
   
5.            
   
6.         int count = 100;  
   
7.    
   
8.         @Override  
   
9.         public int getCount() {  
   
10.             return count;  
    
11.         }  
    
12.    
    
13.         @Override  
    
14.         public Object getItem(int position) {  
    
15.             return position;  
    
16.         }  
    
17.    
    
18.         @Override  
    
19.         public long getItemId(int position) {  
    
20.             return position;  
    
21.         }  
    
22.    
    
23.         @Override  
    
24.         public View getView(int position, View convertView, ViewGroup parent) {  
    
25.             TextView result = new TextView(context);  
    
26.             result.setText("Item "+position);  
    
27.             result.setTextColor(Color.BLACK);  
    
28.             result.setTextSize(24);  
    
29.             result.setLayoutParams(new AbsListView.LayoutParams(new LayoutParams(LayoutParams.FILL_PARENT, LayoutParams.WRAP_CONTENT)));  
    
30.             result.setGravity(Gravity.CENTER);  
    
31.             result.setBackgroundColor(Color.WHITE); //设置背景颜色  
    
32.             return result;  
    
33.         }  
    
34.            
    
35.     }  
    
36. }

复制代码

实现的效果如下图示例：

[深圳特色] 揭秘内部问答网中经典问题，每周更新！

深圳校区除了全国独有问答网，就业老师面试服务，还有更多神秘惊喜等着你，咨询热线：0755-66689855

类似于表格、网格线效果经常出现在企业的需求上，今天深圳校区的师生讨论了这个问题，分享出来给大家：

学生问题：
我需要做一个完全的表格，类似正常的excle表格，各个边框都是1px。
老师回答：

方案一：我建议是：使用美工做一个这样的图，文字写在上面。

但是这种方法的缺陷是不能实现动态效果。

方案二：可以采用tablelayout,但是这样的话，边框难以处理。

方案三：

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

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

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

实现方法

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

可以采用gridview，布局（实现动态效果）

布局：

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="2dp"  
   
5.     android:verticalSpacing="2dp"  
   
6.     android:stretchMode="columnWidth"  
   
7.     android:numColumns="3"  
   
8.     android:gravity="center"  
   
9.     android:listSelector="@null"  
   
10.     android:background="#000000"  
    
11.     android:layout_width="fill_parent"  
    
12.     android:layout_height="fill_parent">  
    
13.    
    
14. </GridView>

复制代码

acitivity代码：

1. package com.example.wanggdemo;
   
2. import android.app.Activity;  
   
3. import android.content.Context;  
   
4. import android.graphics.Color;  
   
5. import android.os.Bundle;  
   
6. import android.view.Gravity;  
   
7. import android.view.View;  
   
8. import android.view.ViewGroup;  
   
9. import android.view.ViewGroup.LayoutParams;  
   
10. import android.widget.AbsListView;  
    
11. import android.widget.BaseAdapter;  
    
12. import android.widget.GridView;  
    
13. import android.widget.TextView;  
    
14.    
    
15. public class MainActivity extends Activity {  
    
16.       
    
17.     private GridView grid;  
    
18.       
    
19.     @Override  
    
20.     public void onCreate(Bundle savedInstanceState) {  
    
21.         super.onCreate(savedInstanceState);  
    
22.         setContentView(R.layout.activity_main);  
    
23.            
    
24.         grid = (GridView) findViewById(R.id.main_GridView);  
    
25.         grid.setAdapter(new GridViewAdapter(this));  
    
26.     }  
    
27.       
    
28.     private class GridViewAdapter extends BaseAdapter {  
    
29.            
    
30.         private Context context;  
    
31.            

复制代码

1. 
   
2.         public GridViewAdapter(Context context) {  
   
3.             this.context = context;  
   
4.         }  
   
5.            
   
6.         int count = 100;  
   
7.    
   
8.         @Override  
   
9.         public int getCount() {  
   
10.             return count;  
    
11.         }  
    
12.    
    
13.         @Override  
    
14.         public Object getItem(int position) {  
    
15.             return position;  
    
16.         }  
    
17.    
    
18.         @Override  
    
19.         public long getItemId(int position) {  
    
20.             return position;  
    
21.         }  
    
22.    
    
23.         @Override  
    
24.         public View getView(int position, View convertView, ViewGroup parent) {  
    
25.             TextView result = new TextView(context);  
    
26.             result.setText("Item "+position);  
    
27.             result.setTextColor(Color.BLACK);  
    
28.             result.setTextSize(24);  
    
29.             result.setLayoutParams(new AbsListView.LayoutParams(new LayoutParams(LayoutParams.FILL_PARENT, LayoutParams.WRAP_CONTENT)));  
    
30.             result.setGravity(Gravity.CENTER);  
    
31.             result.setBackgroundColor(Color.WHITE); //设置背景颜色  
    
32.             return result;  
    
33.         }  
    
34.            
    
35.     }  
    
36. }

复制代码

实现的效果如下图示例：

[深圳特色] 揭秘内部问答网中经典问题，每周更新！

深圳校区除了全国独有问答网，就业老师面试服务，还有更多神秘惊喜等着你，咨询热线：0755-66689855