Loading [MathJax]/jax/output/CommonHTML/config.js
前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >ToolBar控件在C#开发APP中的使用方式【附案例源码】——Smobiler移动开发平台

ToolBar控件在C#开发APP中的使用方式【附案例源码】——Smobiler移动开发平台

作者头像
Amanda.li
发布于 2019-02-26 05:02:13
发布于 2019-02-26 05:02:13
1.4K00
代码可运行
举报
文章被收录于专栏:.Net移动开发.Net移动开发
运行总次数:0
代码可运行

控件说明

底部工具栏控件。

效果演示

其他效果

该界面为仿淘宝UI制作的一个简单的UI模板,源码获取方式请拉至文章末尾。

特色属性

属性

属性说明

Direction(相对布局)

容器主轴方向。

Flex(相对布局)

比例因子。

Items

工具栏项集合。

SelectBackColor

选中后背景颜色。

SelectedIndex

默认选择项。

SelectForeColor

选中后字体颜色。

FontSize

字体大小。

ForeColor

字体颜色。

事件

事件

事件发生条件

ToolBarItemClick

工具栏项点击时发生。

控件使用

下文的教学内容仅针对【效果演示】中的例子

1. 设置工具栏数据

 2. 设置工具栏ToolBarItem消息数

3. 设置默认选中项、选中项背景色和文字颜色

4. 在事件中,用e.Name判断当前点击按钮,来进行对应操作

    C#:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
        private void toolBar1_ToolbarItemClick(object sender, ToolbarClickEventArgs e)

        {

            switch(e.Name)

            {

                case "Work":    //按钮名称

                break;

            }

        }

仿淘宝UI的源码

该源码通过基于.NET的Smobiler移动开发平台开发完成,该源码适用Smobiler用户。

如果你刚接触smobiler,在打开该源码前,需安装smobiler designer至visual studio

源码地址:https://www.smobiler.com/forum.php?mod=viewthread&tid=11702

Smobiler designer地址:https://www.smobiler.com/download.html

该toolbar部分的代码在UI Demo中 MainMenu.cs

产品原型图:

--------------------------END--------------------------

