辛烷值测定仪,牛游戏网,历年存款利率表
uitabbarcontroller这个控制器绝对是项目架构时做常用的一个控件。
我们大致看下控件的效果，我们就知道为什么说他常见了。
这就是最简单的一个雏形，想必现在基本70%的应用界面结构都会是这样的。
在android中我们以activitygroup或是现在的fragment来实现，一个容器中包含多个子控制器。
下面我们还是以建立xib文件的形式来实现一个这样的整体布局的例子。
当然在 xcode中我们会发现其实直接有这么一个模板了
但是直接使用模板后会发现是直接在代码里实现了子布局得添加，由于我们不熟练，对于item，tabbar什么的图片文字自定义，一下子找不到代码里的api，
可能说用xib来实现可以看得比较明了。
据说以前直接有base_window模板，不过没关系，模板只是为了给我快速建立一个应用而已，我们这边手动的从最基础得开始
1.首先建立一个empty application
2.建立完后我们自定顶一个mainwindow.xib（当然，这个名字可以随意取，但是按照规范以及一种默认留下来的习惯），作为应用启动时加载的首个nib文件，
在新建xib文件你可以选择window也可以是empt什么，其实都差不多，我们这边选window模板得xib文件
3.然后我们其实是要把xxxappdelegate和这个xib文件连接起来。因此把.h文件定义成这样：
@interface nonoappdelegate : uiresponder <uiapplicationdelegate>
{
uiwindow *window;
uitabbarcontroller *tabtarcontroller;
}
@property (retain, nonatomic) iboutlet uiwindow *window;//该控件模板生成是不带iboutlet的，但是我们为了xib文件布局得统一性，将其也作为一个输出口和在mainxib中连接起来可以
@property (retain, nonatomic) iboutlet uitabbarcontroller *tabtarcontroller;
@end
5.好了，那么我们在object下的添加一个delegate的对象，操作很简单，在右侧控件组中
拖一个这样得对象到xib下得object标签下，
然后我们来自定这个对象，根据上面所知，我们大致可以知道我们需要一个类似于delegate类得对象，对了
我们的appdelegate不就刚好是这么一个东西么。于是很自然的，选中这个object然后在右侧属性栏将custom class设置成nonoappdelagate。
然后点击file's owner将其输出口delegate和我们刚放上去的nonoappdelagate链接起来。
6.设置完以上后，我们可以点击object下得xxxappdelegate，然后看右边属性栏的 outlets，对了，我们刚在该文件得.h中申明过两个输出口，此刻我们是
要创建两个这样的对象然后将其连接起来。window这时已经有了，还少个uitabbarcontroller。那么我们从右边拖个过来咯
然后输出口和对象链接起来。
此刻，最基本的tabbarcontroller布局框架就ok了，此刻的xib文件如下图
然后我们打开appdelegate.m进行实现和修改
@implementation nonoappdelegate
@synthesize window ;
@synthesize tabtarcontroller ;
- (void)dealloc
{
[self.window release];
[self.tabtarcontroller release];
[super dealloc];
}
- (bool)application:(uiapplication *)application didfinishlaunchingwithoptions:(nsdictionary *)launchoptions
{
// self.window = [[[uiwindow alloc] initwithframe:[[uiscreen mainscreen] bounds]] autorelease];
// override point for customization after application launch.
self.window.backgroundcolor = [uicolor whitecolor];
self.window.rootviewcontroller = self.tabtarcontroller;
[self.window makekeyandvisible];
return yes;
}
这个具体你可以去看上一篇中提到过ios应用启动内容，有个不错得博文给了很好得一个解释。
此刻我们可以将main.h代码稍微修改下
#import "nonoappdelegate.h"
int main(int argc, char *argv[])
{
@autoreleasepool {
return uiapplicationmain(argc, argv, nil, nil);
}
}
7.好了。最基本得tabbar界面完成，接下来是往里面添加子控制器。
首先我们来熟悉下uitabbarcontroller这个控件：
从界面我们可以推测出，该控件里面大致上有什么东西：
1>.应该有个类似于管理一组子控件的东西吧。
2>界面下面切换得切换条吧 tabbar
3>当然还回发现有个delegate这样得东西，就是代理对象么。
当然上面是在代码中，我们得到这些属性，做相应得操作。
在xib文件里可能说看上去会比较直观
1>tab bar里面放的是由一个或是多个tabbaritem组成的数组，每个itm对应一个viewcontroller。
2>下面的 first，second等等就是每个item对应 的controller，这里也要注意一点，默认的我们我们拖进去一个
tabbaritem，一般我们会设置对应得xxxcontroller.xib文件
之后还需将custom class改成对应xxxxcontroller类，因为默认的类是uiviewcontroller。这会在应用启动后报错的。
3>tabbaritem中可以设置title ，系统默认的几种图标，还有是自定义图标，以及badgevalue，就是上面标签上每个红色的值，
这个比android上先见之明多了呵呵。
4> 当底部的按钮超过5个时，系统会自动增加一个more按钮，点击more后，剩余的按钮会被显示出来。
8.uitabbarcontroller左右滑动切换标签页
每个tabbar viewcontroller都要添加如下代码，建议在基类中添加：
[swipeleft setdirection:uiswipegesturerecognizerdirectionleft];
[self.view addgesturerecognizer:swipeleft];
uiswipegesturerecognizer *swiperight = [[uiswipegesturerecognizer alloc] initwithtarget:self action:@selector(tappedleftbutton:)];
[swiperight setdirection:uiswipegesturerecognizerdirectionright];
[self.view addgesturerecognizer:swiperight];
再添加2个函数，包含切换动画效果：
{
nsuinteger selectedindex = [self.tabbarcontroller selectedindex];
nsarray *aryviewcontroller = self.tabbarcontroller.viewcontrollers;
if (selectedindex < aryviewcontroller.count - 1) {
uiview *fromview = [self.tabbarcontroller.selectedviewcontroller view];
uiview *toview = [[self.tabbarcontroller.viewcontrollers objectatindex:selectedindex + 1] view];
[uiview transitionfromview:fromview toview:toview duration:0.5f options:uiviewanimationoptiontransitionflipfromright completion:^(bool finished) {
if (finished) {
[self.tabbarcontroller setselectedindex:selectedindex + 1];
}
}];
}
}
{
nsuinteger selectedindex = [self.tabbarcontroller selectedindex];
if (selectedindex > 0) {
uiview *fromview = [self.tabbarcontroller.selectedviewcontroller view];
uiview *toview = [[self.tabbarcontroller.viewcontrollers objectatindex:selectedindex - 1] view];
[uiview transitionfromview:fromview toview:toview duration:0.5f options:uiviewanimationoptiontransitionflipfromleft completion:^(bool finished) {
if (finished) {
[self.tabbarcontroller setselectedindex:selectedindex - 1];
}
}];
}
}
如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复
我要评论
网友评论