C#開發APP,ToolBar控件在Smobiler中的使用方式【附案例源碼】——Smobiler移動開發平臺

控件說明php

底部工具欄控件。html

效果演示工具

  

 


 其餘效果
佈局

該界面爲仿淘寶UI製做的一個簡單的UI模板,源碼獲取方式請拉至文章末尾。字體

 

特點屬性spa

屬性操作系統

屬性說明3d

Direction(相對佈局)code

容器主軸方向。htm

Flex(相對佈局)

比例因子。

Items

工具欄項集合。

SelectBackColor

選中後背景顏色。

SelectedIndex

默認選擇項。

SelectForeColor

選中後字體顏色。

FontSize

字體大小。

ForeColor

字體顏色。

事件

事件

事件發生條件

ToolBarItemClick

工具欄項點擊時發生。

控件使用

下文的教學內容僅針對【效果演示】中的例子

1. 設置工具欄數據


 2. 設置工具欄ToolBarItem消息數

3. 設置默認選中項、選中項背景色和文字顏色

 

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。

源碼地址: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兩大操做系統。

 

Smobiler—石磨科技

QQ技術支持羣:308522976

相關文章
相關標籤/搜索