第一步:添加两个占位View

第二步:添加子控制器

第三步:添加按钮

#import "ViewController.h"

#define SCREEN_WIDTH ([UIScreen mainScreen].bounds.size.width)

#define SCREEN_HEIGHT ([UIScreen mainScreen].bounds.size.height)

#define TabBar_HEIGHT 49

@interface ViewController ()
/** 底部占位View */
@property(nonatomic, weak)UIView * bottomView;
/** 导航占位View */
@property(nonatomic, weak)UIView * TabBarView; /** 记录按钮点击状态 */
/** <#注释#> */
@property(nonatomic, strong) UIButton * tempBtn; @end @implementation ViewController - (void)viewDidLoad {
[super viewDidLoad];
/** 第一步添加两个占位View */
[self setSpaceView];
/** 添加子控制器 */
[self setSubControlVC];
}
#pragma mark -添加子控制器
-(void)setSubControlVC{
UIViewController * vc = ({
vc = [[UIViewController alloc]init];
vc.title = @"全部";
vc.view.backgroundColor = [UIColor yellowColor];
[self addChildViewController:vc];
vc;
});
UIViewController * vc1 = ({
vc1 = [[UIViewController alloc]init];
vc1.title = @"全部1";
vc1.view.backgroundColor = [UIColor brownColor];
[self addChildViewController:vc1];
vc1;
});
UIViewController * vc2 = ({
vc2 = [[UIViewController alloc]init];
vc2.title = @"全部2";
vc2.view.backgroundColor = [UIColor greenColor];
[self addChildViewController:vc2];
vc2;
});
[self setButtonTitle];
} #pragma mark -添加按钮
-(void)setButtonTitle{ /** 计算按钮尺寸 */
NSInteger count = self.childViewControllers.count; CGFloat btnW = 1.0 *SCREEN_WIDTH /count;
CGFloat btnH = TabBar_HEIGHT;
CGFloat btnX = ;
CGFloat btnY = ;
/** 循环添加按钮 */
for (int i = ; i < count; i++) {
/** 创建按钮 */
UIButton * btn = [UIButton buttonWithType:UIButtonTypeCustom];
btn.tag = i;
UIViewController * vc = self.childViewControllers[i];
/** 设置按钮的字体颜色 */
[btn setTitle:vc.title forState:UIControlStateNormal];
[btn setTitleColor:[UIColor blackColor] forState:UIControlStateNormal];
[btn setTitleColor:[UIColor redColor] forState:UIControlStateSelected]; btnX = i * btnW;
/** 设置位置 */
btn.frame = CGRectMake(btnX, btnY, btnW, btnH);
/** 设置点击事件 */
[btn addTarget:self action:@selector(btnClick:) forControlEvents:UIControlEventTouchUpInside];
/** 添加按钮到tabView */
[self.TabBarView addSubview:btn]; if (i == ) {
[self btnClick:btn];
} } }
-(void)btnClick:(UIButton *)btn{ self.tempBtn.selected = NO;
btn.selected = YES;
self.tempBtn = btn ; /** 获取子控制器 */
UIViewController* vc = self.childViewControllers[btn.tag];
/** 移除之前的控制器 */
[self.bottomView.subviews makeObjectsPerformSelector:@selector(removeFromSuperview)];
/** 添加当前控制器 */ [self.bottomView addSubview:vc.view];
}
#pragma mark -添加view
-(void)setSpaceView{ /** 添加底部占位View */
UIView * bottomV =({
bottomV = [[UIView alloc]initWithFrame:self.view.bounds];
self.bottomView = bottomV;
self.bottomView.backgroundColor = [UIColor redColor];
[self.view addSubview:self.bottomView];
bottomV;
}); /** 导航占位View */
UIView * tabBarV =({
tabBarV = [[UIView alloc]initWithFrame:CGRectMake(,SCREEN_HEIGHT - TabBar_HEIGHT , SCREEN_WIDTH, TabBar_HEIGHT)];
self.TabBarView =tabBarV;
self.TabBarView.backgroundColor = [UIColor orangeColor];
[self.view addSubview:self.TabBarView];
tabBarV;
});
}
@end

