源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

.Net语言Smobiler开发之如何在手机上实现表单设计

  • 时间:2020-08-07 14:27 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:.Net语言Smobiler开发之如何在手机上实现表单设计
最前面的话:Smobiler是一个在VS环境中使用.Net语言来开发APP的开发平台,也许比Xamarin更方便 [b]一、目标样式[/b] [img]http://files.jb51.net/file_images/article/201609/201609091144548.png[/img] 我们要实现上图中的效果,需要如下的操作: [b]1.从工具栏上的”Smobiler Components”拖动一个一个TableView控件到窗体界面上[/b] [img]http://files.jb51.net/file_images/article/201609/201609091144549.png[/img] [b]2.修改GridView控件的属性[/b] [b]a.load事件代码[/b] VB:
 Private Sub TestTableView_Load(sender As Object, e As EventArgs)Handles MyBase.Load
 Dim matTable As New DataTable
 matTable.Columns.Add("MAT_DESC1", GetType(String))
 matTable.Columns.Add("MAT_DESC2", GetType(String))
 matTable.Columns.Add("MAT_DESC3", GetType(String))
 matTable.Columns.Add("MAT_DESC4", GetType(String))
 matTable.Rows.Add()
 matTable.Rows(0)("MAT_DESC1") = "201503"
 matTable.Rows(0)("MAT_DESC2") = "mz"
 matTable.Rows(0)("MAT_DESC3") = "0"
 matTable.Rows(0)("MAT_DESC4") = "17"
 matTable.Rows.Add()
 matTable.Rows(1)("MAT_DESC1") = "201504"
 matTable.Rows(1)("MAT_DESC2") = "mz"
 matTable.Rows(1)("MAT_DESC3") = "0"
 matTable.Rows(1)("MAT_DESC4") = "17"
 matTable.Rows.Add()
 matTable.Rows(2)("MAT_DESC1") = "201505"
 matTable.Rows(2)("MAT_DESC2") = "mz"
 matTable.Rows(2)("MAT_DESC3") = "0"
 matTable.Rows(2)("MAT_DESC4") = "17"
 matTable.Rows.Add()
 matTable.Rows(3)("MAT_DESC1") = "201506"
 matTable.Rows(3)("MAT_DESC2") = "mz"
 matTable.Rows(3)("MAT_DESC3") = "0"
 matTable.Rows(3)("MAT_DESC4") = "17" 
 Me.tableView1..DataSource = matTable
 Me.tableview1.DataBind()
 
 End Sub C#:
 private void Testtableview_Load(object sender, EventArgs e)
 {
 DataTable matTable = new DataTable();
 matTable.Columns.Add("MAT_DESC1", typeof(string));
 matTable.Columns.Add("MAT_DESC2", typeof(string));
 matTable.Columns.Add("MAT_DESC3", typeof(string));
 matTable.Columns.Add("MAT_DESC4", typeof(string));
 matTable.Rows.Add();
 matTable.Rows[0]["MAT_DESC1"] = "201503";
 matTable.Rows[0]["MAT_DESC2"] = "mz";
 matTable.Rows[0]["MAT_DESC3"] = "0";
 matTable.Rows[0]["MAT_DESC4"] = "17";
 matTable.Rows.Add();
 matTable.Rows[1]["MAT_DESC1"] = "201504";
 matTable.Rows[1]["MAT_DESC2"] = "mz";
 matTable.Rows[1]["MAT_DESC3"] = "0";
 matTable.Rows[1]["MAT_DESC4"] = "17";
 matTable.Rows.Add();
 matTable.Rows[2]["MAT_DESC1"] = "201505";
 matTable.Rows[2]["MAT_DESC2"] = "mz";
 matTable.Rows[2]["MAT_DESC3"] = "0";
 matTable.Rows[2]["MAT_DESC4"] = "17";
 matTable.Rows.Add();
 matTable.Rows[3]["MAT_DESC1"] = "201506";
 matTable.Rows[3]["MAT_DESC2"] = "mz";
 matTable.Rows[3]["MAT_DESC3"] = "0";
 matTable.Rows[3]["MAT_DESC4"] = "17";
 this.tableview1.DataSource = matTable;
 this.tableview1.DataBind();
 }
[b]b.ColumnHeaderStyle属性[/b] 其中包括Height属性(列标题高度)、FontSize属性(列标题文本大小)、BackColor属性(列标题背景颜色)和ForeColor属性(列标题文本颜色),如图1; 将Height属性设置为“10”,如图2; 将FontSize属性设置为“5”,如图3; 将BackColor属性设置为“White”,如图4; 将ForeColor属性设置为“Black”,如图5; [img]http://files.jb51.net/file_images/article/201609/2016090911445610.png[/img] [img]http://files.jb51.net/file_images/article/201609/2016090911445611.png[/img] [img]http://files.jb51.net/file_images/article/201609/2016090911445612.png[/img] [img]http://files.jb51.net/file_images/article/201609/2016090911445713.png[/img] [img]http://files.jb51.net/file_images/article/201609/2016090911445714.png[/img] [b]c.Columns属性[/b] 打开集合编辑器,并点击"添加"按钮旁边的三角形按钮,选择需要的列的类型,其中包括TableViewLabelColumn、TableViewButtonColumn、TableViewTextBoxColumn、TableViewCheckBoxColumn和TableViewImageColumn五种列,如图6、图7; [b]d.GridLinesColor属性[/b] 设置TableView表格线的颜色,将该属性设置为“Black”,如图8; [b]e.Location属性[/b] 让控件显示在合适的位置(0, 122),如图9; [b]f.RowHeight属性[/b] 设置表格行高度,将该属性设置为“15”,如图10; [b]g.Size属性[/b] 设置控件的宽度和高度,将该属性设置为(120, 77),如图11; [img]http://files.jb51.net/file_images/article/201609/2016090911445715.png[/img] [img]http://files.jb51.net/file_images/article/201609/2016090911445716.png[/img] [img]http://files.jb51.net/file_images/article/201609/2016090911445717.png[/img] [img]http://files.jb51.net/file_images/article/201609/2016090911445718.png[/img] [img]http://files.jb51.net/file_images/article/201609/2016090911445819.png[/img] [img]http://files.jb51.net/file_images/article/201609/2016090911445820.png[/img] [b]二、手机效果显示[/b] [img]http://files.jb51.net/file_images/article/201609/2016090911445821.png[/img] 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程素材网。
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部