Smobiler Tutorials

• SmobilerTutorials.sln 对应6.0版本
• 也可前往Gitee码云获取源码，https://gitee.com/smobiler/SmobilerTutorials

快速入门 - 环境搭建

服务端

• 操作系统：Windows XP SP2及以上版本
• 开发环境：.NET Framework 4.5及以上版本
• 开发工具：Visual Studio 2010及以上版本
• 打开电脑上的浏览器，访问 https://www.smobiler.com/download.html ，并选择Designer，下载并安装。

客户端

• Android 4.4 及以上版本
  • 打开Android手机上的任意浏览器，访问 https://www.smobiler.com ，点击Smobiler进行下载，下载完成后点击安装
• IOS 9.0 以上版本
  • 打开IOS上的safari浏览器，访问 https://www.smobiler.com ，点击Smobiler进行下载
  • 安装完成后，需要在苹果手机上信任开发证书，详见：https://www.smobiler.com/forum.php?mod=viewthread&tid=10

开发第一个示例应用

• 可参考：
  • https://www.smobiler.com/guide/quickstart.aspx
  • https://www.cnblogs.com/oudi/p/8288617.html

控件介绍

Smobiler继承结构

• MobileControl【控件，有UI，可展示】
  • MobileBindableControl【所有可做数据绑定的控件基类】
    • Button、Label、TextBox、Image...
  • SegmentedControl、WebView、MapTagView、Line...
  • MobileNativeControl【插件基类】
    • PDFView、ProgressView、MapView...
  • MobileLayoutControl【布局控件基类】
    • ListView、GridView、ListMenuView...
    • MobileContainerControl【容器控件基类】
      • Panel、SwipeView、TabPageView...
      • MobileParentControl【父控件基类】
        • MobileForm【窗体】
        • MobileUserControl【用户控件】
      • MobileNativeContainerControl【插件容器控件基类】
        • PercentageCircle
• MobileComponent【组件，没有UI，功能性】
  • Camera、GPS...
  • WeiXin、AliPay、FingerPrint...

---

MobileControl

基础控件

名称	说明	名称	说明
Button	按钮控件	Label	文本控件
TextBox	输入框控件	CheckBox	单选控件
Swith	开关控件	Image	图像控件
FontIcon	图标控件	ZoomImage	缩放图像控件
Line	线条控件	Slider	滚动条控件
DatePicker	日期选择控件	Calendar	日历控件
Picker	元素选择控件	Progress	进度条控件
Spinner	下拉列表控件	SegmentedControl	单元控件
WebView	浏览器控件	MapTagView	地理位置标签控件
BarcodeView	条码控件

MobileContainerControl 容器控件

• Panel
  • TouchablePanel
  • ScrollablePanel
• TabPageView
• SwipeView

MobileParentControl 父控件

• MobileForm
• MobileUserControl

MobileLayoutControl 模板控件

• ListView
• GridView
• PageView

MobileComponent 组件

名称	说明	名称	说明
Camera	相机组件	BarCodeScanner	条码扫描组件
VoiceRecorder	录音组件	GPS	定位组件
Timer	计时器组件

图表控件 Chart

名称	说明	名称	说明
LineChart	线状图表	BarChart	柱状图表
PieChart	饼状图表	BubbleChart	气泡图表
RadarChart	雷达图	ScatterChart	散点图
CandleStickChart	K线图

Client

---

Controls

名称	说明	名称	说明
AlbumView	相册控件	IconMenuView	图标菜单控件
ImageButton	图片按钮	ImageEx	扩展图像控件
ListMenuView	列表菜单控件	NodeView	节点控件
Numeric	数量控件	PopList	列表选择控件
RadioGroup	选项按钮组控件	RatingBar	评价控件
TableView	表格控件	Title	标题栏控件
ToolBar	工具栏	TreeView	树形菜单控件

---

Plugins

名称	说明	名称	说明
AliPay	相册控件	AutoCompleteTextBox	图标菜单控件
CalenderStrip	图片按钮	DropdownAert	扩展图像控件
FingerPrint	列表菜单控件	HighLightLabel	节点控件
IM	数量控件	LiveStreamPlayer	列表选择控件
MapRoute	选项按钮组控件	MapTrimView	评价控件
MapView	表格控件	MarqueeLabel	标题栏控件
MediaView	工具栏	PDFView	树形菜单控件
PercentageCircle	工具栏	ProgressView	树形菜单控件
PulseLoader	工具栏	SignatureView	树形菜单控件
SwitchSelector	工具栏	TextBoxField	树形菜单控件
WeiXin	工具栏

---

Devices