IOS Multipage(多页面)程序开发，UITabBarController

1、效果图

效果图下分“消息”、“聊天”、“监控”、“设置” 4个Tab页

2、类定义

首先定义ViewController，继承至UITabBarController

    #import <UIKit/UIKit.h>

    @interface ViewController : UITabBarController
    @end

3、类实现

@implementation ViewController</p>

- (void)viewDidLoad {
    [super viewDidLoad];

<span style="font-family: Arial, Helvetica, sans-serif;">//创建子控制器</span>

  UIViewController *c1= [[NeatMessageList alloc]init];

</pre><p class="p1"><span class="s1">    c1.</span>view<span class="s1">.</span>backgroundColor<span class="s1">=[</span>UIColor<span class="s1"> </span>greenColor<span class="s1">];</span></p><p class="p1"><span class="s1">    c1.</span>tabBarItem<span class="s1">.</span>title<span class="s1">=</span><span class="s2">@"</span><span class="s3">消息</span><span class="s2">"</span><span class="s1">;</span></p><p class="p1"><span class="s1">    c1.</span>tabBarItem<span class="s1">.</span>image<span class="s1">=[</span>UIImage<span class="s1"> </span>imageNamed<span class="s1">:</span><span class="s2">@"cloud.png"</span><span class="s1">];</span></p><p class="p1"><span class="s1">    c1.</span>tabBarItem<span class="s1">.</span>badgeValue<span class="s1">=</span><span class="s2">@"6"</span><span class="s1">;</span></p><p class="p2">    </p><p class="p3"><span class="s4">    </span><span class="s5">// </span>声明这张图片用原图<span class="s5">(</span>别渲染<span class="s5">)</span></p><p class="p1"><span class="s1">    c1.</span>tabBarItem<span class="s1">.</span>selectedImage<span class="s1">=[[</span>UIImage<span class="s1"> </span>imageNamed<span class="s1">:</span><span class="s2">@"clouddown.png"</span><span class="s1">] </span>imageWithRenderingMode<span class="s1">:</span>UIImageRenderingModeAlwaysOriginal<span class="s1">];</span></p><p class="p2">    </p><p class="p2">    </p><p class="p1"><span class="s1">    </span>UIViewController<span class="s1"> *c2=[[</span>UIViewController<span class="s1"> </span>alloc<span class="s1">]</span>init<span class="s1">];</span></p><p class="p1"><span class="s1">    c2.</span>view<span class="s1">.</span>backgroundColor<span class="s1">=[</span>UIColor<span class="s1"> </span>brownColor<span class="s1">];</span></p><p class="p1"><span class="s1">    c2.</span>tabBarItem<span class="s1">.</span>title<span class="s1">=</span><span class="s2">@"</span><span class="s3">聊天</span><span class="s2">"</span><span class="s1">;</span></p><p class="p1"><span class="s1">    c2.</span>tabBarItem<span class="s1">.</span>image<span class="s1">=[</span>UIImage<span class="s1"> </span>imageNamed<span class="s1">:</span><span class="s2">@"comment2.png"</span><span class="s1">];</span></p><p class="p2">    </p><p class="p1"><span class="s1">    </span>UIViewController<span class="s1"> *c3=[[</span>UIViewController<span class="s1"> </span>alloc<span class="s1">]</span>init<span class="s1">];</span></p><p class="p1"><span class="s1">    c3.</span>view<span class="s1">.</span>backgroundColor<span class="s1">=[</span>UIColor<span class="s1"> </span>grayColor<span class="s1">];</span></p><p class="p1"><span class="s1">    c3.</span>tabBarItem<span class="s1">.</span>title<span class="s1">=</span><span class="s2">@"</span><span class="s3">监控</span><span class="s2">"</span><span class="s1">;</span></p><p class="p1"><span class="s1">    c3.</span>tabBarItem<span class="s1">.</span>image<span class="s1">=[</span>UIImage<span class="s1"> </span>imageNamed<span class="s1">:</span><span class="s2">@"eye.png"</span><span class="s1">];</span></p><p class="p2">    </p><p class="p1"><span class="s1">    </span>UIViewController<span class="s1"> *c4=[[</span>UIViewController<span class="s1"> </span>alloc<span class="s1">]</span>init<span class="s1">];</span></p><p class="p1"><span class="s1">    c4.</span>tabBarItem<span class="s1">.</span>title<span class="s1">=</span><span class="s2">@"</span><span class="s3">设置</span><span class="s2">"</span><span class="s1">;</span></p><p class="p1"><span class="s1">    c4.</span>tabBarItem<span class="s1">.</span>image<span class="s1">=[</span>UIImage<span class="s1"> </span>imageNamed<span class="s1">:</span><span class="s2">@"engine.png"</span><span class="s1">];</span></p><pre name="code" class="html">

    

    self.viewControllers=@[c1,c2,c3,c4];

    self.selectedIndex=0;

    

    self.tabBar.barTintColor=[UIColor whiteColor]; //自定义tabBar的颜色

4、运行

Main.storyboard 中设置如下，则模拟运行看到如上效果：

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<document type="com.apple.InterfaceBuilder3.CocoaTouch.Storyboard.XIB" version="3.0" toolsVersion="6211" systemVersion="14A298i" targetRuntime="iOS.CocoaTouch" propertyAccessControl="none" useAutolayout="YES" useTraitCollections="YES" initialViewController="BYZ-38-t0r">
    <dependencies>
        <plugIn identifier="com.apple.InterfaceBuilder.IBCocoaTouchPlugin" version="6204"/>
    </dependencies>
    <scenes>
        <!--View Controller-->
        <scene sceneID="tne-QT-ifu">
            <objects>
                <viewController id="BYZ-38-t0r" <span style="color:#3366ff;background-color: rgb(255, 255, 153);">customClass="ViewController"</span> customModuleProvider="" sceneMemberID="viewController">
                    <layoutGuides>
                        <viewControllerLayoutGuide type="top" id="y3c-jy-aDJ"/>
                        <viewControllerLayoutGuide type="bottom" id="wfy-db-euE"/>
                    </layoutGuides>
                    <view key="view" contentMode="scaleToFill" id="8bC-Xf-vdC">
                        <rect key="frame" x="0.0" y="0.0" width="600" height="600"/>
                        <autoresizingMask key="autoresizingMask" widthSizable="YES" heightSizable="YES"/>
                        <color key="backgroundColor" white="1" alpha="1" colorSpace="custom" customColorSpace="calibratedWhite"/>
                    </view>
                </viewController>
                <placeholder placeholderIdentifier="IBFirstResponder" id="dkx-z0-nzr" sceneMemberID="firstResponder"/>
            </objects>
        </scene>
    </scenes>
</document>