第一步:添加两个占位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. 【HDU 5532 Almost Sorted Array】水题,模拟

    给出一个序列(长度>=2),问去掉一个元素后是否能成为单调不降序列或单调不增序列. 对任一序列,先假设其可改造为单调不降序列,若成立则输出YES,不成立再假设其可改造为单调不增序列,若成立则输出 ...

  2. Docker自学资源

    1. Docker 的官方文档和博客: Docker官方文档 Docker Blog(官方博客 ) 2. Docker中文这区 网站上的[Docker手册]以及[Docker ppt]两个栏目有 Do ...

  3. linux 内核源代码分析 - 获取数组的大小

    #define ARRAY_SIZE(x) (sizeof(x) / sizeof((x)[0])) 測试程序: #include<stdio.h> #include<stdlib. ...

  4. 十分钟让你明白Objective-C的语法(和Java、C++的对比)

    很多想开发iOS,或者正在开发iOS的程序员以前都做过Java或者C++,当第一次看到Objective-C的代码时都会头 疼,Objective-C的代码在语法上和Java, C++有着很大的区别, ...

  5. Malloc碎碎念

    (以前为给同学分享写的点东西,很基础.)现在的比赛中堆溢出非常常见,对于glibc下malloc的理解也要深入一些. malloc_chunk的对齐属性 在glibc中,malloc_chunk以 2 ...

  6. < meta http-equiv = "X-UA-Compatible" content = "IE=edge,chrome=1" />

    目录(?)[-] 1 meta http-equiv  X-UA-Compatible content  chrome1 1 meta http-equiv  X-UA-Compatible cont ...

  7. js糟粕

    正在看<javascript语言精粹>,遇到明显的特点就记录下来,以防看了白看(噗噗~) 为了不误导,形成错误印象,文中 ‘错误设计‘ 写成 ‘现有设计’,’正确设计‘ 写成 ’期待设计‘ ...

  8. 移动端影像解决方案Adobe Creative SDK for ios

    移动端影像解决方案Adobe Creative SDK for ios 2015-12-20 分类:整理 阅读(390) 评论(0)  老牌影像界泰斗不甘落寞,正式推出了Adobe Creative ...

  9. 蜗牛爱课- iOS中定时器NSTimer使用

    调用一次计时器方法: //不重复,只调用一次.timer运行一次就会自动停止运行 self.locationTimer = [NSTimer  target:self selector: @selec ...

  10. Hadoop学习笔记——入门指令操作

    假设Hadoop的安装目录HADOOP_HOME为/home/admin/hadoop. 启动与关闭启动HADOOP1. 进入HADOOP_HOME目录. 2. 执行sh bin/start-all. ...