当前位置：首页 > 资讯 > 技术文档

.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)

上一篇：ASP.NETWeb服务器验证控件如何使用
下一篇：浅谈ASP.NET Core 中间件详解及项目实战

资讯排行榜
更多>>