MobileForm控件的使用方式-用.NET(C#)开发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.       手机效果显示

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

时间: 2024-11-05 18:49:49

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

DevExpress XtraReports 入门六 控件以程序方式创建一个 交叉表 报表

原文:DevExpress XtraReports 入门六 控件以程序方式创建一个 交叉表 报表 本文只是为了帮助初次接触或是需要DevExpress XtraReports报表的人群使用的,为了帮助更多的人不会像我这样浪费时间才写的这篇文章,高手不想的看请路过 本文内容来DevExpress XtraReports帮助文档,如看过类似的请略过. 废话少说 开始正事 在继续本示例之前,要把所有 必需的程序集 添加到项目的 引用 列表中,并且把一个按钮拖放到窗体上. 然后,以下列方式接管此按钮的

Atitit.hybrid混合型应用 浏览器插件,控件的实现方式 浏览器运行本地程序的解决方案大的总结---提升用户体验and开发效率..

Atitit.hybrid混合型应用 浏览器插件,控件的实现方式 浏览器运行本地程序的解决方案大的总结---提升用户体验and开发效率.. 1. hybrid App 1 1.1. Hybrid App为什么会兴起编辑 1 1.2. 如何实现网页语言与程序语言的混合编辑 2 1.2.1. 多View混合型 2 1.2.2. 单View混合型 2 1.2.3. Web主体型 2 1.3. Hybrid App的瓶颈与未来编辑 3 2. Web App.Hybrid App.Native APP对比

WebForm(二)——控件和数据库连接方式

一.简单控件 1.Label(作用:显示文字) Web中: <asp:Label ID="Label1" runat="server" Text="Label" BorderColor="Black" BorderStyle="Solid" BorderWidth="5px"></asp:Label> 编译完成后的元素时span(html) <span id

使用Anthem.NET 1.5中的FileUpload控件实现Ajax方式的文件上传

Anthem.NET刚刚发布了其最新的1.5版本,其中很不错的一个新功能就是对文件上传功能的Ajax实现.本文将简要介绍一下该功能的使用方法. Anthem.NET的下载与安装 Anthem.NET可以在此下载:http://sourceforge.net/project/showfiles.php?group_id=151897&package_id=168043&release_id=493609 下载之后解压缩至硬盘中的某一目录中,编译项目得到Anthem.dll.然后将其拷贝到We

Android 通过代码改变控件的布局方式

在很多情况下当我们在xml中布局的方式并不能满足我们的要求,而这时我们就需要通过在代码中控制控件的布局根据不同的条件来控制布局.首先来了解一下安卓中的一些单位 dip: device independent pixels(设备独立像素). 不同设备有不同的显示效果,这个和设备硬件有关,一般我们为了支持WVGA.HVGA和QVGA 推荐使用这个,不依赖像素.px: pixels(像素). 不同设备显示效果相同,一般我们HVGA代表320x480像素,这个用的比较多.需要注意的是:当我们在XML布局

自定义圆角图片控件(Xfermode方式)

苹果都放弃自己的棱角了... 看惯了方方正正的图片,乍一看到圆角图片觉得挺漂亮的.可当满世界都是圆角图片的时候,我又开始怀念那些棱角了~之前仓促的写过一个,今天拿过来又修改了一下,现在贴在这里,以方便以后ctrl+c.ctrl+v~~~~~ 一.目标 自定义一个图片控件,有圆形和圆角两种选择.控件的行为和ImageView一致! 二.思路 扩展ImageView控件,重写其onDraw方法.一开始还想重写onMeasure方法,如果显示圆形图片强制宽高相等,没能行得通(代码中会说明).圆角图片以

IOS控件内容 对齐方式

四个容易混淆的属性: 1. textAligment : 文字的水平方向的对齐方式 1> 取值 NSTextAlignmentLeft      = 0,    // 左对齐 NSTextAlignmentCenter    = 1,    // 居中对齐 NSTextAlignmentRight    = 2,    // 右对齐 2> 哪些控件有这个属性 : 一般能够显示文字的控件都有这个属性 * UITextField * UILabel * UITextView 2. contentV

VS2017移动开发(C#、VB.NET)——Numeric控件的使用方式

Visual Studio 2017移动开发 控件介绍和使用方式:Numeric控件 Smobiler开发平台,.NET移动开发 一.          样式一 我们要实现上图中的效果,需要如下的操作: 从工具栏上的"Smobiler Components"拖动一个Numeric控件到窗体界面上 修改Numeric的属性 BackColor属性 设置控件的背景色,默认设置为"White",如图1: 图 1 若将该属性设置为"128, 255, 255&qu

tkinter控件的布局方式

在tkinter中控件布局的方法主要有三种: (1)pack布局 (2)grid布局 (3)place布局 pack布局采用块的方式组织控件,pack(options,......),options参数可以选择:side.fill.padx/pady.anchor等.21-设置三个标签,使用pack方法布局. from tkinter import * win=Tk() label1=Label(win,text="擎天柱" ,bg="blue") label2=L