Smobiler是一款基于.NET的APP开发平台,只需要Visual Studio中进行一次开发,同时支持AndroidiOS两大操作系统。

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2019-01-16 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
.Net语言 APP开发平台——Smobiler学习日志:如何快速实现按钮组功能
最前面的话:Smobiler是一个在VS环境中使用.Net语言来开发APP的开发平台,也许比Xamarin更方便
Amanda.li
2018/08/30
9350
VisualStudio移动开发(C#、VB.NET)Smobiler开发平台——ImageTabBar控件的使用方式
获得和设置标签栏单元集合,打开集合编辑器,并点击“添加”,分别填写ImageResourceID(菜单项图片名称),SelectImageResourceID(菜单项选择状态图片名称),Text(菜单项文本),Value(内部值,不在界面上显示),如图 3、图 4;
Amanda.li
2018/08/30
4060
VisualStudio移动开发(C#、VB.NET)Smobiler开发平台——ImageTabBar控件的使用方式
.Net语言 APP开发平台——Smobiler学习日志:手机应用的TextTabBar快速实现方式
设置控件字体的颜色,将该属性设置为“95, 100, 110”,表示RGB颜色,如图2;
Amanda.li
2018/08/30
5760
.NET(c#) 移动APP开发平台 – Smobiler(1)
如果说基于.net的移动开发平台,目前比较流行的可能是xamarin了,不过除了这个,还有一个比xamarin更好用的国内的.net移动开发平台,smobiler,不用学习另外一套开发模式或者搭建复杂的开发环境,smobiler能够让大家像开发传统windows一样去开发移动应用,那么列举一下这个平台的特点。
全栈程序员站长
2022/08/23
3.3K0
.NET(c#) 移动APP开发平台 – Smobiler(1)
Smobiler 4.4已正式发布!(Smobiler能让你在Visual Studio上开发APP)
Smobiler 4.4已经正式发布,还不快来看看? 原文地址:https://www.smobiler.com/portal.php?mod=view&aid=53 这次更新要感谢我们的用户,在使用
Amanda.li
2018/08/30
2K0
Smobiler 4.4已正式发布!(Smobiler能让你在Visual Studio上开发APP)
.NET(C#、VB)移动开发——Smobiler平台控件介绍:TextTabBar控件
获得和设置标签栏单元集合,打开集合编辑器,并点击“添加”,分别填写Text(菜单项文本),Value(内部值,不在界面上显示),如图 7、图 8;
Amanda.li
2018/08/30
6130
.NET(C#、VB)移动开发——Smobiler平台控件介绍:TextTabBar控件
.Net语言 APP开发平台——Smobiler学习日志:实现手机上常见的ListMenuView
打开集合编辑器,并点击“添加”,ID属性(用于标识菜单组),Items属性(菜单项集合),Title属性(菜单组文本),Value属性(菜单组值),如图1、图2
Amanda.li
2018/08/30
6750
.Net语言 APP开发平台——Smobiler学习日志:用MenuView控件仿钉钉APP的首页菜单
打开集合编辑器,并点击“添加”,ID属性(用于标识菜单组),Items属性(菜单项集合),Title属性(菜单组文本),Value属性(菜单组值),如图1、图2
Amanda.li
2018/08/30
7950
MobileForm控件的使用方式----用.NET(C#)开发APP的学习日志
今天继续Smobiler开发APP的学习日志,这次是做一个title、toolbar、侧边栏三种效果
Amanda.li
2019/04/15
6400
MobileForm控件的使用方式----用.NET(C#)开发APP的学习日志
.Net移动开发平台 ,基于VisualStudio的可视化开发——Smobiler平台入门教程
通过以下步骤,可以简单了解到如何下载Smobiler Designer(设计器)、Client(客户端),以及如何通过设计器进行开发和调试移动应用,并在服务端部署、Cloud打包、访问您所开发的移动应用。
Amanda.li
2018/08/30
2.5K0
.Net移动开发平台 ,基于VisualStudio的可视化开发——Smobiler平台入门教程
用VS2017进行移动开发(C#、VB.NET)——Progress控件,Smobiler移动开发
该属性默认设置为“255”,即不透明;若将该属性设置为“0”,该控件的背景色即为全透明的,显示为Smobiler窗体设计界面的背景色。
Amanda.li
2018/08/30
1.4K0
用VS2017进行移动开发(C#、VB.NET)——Progress控件,Smobiler移动开发
Smobiler 4.4 更新预告 Part 1(Smobiler能让你在Visual Studio上开发APP)
在4.4版本中,大家对产品优化的一些建议和意见进行了相应的优化和修复,同时,还新增了一些令人激动的功能和插件。
Amanda.li
2018/08/30
6150
Smobiler 4.4 更新预告 Part 1(Smobiler能让你在Visual Studio上开发APP)
.Net语言 APP开发平台——Smobiler学习日志:快速在手机上实现n×m形式的菜单(IconMenuView)
打开集合编辑器,并点击“添加”,ID属性(用于标识菜单组),Items属性(菜单项集合),Title属性(菜单组文本),Value属性(菜单组值),如图1、图2
Amanda.li
2018/08/30
8120
VisualStudio移动开发(C#、VB.NET)Smobiler开发平台——AlbumView相册控件的使用方式
获取或设置获取图像模式,默认设置为“File”, 表示直接从文件中读取图像,如图 4;
Amanda.li
2018/08/30
5510
VisualStudio移动开发(C#、VB.NET)Smobiler开发平台——AlbumView相册控件的使用方式
.Net语言 APP开发平台——Smobiler学习日志:如何在手机上实现电子签名功能
设置控件的背景色,将该属性设置为“128, 255, 128”,表示RGB颜色,如图1;
Amanda.li
2018/08/30
1.2K0
.Net语言 APP开发平台——Smobiler学习日志:如何在手机上实现电子签名功能
.NET(C#)能开发出什么样的APP?盘点那些通过Smobiler开发的移动应用
.NET程序员一定最熟悉所见即所得式开发,熟悉的Visual Studio开发界面,熟悉的C#代码。
Amanda.li
2018/10/11
2.2K0
.NET(C#)能开发出什么样的APP?盘点那些通过Smobiler开发的移动应用
VisualStudio移动开发(C#、VB.NET)Smobiler开发平台——BarcodeView控件的使用方式,.Net移动开发
      设置控件类型,将BarcodeFormat属性设置为“QRCode”,让控件显示为二维码,如图1;
Amanda.li
2018/08/30
8080
VisualStudio移动开发(C#、VB.NET)Smobiler开发平台——BarcodeView控件的使用方式,.Net移动开发
用VS2017进行移动开发(C#、VB.NET)——OfflineCameraButton控件,Smobiler移动开发
若将该属性设置为“0”,该控件的背景色即为全透明的,显示为Smobiler窗体设计界面的背景色。
Amanda.li
2018/08/30
9930
用VS2017进行移动开发(C#、VB.NET)——OfflineCameraButton控件,Smobiler移动开发
.NET(C#、VB)APP开发——Smobiler平台控件介绍:SignatureButton控件
设置一个值,该值指示在GobileView中,当Visible指定的属性值为空时,当前单元格是否显示控件,并调整GridView中单元格的大小。默认属性设置为“False”,如图1;
Amanda.li
2019/04/28
9010
.Net语言 APP开发平台——Smobiler学习日志:如何快速实现快递信息流的效果
设置NodeViewItem背景色的透明度,将该属性设置为“0”,即背景全透明,如图2;
Amanda.li
2018/08/30
6120
推荐阅读
.Net语言 APP开发平台——Smobiler学习日志:如何快速实现按钮组功能
9350
VisualStudio移动开发(C#、VB.NET)Smobiler开发平台——ImageTabBar控件的使用方式
4060
.Net语言 APP开发平台——Smobiler学习日志:手机应用的TextTabBar快速实现方式
5760
.NET(c#) 移动APP开发平台 – Smobiler(1)
3.3K0
Smobiler 4.4已正式发布!(Smobiler能让你在Visual Studio上开发APP)
2K0
.NET(C#、VB)移动开发——Smobiler平台控件介绍:TextTabBar控件
6130
.Net语言 APP开发平台——Smobiler学习日志:实现手机上常见的ListMenuView
6750
.Net语言 APP开发平台——Smobiler学习日志:用MenuView控件仿钉钉APP的首页菜单
7950
MobileForm控件的使用方式----用.NET(C#)开发APP的学习日志
6400
.Net移动开发平台 ,基于VisualStudio的可视化开发——Smobiler平台入门教程
2.5K0
用VS2017进行移动开发(C#、VB.NET)——Progress控件,Smobiler移动开发
1.4K0
Smobiler 4.4 更新预告 Part 1(Smobiler能让你在Visual Studio上开发APP)
6150
.Net语言 APP开发平台——Smobiler学习日志:快速在手机上实现n×m形式的菜单(IconMenuView)
8120
VisualStudio移动开发(C#、VB.NET)Smobiler开发平台——AlbumView相册控件的使用方式
5510
.Net语言 APP开发平台——Smobiler学习日志:如何在手机上实现电子签名功能
1.2K0
.NET(C#)能开发出什么样的APP?盘点那些通过Smobiler开发的移动应用
2.2K0
VisualStudio移动开发(C#、VB.NET)Smobiler开发平台——BarcodeView控件的使用方式,.Net移动开发
8080
用VS2017进行移动开发(C#、VB.NET)——OfflineCameraButton控件,Smobiler移动开发
9930
.NET(C#、VB)APP开发——Smobiler平台控件介绍:SignatureButton控件
9010
.Net语言 APP开发平台——Smobiler学习日志:如何快速实现快递信息流的效果
6120
相关推荐
.Net语言 APP开发平台——Smobiler学习日志:如何快速实现按钮组功能
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
本文部分代码块支持一键运行,欢迎体验
本文部分代码块支持一键运行,欢迎体验