用户
 找回密码
 立即注册

40

主题

340

帖子

1456

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
1456
发表于 2015-12-30 10:33:23
最近新学一些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样式效果吧,你将会看到图样式一效果。







本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
使用道具 举报 回复
发表于 2015-12-30 11:10:41
楼楼,样式不错
使用道具 举报 回复 支持 反对
发表于 2015-12-30 13:12:43
谢谢@時光 ,我更加有动力了,下面在为大家展示下一个样式。


                        图:样式二
步骤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
复制代码



本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
使用道具 举报 回复 支持 反对
发表于 2015-12-30 13:33:33
前面的两个样式大家觉得怎么样,下面我为大家展示最后一个样式:

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

步骤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.         '将数据绑定到GridView中
  19.         Me.GridView1.DataSource = matTable
  20.         Me.GridView1.DataBind()
  21.     End Sub
复制代码



本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
使用道具 举报 回复 支持 反对
发新帖
您需要登录后才可以回帖 登录 | 立即注册