MobileForm控件的使用方式-用.NET(C#)开发APP的学习日志

采得百花成蜜后,为谁辛苦为谁甜。这篇文章主要讲述MobileForm控件的使用方式-用.NET(C#)开发APP的学习日志相关的知识,希望能为你提供帮助。
【MobileForm控件的使用方式-用.NET(C#)开发APP的学习日志】今天继续Smobiler开发APP的学习日志,这次是做一个title、toolbar、侧边栏三种效果
 
样式一
一、                  Toolbar
1.            目标样式

MobileForm控件的使用方式-用.NET(C#)开发APP的学习日志

文章图片

我们要实现上图中的效果,需要如下的操作:
2.            修改属性
a.                修改Mobile Form的Toolbar属性
获取窗体底部工具栏,打开集合编辑器,并点击“ 添加” ,分别填写数据,如图 1、图 2;
MobileForm控件的使用方式-用.NET(C#)开发APP的学习日志

文章图片

图 1设置界面1
 
MobileForm控件的使用方式-用.NET(C#)开发APP的学习日志

文章图片

图 2设置界面2
 
b.                修改Mobile Form的ToolbarStyle属性
其中包括SelectStyle属性(是否选择默认样式)、BackColor属性(控件背景色)、ForeColor属性(控件文本颜色)、SelectBackColor属性(控件选择状态背景色)和SelectForeColor属性(控件选择状态文本颜色)。
SelectStyle属性默认设置为“ Select” ,表示不选择默认样式,如图 3;
MobileForm控件的使用方式-用.NET(C#)开发APP的学习日志

文章图片

图 3设置界面
 
将BackColor属性设置为“ White” ,如图 4;
MobileForm控件的使用方式-用.NET(C#)开发APP的学习日志

文章图片

图 4设置界面
 
将ForeColor属性设置为“ 155, 157, 177” ,如图 5;
MobileForm控件的使用方式-用.NET(C#)开发APP的学习日志

文章图片

图 5设置界面
 
将SelectBackColor属性设置为“ White” ,如图 6;
MobileForm控件的使用方式-用.NET(C#)开发APP的学习日志

文章图片

图 6设置界面
 
将SelectForeColor属性设置为“ 0, 183, 250” ,如图 7;
MobileForm控件的使用方式-用.NET(C#)开发APP的学习日志

文章图片

图 7设置界面
 
3.        手机效果显示
MobileForm控件的使用方式-用.NET(C#)开发APP的学习日志

文章图片

 
二、                  Title
1.            修改属性
a.                修改Mobile Form的TitleText的属性
输入需要显示标题,如图 1;
MobileForm控件的使用方式-用.NET(C#)开发APP的学习日志

文章图片

图 8设置界面
 
b.                修改Mobile Form的TitleStyle属性
其中包括Image属性(窗体图标)、BackColor属性(窗口标题栏背景色)、TextColor属性(窗口标题栏文本颜色)和TextAlign属性(窗体标题栏文本水平方向)。
若将Image属性设置为“ coms” 如图 2、图 3;
MobileForm控件的使用方式-用.NET(C#)开发APP的学习日志

文章图片

图 9设置界面
 
MobileForm控件的使用方式-用.NET(C#)开发APP的学习日志

文章图片

图 10显示界面
 
若将BackColor属性设置为“ DeepSkyBlue” ,如图 11、图 1;
MobileForm控件的使用方式-用.NET(C#)开发APP的学习日志

文章图片

图 11设置界面
 
MobileForm控件的使用方式-用.NET(C#)开发APP的学习日志

文章图片

图 12显示界面
 
若将TextColor属性设置为“ Red” ,如图13、图 14;
MobileForm控件的使用方式-用.NET(C#)开发APP的学习日志

文章图片

图 13设置界面
 
MobileForm控件的使用方式-用.NET(C#)开发APP的学习日志

文章图片

图 14显示界面
 
若将TextAlign属性设置为“ Left” ,如图 15、图 16;
MobileForm控件的使用方式-用.NET(C#)开发APP的学习日志

文章图片

图 15设置界面
 
MobileForm控件的使用方式-用.NET(C#)开发APP的学习日志

文章图片

图 16显示界面
 
2.            手机效果显示
MobileForm控件的使用方式-用.NET(C#)开发APP的学习日志

文章图片

 
三、                  LeftForm
1.            目标样式
MobileForm控件的使用方式-用.NET(C#)开发APP的学习日志

文章图片

我们要实现上图中的效果,需要如下的操作:
2.            修改属性
a.                修改Mobile Form的LeftFormLayout属性
获取和设置左侧边栏对应的布局名称,首先新建MobileForm项,并命名为MessageShow,设计界面,如图 1;
MobileForm控件的使用方式-用.NET(C#)开发APP的学习日志

文章图片

图 1设计界面
 
再将Mobile Form的LeftFormLayout属性,绑定新建的窗体MessageShow,如图 2;
MobileForm控件的使用方式-用.NET(C#)开发APP的学习日志

文章图片

图 2设置界面2
 
b.                修改Mobile Form的LayoutMode属性
获取和设置侧边栏显示样式。默认设置为“ NORMAL” ,如图 3;
MobileForm控件的使用方式-用.NET(C#)开发APP的学习日志

文章图片

图 3设置界面
 
将该属性设置为“ EFFACT3D” ,如图 4;
MobileForm控件的使用方式-用.NET(C#)开发APP的学习日志

文章图片

图 4设置界面
 
将该属性设置为“ FLOATUP” ,如图 5;
MobileForm控件的使用方式-用.NET(C#)开发APP的学习日志

文章图片

图 5设置界面
 
3.            手机效果显示
MobileForm控件的使用方式-用.NET(C#)开发APP的学习日志

文章图片


    推荐阅读