.Net语言Smobiler开发利用Gridview控件设计较复杂的表单

最前面的话：smobiler是一个在vs环境中使用.net语言来开发app的开发平台，也许比xamarin更方便。

一、目标样式

我们要实现上图中的效果，需要如下的操作：

1.从工具栏上的”smobiler components”拖动一个gridview控件到窗体界面上

2.修改gridview控件的属性

a.load事件代码
 vb：

  private sub testgridview3_load(senderas object, e as eventargs)handles mybase.load
    dim mattable as new datatable
    with mattable 
    .columns.add("mat_img", gettype(string))
    .columns.add("mat_desc1", gettype(string))
    .columns.add("mat_desc2", gettype(string))
    .columns.add("mat_desc3", gettype(string))
    .rows.add()
    .rows(0)("mat_img") = "img97"
    .rows(0)("mat_desc1") = "￥69.00"
    .rows(0)("mat_desc2") = "2015/07/08"
    .rows(0)("mat_desc3") = "1张发票"
    .rows.add()
    .rows(1)("mat_img") = "img96"
    .rows(1)("mat_desc1") = "￥39.00"
    .rows(1)("mat_desc2") = "2015/07/08"
    .rows(1)("mat_desc3") = "1张发票"
    .rows.add()
    .rows(2)("mat_img") = "img95"
    .rows(2)("mat_desc1") = "￥280.00"
    .rows(2)("mat_desc2") = "2015/07/08"
    .rows(2)("mat_desc3") = "1张发票"
    end with
    me.gridview1.datasource = mattable
    me.gridview1.databind()
  end sub c#：
  private void testgridview3_load(object sender, eventargs e)
  {
    datatable mattable = new datatable();
    mattable.columns.add("mat_img", typeof(string));
    mattable.columns.add("mat_desc1", typeof(string));
    mattable.columns.add("mat_desc2", typeof(string));
    mattable.columns.add("mat_desc3", typeof(string));
    mattable.rows.add();
    mattable.rows[0]["mat_img"] = "img97";
    mattable.rows[0]["mat_desc1"] = "￥69.00";
    mattable.rows[0]["mat_desc2"] = "2015/07/08";
    mattable.rows[0]["mat_desc3"] = "1张发票";
    mattable.rows.add();
    mattable.rows[1]["mat_img"] = "img96";
    mattable.rows[1]["mat_desc1"] = "￥39.00";
    mattable.rows[1]["mat_desc2"] = "2015/07/08";
    mattable.rows[1]["mat_desc3"] = "1张发票";
    mattable.rows.add();
    mattable.rows[2]["mat_img"] = "img95";
    mattable.rows[2]["mat_desc1"] = "￥280.00";
    mattable.rows[2]["mat_desc2"] = "2015/07/08";
    mattable.rows[2]["mat_desc3"] = "1张发票";
    this.gridview1.datasource = mattable;
    this.gridview1.databind();
  }

b.layout属性

新创建mobileform项，并命名为messageshow3，并拖入一个label控件，如图1

gridview的layout属性，绑定新建的窗体messageshow3，如图2

3.smobiler窗体设计界面显示效果

二、手机效果显示

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。