Smobiler上海石磨_.NET移动开发平台

标题: 最近新学一些Gridview的样式和大家分享一下！！！ [打印本页]
作者: Lincy.Lin    时间: 2015-12-30 10:33
标题: 最近新学一些Gridview的样式和大家分享一下！！！
最近新学一些gridview的样式，怀着激动的心情和大家一起分享下。
第一个客户端样式来袭，“噔噔噔”闪亮登场
[attach]379[/attach]                 
                      图：样式一
看到这个样式大家想不想知道怎么实现的了，下面将为大家一一道来。
步骤1：拖动一个GridView控件到窗体，如下布局：
[attach]382[/attach]
步骤2：因为smobiler布局是在另外一个界面中布局，所以需要在创建一个GridView布局窗体，并命名为MessageShow1；
2.1 设置窗体的高度size属性中的Height为12，GridView布局窗体的高度为GridView中每行的高度；
2.2 拖拉两个lable控件到窗体,并将控件的高度设为12，如图：
[attach]383[/attach]
步骤3：将lable1绑定数据显示值，如图：
[attach]384[/attach]
步骤4：将GridView绑定布局，如下：
[attach]385[/attach]
步骤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样式效果吧，你将会看到图样式一效果。







作者: 時光    时间: 2015-12-30 11:10
楼楼，样式不错
作者: Lincy.Lin    时间: 2015-12-30 13:12
谢谢@時光 ，我更加有动力了，下面在为大家展示下一个样式。
[attach]390[/attach]

                        图：样式二
步骤1：拖动一个GridView控件到窗体，如下布局：
[attach]391[/attach]
步骤2：创建一个GridView布局窗体，并命名为MessageShow2；
2.1 设置窗体的高度size属性中的Height为12，GridView布局窗体的高度为GridView中每行的高度；
2.2 拖拉一个Image控件两个lable控件到窗体,布局如图：
[attach]392[/attach]
步骤3：这里设置的图片是不变的所以直接将Image控件的ResourceID属性赋值为图片名称imgv
步骤4：将lable1绑定数据显示值，如图：


[attach]393[/attach]
步骤5：将GridView绑定布局，如下：
[attach]394[/attach]
步骤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
复制代码



作者: Lincy.Lin    时间: 2015-12-30 13:33
前面的两个样式大家觉得怎么样，下面我为大家展示最后一个样式：
[attach]396[/attach]
         图：样式三
步骤1：GridView窗体界面如下布局
[attach]398[/attach]
步骤2：创建一个GridView布局窗体，并命名为MessageShow3；
2.1 设置窗体的高度size属性中的Height为20，GridView布局窗体的高度为GridView中每行的高度；
2.2 拖拉一个Image控件三个lable控件到窗体,布局如图：
[attach]451[/attach]
步骤3：绑定控件数据值

[attach]399[/attach]
步骤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张发票"

  19.         '将数据绑定到GridView中
  20.         Me.GridView1.DataSource = matTable
  21.         Me.GridView1.DataBind()
  22.     End Sub
复制代码







欢迎光临 Smobiler上海石磨_.NET移动开发平台 (https://www.smobiler.com/) Powered by Discuz! X3.2