欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2024-01-16 15:57:59
控件说明 底部工具栏控件。 效果演示 其他效果 该界面为仿淘宝UI制作的一个简单的UI模板,源码获取方式请拉至文章末尾。 特色属性 属性 属性说明 Direction(相对布局) 容器主轴方向。 Flex(相对布局) 比例因子。 Items 工具栏项集合。 SelectBackColor 选中后背景 ......

控件说明

底部工具栏控件。

效果演示

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

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

 


 其他效果

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

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

 

特色属性

属性

属性说明

direction(相对布局)

容器主轴方向。

flex(相对布局)

比例因子。

items

工具栏项集合。

selectbackcolor

选中后背景颜色。

selectedindex

默认选择项。

selectforecolor

选中后字体颜色。

fontsize

字体大小。

forecolor

字体颜色。

事件

事件

事件发生条件

toolbaritemclick

工具栏项点击时发生。

控件使用

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

1. 设置工具栏数据

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

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


 2. 设置工具栏toolbaritem消息数

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

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

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

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

    c#:

        private void toolbar1_toolbaritemclick(object sender, toolbarclickeventargs e)

        {

            switch(e.name)

            {

                case "work":    //按钮名称

                break;

            }

        }

 

       

       

 

仿淘宝ui的源码

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

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

源码地址:

smobiler designer地址:

该toolbar部分的代码在ui demo中 mainmenu.cs

产品原型图:

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

 

--------------------------end--------------------------

 

smobiler是一款基于.net的app开发平台,只需要visual studio中进行一次开发,同时支持android、ios两大操作系统。

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

smobiler—石磨科技

qq技术支持群:308522976