简单实现仿UITabBarController界面的更多相关文章

  1. Android ActionBar仿微信界面

    ActionBar仿微信界面 1.学习了别人的两篇关于ActionBar博客,在结合别人的文章来仿造一下微信的界面: 思路如下:1).利用ActionBar生成界面的头部,在用ActionBar的Ac ...

  2. 循序渐进实现仿QQ界面(一):园角矩形与双缓冲贴图窗口

    印象里仿QQ界面的程序应该有很多,搜了一下,虽然出来一大堆,排除了重复的,却只有两三个,没我想象的好.经常看到CSDN上有人问,QQ这个功能怎么实现,那个界面怎么实现,归纳了一下,决定写这么一个仿QQ ...

  3. 循序渐进实现仿QQ界面(三):界面调色与控件自绘

    本篇讲述如何进行界面调色.界面调色一般有两种方法,调色板和HSL色彩变换.调色板局限于256色,这里不采用,因此用HSL色彩变换实现.首先要了解一下什么是HSL色彩空间,完整且详尽的知识请到维基百科去 ...

  4. H5仿微信界面教程(一)

    前言 先来张图,仿微信界面,界面如下,并不完全一模一样,只能说有些类似,希望大家见谅. 1 用到的知识点 jQuery WeUI 是WeUI的一个jQuery实现版本,除了实现了官方插件之外,它还提供 ...

  5. 小程序实践(十):textarea实现简单的编辑文本界面

    textarea是官方的原生组件,用于多行输入 简单的例子,监听文本内容.长度,以及设置最大可输入文本长度 wxml <view class='textarea-Style'> <t ...

  6. WinForm 简易仿360界面控件

    因为经常要做一些1.2千行的小工具,WinForm自带的TabCtrl又不美观,所以想做成360的样子,在网上找来找去,都只有散乱的代码,没有可以通用的结构,于是自己写了一个简易的通用控件. 控件主要 ...

  7. 使用Bootstrap+metisMenu完成简单的后台管理界面

    零. 写在前面 作者最近在一个小项目中需要写后台管理界面,在互联网上绕了一圈,最后决定使用Bootstrap+metisMenu来完成.理由1:Bootstrap是目前流行的前端框架,风格简约,简单易 ...

  8. h5移动端聊天室|仿微信界面聊天室|h5多人聊天室

    今年的FIFA世界杯甚是精彩,最近兴致高涨就利用HTML5开发了一个手机端仿微信界面聊天室,该h5聊天室采用750px全新伸缩flex布局,以及使用rem响应式配合fontsize.js,页面弹窗则是 ...

  9. Python 实现简单的登录注册界面

    Python 实现简单的登录注册界面 注意:编写代码之前需要导入很重要的包 import tkinter as tk import pickle from tkinter import message ...

随机推荐

  1. js 推断 当页面无法回退时(history.go(-1)),关闭网页

    在做一个Web项目时遇到一个需求,当页面没有前驱历史记录时(就是当前为新弹出的页面,没法做goback操作即history.go(-1)),点击返回button时直接关闭页面,否则就退回到前一页. 遇 ...

  2. Codeforces #245(div2)

    A:A. Points and Segments (easy) 题目看了n久,開始认为尼玛这是div2的题目么,题目还标明了easy.. 意思是给你一n个点,m个区间,在n个点上放蓝球或者红球,然后让 ...

  3. 编写isNull isArray isFunction的方法

    1.isNull 判断null,需要排除掉undefined和0.''(空串). function isNull(arr){ return !arr&&typeof arr!=='un ...

  4. UVA 10570 Meeting with Aliens

    题意: N个外星人围成一桌坐下,有序的排列指N在N-1与N+1中间,现在给出一个序列,问至少交换几次可以得到有序的序列. 分析: 复制一遍输入序列,放在原序列之后.相当于环.通过枚举,可以把最小交换次 ...

  5. 在eclipse上提交任务到集群执行

    win7下eclipse远程开发hadoop程序,分为两种: (1)运行[Run As] Java Application, 打包程序为jar,上传集群执行(这里不做解释) (2)运行[Run As] ...

  6. sublime text帮你更好的写python

    在Google的Python风格指南中,有这样的要求: 用4个空格来缩进代码 但是每次在敲代码的时候,用一个tab确实比敲四次空格方便的多.令人欣慰的是sublime text 2能够把tab转换成4 ...

  7. Javascript中undefined,NaN等特殊比较

    以下内容转自: http://blog.csdn.net/hongweigg/article/details/38090093 1.问题:在Javascript中,typeof(undefined) ...

  8. 一.oracle的SQL中group by使用的情况(与聚合函数的关系)

    SELECT r.industry_1,r.industry_2,r.agent_id,r.agent_name,COUNT(DISTINCT r.customer_name_a)数据总量,COUNT ...

  9. bootstrap之noConflict的详解

    翻开推特框架,不经发现,几乎所有的插件都会出现noConflict的写法来防止和其他的插件冲突!我们以button.js为例子,打开其源代码发现 如下: var old = $.fn.button $ ...

  10. CSS 3 属性学习大纲

    1. Gradient 渐变 2. RGBA 颜色透明 3. Border-radius 圆角 4. text-shadow 文字阴影 5. box-shadow 图层阴影 6. Transform ...