.Net语言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 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.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;
二、手机效果显示
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持猪先飞。
相关文章
- 支付宝支付在国内算是大家了,我们到处都可以使用支付宝了,下文整理介绍的是在安卓app应用中使用支付宝进行支付的开发例子。 之前讲了一篇博客关与支付宝集成获取...2016-09-20
- 这篇文章主要为大家详细介绍了ASP.NET购物车的实现过程,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2021-09-22
- PHP+Ajax有许多的功能都会用到它小编今天就有使用PHP+Ajax实现的一个微信登录功能了,下面我们来看一个PHP+Ajax手机发红包的程序例子,具体如下所示。 PHP发红包基本...2016-11-25
- 这篇文章主要介绍了.NET Core下使用Kafka的方法步骤,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧...2021-09-22
- 很多用安卓智能手机的朋友是用九宫格锁屏,网上也有暴力删除手机图形锁的方法,不过我们可以用程序来破解。本文只提供技术学习,不能干坏事 安卓手机的图形锁(九宫格)...2016-09-20
- 在开发过程中,使用Visual Studio的断点调试功能可以很方便帮我们调试发现程序存在的错误,同样Visual Studio也支持对SQL Server里面的存储过程进行调试,下面就让我们看看具体的调试方法。...2021-09-22
- 华为手机怎么恢复已卸载的应用?有时候我们在使用华为手机的时候,想知道卸载的应用怎么恢复,这篇文章主要介绍了华为手机恢复应用教程,需要的朋友可以参考下...2020-06-29
- 华为手机怎么开启双时钟?华为手机是可以设置双时钟的,如果来回在两个有时差的地方工作,是可以设置双时钟显示,下面我们就来看看华为添加双时钟的技巧,需要的朋友可以参考下...2020-12-08
- 这篇文章主要介绍了Win10 IIS 安装及.net 4.5及Win10安装IIS并配置ASP.NET 4.0的方法,本文给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下...2021-09-22
安卓手机wifi打不开修复教程,安卓手机wifi打不开解决方法
手机wifi打不开?让小编来告诉你如何解决。还不知道的朋友快来看看。 手机wifi是现在生活中最常用的手机功能,但是遇到手机wifi打不开的情况该怎么办呢?如果手机wifi...2016-12-21- artDialog是一个基于javascript编写的对话框组件,它拥有精致的界面与友好的接口。本文给大家介绍JS中artdialog弹出框控件之提交表单思路详解,对本文感兴趣的朋友一起学习吧...2016-04-19
- 有时候我们为了省事就操作键盘组合键去代替使用鼠标,我们今天就使用JQuery实现Ctrl+Enter提交表单。我们发帖时,在内容输入框中输入完内容后,可以点击“提交”按钮来发表内容。可是,如果你够“懒”,你可以不用动鼠标,只需按...2015-10-23
- 这篇文章主要介绍了uniapp微信小程序:key失效的解决方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧...2021-01-20
- 这篇文章主要介绍了VSCode 配置uni-app的方法,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下...2020-07-11
- 这篇文章主要介绍了详解.NET Core 3.0 里新的JSON API,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧...2021-09-22
- 这篇文章主要介绍了.net数据库操作框架SqlSugar的简单入门,帮助大家更好的理解和学习使用.net技术,感兴趣的朋友可以了解下...2021-09-22
ASP.NET Core根据环境变量支持多个 appsettings.json配置文件
这篇文章主要介绍了ASP.NET Core根据环境变量支持多个 appsettings.json配置文件,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧...2021-09-22- 为了网站的安全性,很多朋友都把密码设的比较复杂,但是如何密码不能明显示,不知道输的是对是错,为了安全起见可以把密码显示的,那么基于js代码如何实现的呢?下面通过本文给大家介绍JavaScript实现表单密码的隐藏和显示,需要的朋友参考下...2016-03-03
- 这篇文章主要介绍了记一次EFCore类型转换错误及解决方案,帮助大家更好的理解和学习使用asp.net core,感兴趣的朋友可以了解下...2021-09-22
- 这篇文章主要介绍了uni-app从安装到卸载的入门教程,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧...2020-05-15