Smobiler APP开发----ToolBar和TabPageView组合使用

  今天就学习一下如何通过ToolBar和TabPageView组合使用实现通过点击标题栏实现界面转换。

  官方给ToolBar一个事件回调:

 Smobiler APP开发----ToolBar和TabPageView组合使用

 

 

 官方给TabPageView一个回调事件:

  Smobiler APP开发----ToolBar和TabPageView组合使用

 

 

     由于是我们通过点击ToolBar标题栏实现页面转换,所以这里我们只需要给ToolBar添加ToolBarItemClick事件即可。而TabPageView可以不用添加PageIndexChanged的事件,我们可以通过改变ToolBar的标题栏来动态改变TabPageView的页数。

  ToolBar添加ToolBarItemClick事件:

Smobiler APP开发----ToolBar和TabPageView组合使用

 

代码:

 this.toolBar1.ToolbarItemClick += new Smobiler.Core.Controls.ToolbarItemClickEventHandler(this.toolBar_ToolbarItemClick);

 

 回调方法:

Smobiler APP开发----ToolBar和TabPageView组合使用

 

 

 代码:

 private void toolBar_ToolbarItemClick(object sender, ToolbarClickEventArgs e)
        {
            if (toolBar1.SelectedIndex != tabPageView1.PageIndex)
            {
                switch (e.Name)
                {
                    case "首页":
                        tabPageView1.PageIndex = 0;
                        break;
                    case "财务":
                        tabPageView1.PageIndex = 1;
                        break;
                    case "审批":
                         tabPageView1.PageIndex = 2;
                        break;
                    case "我的":
                         tabPageView1.PageIndex = 3;
                        break;                  
                }
            }
        }

新建4个页面:

Smobiler APP开发----ToolBar和TabPageView组合使用

 

 动态给TabPageView添加页数:

  加载所有组件后,首先要添加页面:

  Smobiler APP开发----ToolBar和TabPageView组合使用

 

 代码:

this.Load += new System.EventHandler(this.SmobilerMain_Load);

回调方法:

 private void SmobilerMain_Load(object sender, EventArgs e)
        {
            Demo.Demo1Control demo1 = new Demo.Demo1Control() { Dock = System.Windows.Forms.DockStyle.Fill }; 
            tabPageView1.Controls.Add(demo1);
            Demo.Demo2Control demo2 = new Demo.Demo2Control() { Dock = System.Windows.Forms.DockStyle.Fill }; 
            tabPageView1.Controls.Add(demo2);

            Demo.Demo3Control demo3 = new Demo.Demo3Control() { Dock = System.Windows.Forms.DockStyle.Fill }; 
            tabPageView1.Controls.Add(demo3);
            Demo.Demo4Control demo4 = new Demo.Demo4Control() { Dock = System.Windows.Forms.DockStyle.Fill }; 
            tabPageView1.Controls.Add(demo4);
           
            toolBar1.SelectedIndex = 0;
        }

运行,看实现效果:

 

Smobiler APP开发----ToolBar和TabPageView组合使用

这里菜单栏已经做完了。下一篇就说一下下拉框如何使用。

上一篇:转载:Android M新控件之AppBarLayout,NavigationView,CoordinatorLayout,CollapsingToolbarLayout的使用


下一篇:【Android学习】ToolBar使用