在线时间:8:00-16:00
迪恩网络APP
随时随地掌握行业动态
扫描二维码
关注迪恩网络微信公众号
今天继续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. 手机效果显示 |
请发表评论