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

来源：互联网发布：clover软件win10 编辑：程序博客网时间：2024/05/16 04:41

有不明白的地方欢迎入群 347636249 探讨

先贴效果图(主要部分)：

接着上一篇文章：Create a TabBar：http://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是基类中的一个虚方法，可被子类重写，这里做了一些业务上的处理故此设计

0 0