前往小程序,Get更优阅读体验!
立即前往
发布
社区首页 >专栏 >ToolBar控件在C#开发APP中的使用方式【附案例源码】——Smobiler移动开发平台

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

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

控件说明

底部工具栏控件。

效果演示

其他效果

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

特色属性

属性

属性说明

Direction(相对布局)

容器主轴方向。

Flex(相对布局)

比例因子。

Items

工具栏项集合。

SelectBackColor

选中后背景颜色。

SelectedIndex

默认选择项。

SelectForeColor

选中后字体颜色。

FontSize

字体大小。

ForeColor

字体颜色。

事件

事件

事件发生条件

ToolBarItemClick

工具栏项点击时发生。

控件使用

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

1. 设置工具栏数据

 2. 设置工具栏ToolBarItem消息数

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

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

    C#:

代码语言:javascript
代码运行次数:0
复制
        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中进行一次开发,同时支持Android、iOS两大操作系统。

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

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

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

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

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档