码迷,mamicode.com
首页 > 移动开发 > 详细

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

时间:2019-04-15 18:06:02      阅读:205      评论:0      收藏:0      [点我收藏+]

标签:c51   设置   eee   新建   smo   设计   显示   ges   ext   

今天继续Smobiler开发APP的学习日志,这次是做一个title、toolbar、侧边栏三种效果

 

样式一

一、          Toolbar

1.       目标样式

技术图片

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

2.       修改属性

a.         修改Mobile Form的Toolbar属性

获取窗体底部工具栏,打开集合编辑器,并点击“添加”,分别填写数据,如图 1、图 2;

技术图片

图 1设置界面1

 

技术图片

图 2设置界面2

 

b.         修改Mobile Form的ToolbarStyle属性

其中包括SelectStyle属性(是否选择默认样式)、BackColor属性(控件背景色)、ForeColor属性(控件文本颜色)、SelectBackColor属性(控件选择状态背景色)和SelectForeColor属性(控件选择状态文本颜色)。

SelectStyle属性默认设置为“Select”,表示不选择默认样式,如图 3;

技术图片

图 3设置界面

 

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

技术图片

图 4设置界面

 

将ForeColor属性设置为“155, 157, 177”,如图 5;

技术图片

图 5设置界面

 

将SelectBackColor属性设置为“White”,如图 6;

技术图片

图 6设置界面

 

将SelectForeColor属性设置为“0, 183, 250”,如图 7;

技术图片

图 7设置界面

 

3.     手机效果显示

技术图片

 

二、          Title

1.       修改属性

a.         修改Mobile Form的TitleText的属性

输入需要显示标题,如图 1;

技术图片

图 8设置界面

 

b.         修改Mobile Form的TitleStyle属性

其中包括Image属性(窗体图标)、BackColor属性(窗口标题栏背景色)、TextColor属性(窗口标题栏文本颜色)和TextAlign属性(窗体标题栏文本水平方向)。

若将Image属性设置为“coms”如图 2、图 3;

技术图片

图 9设置界面

 

技术图片

图 10显示界面

 

若将BackColor属性设置为“DeepSkyBlue”,如图 11、图 1;

技术图片

图 11设置界面

 

技术图片

图 12显示界面

 

若将TextColor属性设置为“Red”,如图13、图 14;

技术图片

图 13设置界面

 

技术图片

图 14显示界面

 

若将TextAlign属性设置为“Left”,如图 15、图 16;

技术图片

图 15设置界面

 

技术图片

图 16显示界面

 

2.       手机效果显示

技术图片

 

三、          LeftForm

1.       目标样式

技术图片

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

2.       修改属性

a.         修改Mobile Form的LeftFormLayout属性

获取和设置左侧边栏对应的布局名称,首先新建MobileForm项,并命名为MessageShow,设计界面,如图 1;

技术图片

图 1设计界面

 

再将Mobile Form的LeftFormLayout属性,绑定新建的窗体MessageShow,如图 2;

技术图片

图 2设置界面2

 

b.         修改Mobile Form的LayoutMode属性

获取和设置侧边栏显示样式。默认设置为“NORMAL”,如图 3;

技术图片

图 3设置界面

 

将该属性设置为“EFFACT3D”,如图 4;

技术图片

图 4设置界面

 

将该属性设置为“FLOATUP”,如图 5;

技术图片

图 5设置界面

 

3.       手机效果显示

技术图片

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

标签:c51   设置   eee   新建   smo   设计   显示   ges   ext   

原文地址:https://www.cnblogs.com/amanda112/p/10711818.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!