mono touch创建TabBar全视图切换选项卡

先贴效果图(主要部分):mono touch创建TabBar全视图切换选项卡

接着上一篇文章:Create a TabBarhttp://blog.csdn.net/joyhen/article/details/17141809

先贴主要代码:

private UIViewController[] tabs;

protected void ShowTabBarController ()
        {
            var firstAttributes = new UITextAttributes {
                TextColor = UIColor.Red,
                Font = UIFont.SystemFontOfSize (12f)
            };

            tabs = new UIViewController[liststr.GetUpperBound (0) + 1];
            for (int i = 0; i <= liststr.GetUpperBound (0); i++) {
                UIViewController tb = new UIViewController ();
                tb.View = GetVC (i)//判断获取对应的视图
                tb.View.BackgroundColor = UIColor.FromRGB (234, 231, 229);
                tb.TabBarItem = new UITabBarItem (liststr [i, 0], UIImage.FromFile (ImagePath + liststr [i, 1]), i);
                tb.TabBarItem.SelectedImage = UIImage.FromFile (ImagePath + liststr [i, 2]);
                tabs [i] = tb;
            }

            this.ViewControllers = tabs;
            this.TabBar.BackgroundImage = UIImage.FromFile (ImagePath + "tabbottombg.png");
            this.TabBar.Items.ToList ().ForEach (x => {
                x.TitlePositionAdjustment = new UIOffset (0, -5); //设置偏移
                x.SetTitleTextAttributes (firstAttributes, UIControlState.Selected); //设置对应状态下的标题样式
            });

            this.ViewControllerSelected += delegate(object sender, UITabBarSelectionEventArgs e) {
                ((BaseView)e.ViewController.View).ShowViewData ();
            };
        }

下面说说关键的几个地方:

1.偏移,通过TitlePositionAdjustment属性来定位,如上代码,如果不设置偏移(定位)则tab上的标题会被背景图

片的线条横穿(当然图片位于字体下面,只是看着效果不好),所以做适当的调整;

2.设置tab选项卡上的字体颜色。不像UIButton,UILable等一般控件那样,可以直接通过UIColor属性来设置,tabbar时没有这个属性直接设置的,它

需要通过SetTitleTextAttributes来处理,注意它的第二个参数,是设置当前选项卡的状态,Selected表示选中的时候,也就是说firstAttributes属性

集合是添加到选项卡选中状态的。

3.ViewControllerSelected事件,如果在切换选项卡的时候,需要将对应的选项卡视图重绘(或者重新加载某些数据),可通过此方法来处理。

默认情况下,不添加此事件处理,选项卡的视图状态维持上一个ViewDidLoad的呈现。

4.BaseView是视图(UIView的基类),ShowViewData是基类中的一个虚方法,可被子类重写,这里做了一些业务上的处理故此设计

mono touch创建TabBar全视图切换选项卡

上一篇:机器学习理论与实战(十七)概率图模型05(极家族函数的引入)


下一篇:一个有点tricky的死循环(Endless Loop)BUG