.Net语言 APP开发平台——Smobiler学习日志:如何快速实现按钮组功能
最前面的话:Smobiler是一个在VS环境中使用.Net语言来开发APP的开发平台,也许比Xamarin更方便
一、目标样式
我们要实现上图中的效果,需要如下的操作:
1.从工具栏上的“Smobiler Components”拖动一个ButtonGroup控件到窗体界面上
2.修改ButtonGroup控件的属性
a.AllowEdit属性
获取或设置是否支持长按控件进入编辑模式,将该属性设置为“True”,如图1;
在该属性为为“True”时,且Buttons属性中的Edit属性为“True”,才能实现长按控件进入编辑模式,即支持删除按钮
b.Buttons属性
打开集合编辑器,并点击"添加",Edit属性(是否支持编辑),Selected属性(是否选中),Text属性(子按钮文本),Value属性(内部值,不在界面上显示),如图2、图3;
c.ButtonStyle属性
其中包括BorderRadius属性(控件边框角度)、BackColor属性(控件背景色)、ForeColor属性(控件文本颜色)、BorderColor属性(控件边框颜色)、SelectBackColor属性(控件选择状态背景色)、SelectForeColor属性(控件选择状态文本颜色)和SelectBorderColor属性(控件选择状态边框颜色),如图4;
图1 | 图2 | 图3 | 图4 |
将BorderRadius属性设置为“10”,如图5;
将BackColor属性设置为“White”,如图6;
将ForeColor属性设置为“102, 102, 102”,表示RGB颜色,如图7;
将BorderColor属性设置为“234, 234, 234”,表示RGB颜色,如图8;
图5 | 图6 | 图7 | 图8 |
将SelectBackColor属性设置为“255, 245, 233”,表示RGB颜色,如图9;
将SelectForeColor属性设置为“251, 104, 65”,表示RGB颜色,如图10;
将SelectBorderColor属性设置为“251, 104, 65”,表示RGB颜色,如图11;
d.FontSize属性
设置控件字体大小,将该属性设置为"13",则该控件的字体大小为13,如图12;
图9 | 图10 | 图11 | 图12 |
e.Location属性
让控件显示在合适的位置,如图13;
f.RowButtonCount属性
设置单行中按钮的数量,该属性默认设置为“0”,如图14;
当该属性设置为“0”时,控件会根据当前Button的内容自动设置Button的大小,当该属性设置大于“0”时,每行固定显示RowButtonCount指定的数量。
g.Size属性
设置控件的宽度和高度,将该属性设置为(300, 73),如图15;
h.MultiSelect属性
设置控件是否支持多选,默认设置为“True”,即支持多选,如图16;
若将该属性设置为“False”,即只支持单选功能;
图13 | 图14 | 图15 | 图16 |
二、手机效果显示
.Net语言 APP开发平台——Smobiler学习日志:如何快速实现按钮组功能的更多相关文章
- .Net语言 APP开发平台——Smobiler学习日志:快速实现应用中的图片、声音等文件上传功能
最前面的话:Smobiler是一个在VS环境中使用.Net语言来开发APP的开发平台,也许比Xamarin更方便 样式一 一.目标样式 我们要实现上图中的效果,需要如下的操作: 1.从工具栏上的&qu ...
- .Net语言 APP开发平台——Smobiler学习日志:快速实现手机上的图片上传功能
最前面的话:Smobiler是一个在VS环境中使用.Net语言来开发APP的开发平台,也许比Xamarin更方便 一.目标样式 我们要实现上图中的效果,需要如下的操作: 1.从工具栏上的"S ...
- .Net语言 APP开发平台——Smobiler学习日志:快速在手机上实现n×m形式的菜单(IconMenuView)
最前面的话:Smobiler是一个在VS环境中使用.Net语言来开发APP的开发平台,也许比Xamarin更方便 一.目标样式 我们要实现上图中的效果,需要如下的操作: 1.从工具栏上的"S ...
- .Net语言 APP开发平台——Smobiler学习日志:手机应用的TextTabBar快速实现方式
参考页面: http://www.yuanjiaocheng.net/webapi/create-crud-api-1-put.html http://www.yuanjiaocheng.net/we ...
- .Net语言 APP开发平台——Smobiler学习日志:如何快速在手机上实现ContextMenu
最前面的话:Smobiler是一个在VS环境中使用.Net语言来开发APP的开发平台,也许比Xamarin更方便 样式一 一.目标样式 我们要实现上图中的效果,需要如下的操作: 1.从工具栏上的&qu ...
- .Net语言 APP开发平台——Smobiler学习日志:如何快速实现地图定位时的地点微调功能
Smobiler是一个在VS环境中使用.Net语言来开发APP的开发平台,也许比Xamarin更方便 样式一 一.目标样式 我们要实现上图中的效果,需要如下的操作: 二.地点微调代码 VB: Dim ...
- .Net语言 APP开发平台——Smobiler学习日志:如何实现快速跳转网页
Smobiler是一个在VS环境中使用.Net语言来开发APP的开发平台,也许比Xamarin更方便 样式一 一.跳转网页代码(Button的Click事件) Private Sub Button1_ ...
- .Net语言 APP开发平台——Smobiler学习日志:如何快速实现类似于微信的悬浮显示二维码效果
最前面的话:Smobiler是一个在VS环境中使用.Net语言来开发APP的开发平台,也许比Xamarin更方便 样式一 一.目标样式 我们要实现上图中的效果,需要如下的操作: 1.从工具栏上的&qu ...
- .Net语言 APP开发平台——Smobiler学习日志:如何快速实现快递信息流的效果
最前面的话:Smobiler是一个在VS环境中使用.Net语言来开发APP的开发平台,也许比Xamarin更方便 样式一 一.目标样式 我们要实现上图中的效果,需要如下的操作: 1.从工具栏上的&qu ...
- .Net语言 APP开发平台——Smobiler学习日志:如何实现离线声音文件上传
最前面的话:Smobiler是一个在VS环境中使用.Net语言来开发APP的开发平台,也许比Xamarin更方便 一.目标样式 我们要实现上图中的效果,需要如下的操作: 1.从工具栏上的"S ...
随机推荐
- angular.isUndefined()
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...
- ubuntu下安装pandas出现 compile failed with error code 1 in /tmp/pip_build_hadoop/pandas
都是用pip装的,是不是应该用apt-get 装的呀 ubuntu下安装pandas (出现 compile failed with error code 1 in /tmp/pip_build_ha ...
- CSS-默认padding 和 margin
一.h1~h6标签:有默认margin(top,bottom且相同)值,没有默认padding值. 在chrome中:16,15,14,16,17,19; 在firefox中:16,15,14,16, ...
- html+css手机端自动适应
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scal ...
- IIS集中化管理与编程REST API
目录 一. 简介.... 1 二. 安装.... 1 三. IIS Administration配置文件.... 2 四. Web UI管理界面.... ...
- Android 音视频开发(四):使用 Camera API 采集视频数据
本文主要将的是:使用 Camera API 采集视频数据并保存到文件,分别使用 SurfaceView.TextureView 来预览 Camera 数据,取到 NV21 的数据回调. 注: 需要权限 ...
- ansible基础-roles
一 简介 注:本文demo使用ansible2.7稳定版 在我看来,role是task文件.变量文件.handlers文件的集合体,这个集合体的显著特点是:可移植性和可重复执行性. 实践中,通常我们以 ...
- [Swift]LeetCode101. 对称二叉树 | Symmetric Tree
Given a binary tree, check whether it is a mirror of itself (ie, symmetric around its center). For e ...
- [Swift]LeetCode328. 奇偶链表 | Odd Even Linked List
Given a singly linked list, group all odd nodes together followed by the even nodes. Please note her ...
- PHP算法之冒泡排序
//冒泡排序 //①思路,先比较出第一次,找一个最大的值,排到最后; //②重复count遍之后,就能得到排序; //③优化,每一次循环之后不需要再次全部重复; $array = [11,5,4,58 ...