• 欢迎访问搞代码网站,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站!
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏搞代码吧

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

asp 搞代码 4年前 (2022-01-03) 17次浏览 已收录 0个评论

这篇文章主要为大家详细介绍了.Net语言APP开发平台,如何在手机上实现表单设计(Smobiler),具有一定的参考价值,感兴趣的小伙伴们可以参考一下

最前面的话:Smobiler是一个在VS环境中使用.Net语言来开发APP的开发平台,也许比Xamarin更方便

一、目标样式

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

1.从工具栏上的”Smobiler Components”拖动一个一个TableView控件到窗体界面上

2.修改GridView控件的属性

a.load事件代码

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 S<strong style="color:transparent">来源gaodai#ma#com搞@代~码网</strong>ub 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.ColumnHeaderStyle属性

其中包括Height属性(列标题高度)、FontSize属性(列标题文本大小)、BackColor属性(列标题背景颜色)和ForeColor属性(列标题文本颜色),如图1;

将Height属性设置为“10”,如图2;

将FontSize属性设置为“5”,如图3;

将BackColor属性设置为“White”,如图4;

将ForeColor属性设置为“Black”,如图5;

c.Columns属性

打开集合编辑器,并点击”添加”按钮旁边的三角形按钮,选择需要的列的类型,其中包括TableViewLabelColumn、TableViewButtonColumn、TableViewTextBoxColumn、TableViewCheckBoxColumn和TableViewImageColumn五种列,如图6、图7;

d.GridLinesColor属性

设置TableView表格线的颜色,将该属性设置为“Black”,如图8;

e.Location属性

让控件显示在合适的位置(0, 122),如图9;

f.RowHeight属性

设置表格行高度,将该属性设置为“15”,如图10;

g.Size属性

设置控件的宽度和高度,将该属性设置为(120, 77),如图11;

二、手机效果显示

以上就是.Net语言Smobiler开发之如何在手机上实现表单设计的详细内容,更多请关注gaodaima搞代码网其它相关文章!


搞代码网(gaodaima.com)提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected],我们会在看到邮件的第一时间内为您处理,或直接联系QQ:872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:.Net语言Smobiler开发之如何在手机上实现表单设计

喜欢 (0)
[搞代码]
分享 (0)
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址