有不明白的地方欢迎入群 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是基类中的一个虚方法,可被子类重写,这里做了一些业务上的处理故此设计