最近新学一些Gridview的样式和大家分享一下！！！

Lincy.Lin

最近新学一些gridview的样式，怀着激动的心情和大家一起分享下。
第一个客户端样式来袭，“噔噔噔”闪亮登场
                 
                      图：样式一
看到这个样式大家想不想知道怎么实现的了，下面将为大家一一道来。
步骤1：拖动一个GridView控件到窗体，如下布局：

步骤2：因为smobiler布局是在另外一个界面中布局，所以需要在创建一个GridView布局窗体，并命名为MessageShow1；
2.1 设置窗体的高度size属性中的Height为12，GridView布局窗体的高度为GridView中每行的高度；
2.2 拖拉两个lable控件到窗体,并将控件的高度设为12，如图：

步骤3：将lable1绑定数据显示值，如图：

步骤4：将GridView绑定布局，如下：

步骤5：现在已经将布局都画好了，现在在load事件中就来给GridView绑定数据吧。

1. Private Sub TestGridView_Load(sender As Object, e As EventArgs) Handles MyBase.Load
   
2.   Dim matTable As New DataTable
   
3.   matTable.Columns.Add("MAT_DESC1", GetType(String))
   
4.   matTable.Rows.Add()
   
5.   matTable.Rows(0)("MAT_DESC1") = "运费，华冷李大姐"
   
6.   matTable.Rows.Add()
   
7.   matTable.Rows(1)("MAT_DESC1") = "阿斯"
   
8.   matTable.Rows.Add()
   
9.   matTable.Rows(2)("MAT_DESC1") = "其他收入"
   
10.   '将数据绑定到GridView中
    
11.   Me.GridView1.DataSource = matTable
    
12.   Me.GridView1.DataBind()
    
13.     End Sub

复制代码

步骤6：关键时刻来了，打开我们的手机客户端，扫描服务器来查看GridView样式效果吧，你将会看到图样式一效果。

楼楼，样式不错

谢谢@時光 ，我更加有动力了，下面在为大家展示下一个样式。


                        图：样式二
步骤1：拖动一个GridView控件到窗体，如下布局：

步骤2：创建一个GridView布局窗体，并命名为MessageShow2；
2.1 设置窗体的高度size属性中的Height为12，GridView布局窗体的高度为GridView中每行的高度；
2.2 拖拉一个Image控件两个lable控件到窗体,布局如图：

步骤3：这里设置的图片是不变的所以直接将Image控件的ResourceID属性赋值为图片名称imgv
步骤4：将lable1绑定数据显示值，如图：



步骤5：将GridView绑定布局，如下：

步骤6：布局都画好了，现在在load事件中绑定GridView数据。

1. Private Sub TestGridView2_Load(sender As Object, e As EventArgs) Handles MyBase.Load
   
2.         Dim matTable As New DataTable
   
3.         matTable.Columns.Add("MAT_DESC1", GetType(String))
   
4.         matTable.Columns.Add("MAT_DESC2", GetType(String))
   
5.         matTable.Columns.Add("MAT_DESC3", GetType(String))
   
6.         matTable.Rows.Add()
   
7.         matTable.Rows(0)("MAT_DESC1") = "Vicky的请假"
   
8.         matTable.Rows(0)("MAT_DESC2") = "待审批"
   
9.         matTable.Rows(0)("MAT_DESC3") = "上午11：51"
   
10.         matTable.Rows.Add()
    
11.         matTable.Rows(1)("MAT_DESC1") = "Vicky的请假"
    
12.         matTable.Rows(1)("MAT_DESC2") = "待审批"
    
13.         matTable.Rows(1)("MAT_DESC3") = "2015.09.09"
    
14.         '将数据绑定到GridView中
    
15.         Me.GridView1.DataSource = matTable
    
16.         Me.GridView1.DataBind()
    
17.     End Sub

复制代码

前面的两个样式大家觉得怎么样，下面我为大家展示最后一个样式：

         图：样式三
步骤1：GridView窗体界面如下布局

步骤2：创建一个GridView布局窗体，并命名为MessageShow3；
2.1 设置窗体的高度size属性中的Height为20，GridView布局窗体的高度为GridView中每行的高度；
2.2 拖拉一个Image控件三个lable控件到窗体,布局如图：

步骤3：绑定控件数据值


步骤4：将GridView控件Layout属性赋值为控件GridView布局窗体名MessageShow3
步骤5：布局都画好了，现在在load事件中绑定GridView数据。

1. Private Sub TestGridView3_Load(sender As Object, e As EventArgs) Handles MyBase.Load
   
2.         Dim matTable As New DataTable
   
3.         matTable.Columns.Add("MAT_DESC1", GetType(String))
   
4.         matTable.Columns.Add("MAT_DESC2", GetType(String))
   
5.         matTable.Columns.Add("MAT_DESC3", GetType(String))
   
6.         matTable.Rows.Add()
   
7.         matTable.Rows(0)("MAT_DESC1") = "￥69.00"
   
8.         matTable.Rows(0)("MAT_DESC2") = "2015/07/08"
   
9.         matTable.Rows(0)("MAT_DESC3") = "1张发票"
   
10.         matTable.Rows.Add()
    
11.         matTable.Rows(1)("MAT_DESC1") = "￥39.00"
    
12.         matTable.Rows(1)("MAT_DESC2") = "2015/07/08"
    
13.         matTable.Rows(1)("MAT_DESC3") = "1张发票"
    
14.         matTable.Rows.Add()
    
15.         matTable.Rows(2)("MAT_DESC1") = "￥280.00"
    
16.         matTable.Rows(2)("MAT_DESC2") = "2015/07/08"
    
17.         matTable.Rows(2)("MAT_DESC3") = "1张发票"
    
18. 
    
19.         '将数据绑定到GridView中
    
20.         Me.GridView1.DataSource = matTable
    
21.         Me.GridView1.DataBind()
    
22.     End Sub

复制代码