简单实现仿UITabBarController界面
第一步:添加两个占位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界面的更多相关文章
- Android ActionBar仿微信界面
ActionBar仿微信界面 1.学习了别人的两篇关于ActionBar博客,在结合别人的文章来仿造一下微信的界面: 思路如下:1).利用ActionBar生成界面的头部,在用ActionBar的Ac ...
- 循序渐进实现仿QQ界面(一):园角矩形与双缓冲贴图窗口
印象里仿QQ界面的程序应该有很多,搜了一下,虽然出来一大堆,排除了重复的,却只有两三个,没我想象的好.经常看到CSDN上有人问,QQ这个功能怎么实现,那个界面怎么实现,归纳了一下,决定写这么一个仿QQ ...
- 循序渐进实现仿QQ界面(三):界面调色与控件自绘
本篇讲述如何进行界面调色.界面调色一般有两种方法,调色板和HSL色彩变换.调色板局限于256色,这里不采用,因此用HSL色彩变换实现.首先要了解一下什么是HSL色彩空间,完整且详尽的知识请到维基百科去 ...
- H5仿微信界面教程(一)
前言 先来张图,仿微信界面,界面如下,并不完全一模一样,只能说有些类似,希望大家见谅. 1 用到的知识点 jQuery WeUI 是WeUI的一个jQuery实现版本,除了实现了官方插件之外,它还提供 ...
- 小程序实践(十):textarea实现简单的编辑文本界面
textarea是官方的原生组件,用于多行输入 简单的例子,监听文本内容.长度,以及设置最大可输入文本长度 wxml <view class='textarea-Style'> <t ...
- WinForm 简易仿360界面控件
因为经常要做一些1.2千行的小工具,WinForm自带的TabCtrl又不美观,所以想做成360的样子,在网上找来找去,都只有散乱的代码,没有可以通用的结构,于是自己写了一个简易的通用控件. 控件主要 ...
- 使用Bootstrap+metisMenu完成简单的后台管理界面
零. 写在前面 作者最近在一个小项目中需要写后台管理界面,在互联网上绕了一圈,最后决定使用Bootstrap+metisMenu来完成.理由1:Bootstrap是目前流行的前端框架,风格简约,简单易 ...
- h5移动端聊天室|仿微信界面聊天室|h5多人聊天室
今年的FIFA世界杯甚是精彩,最近兴致高涨就利用HTML5开发了一个手机端仿微信界面聊天室,该h5聊天室采用750px全新伸缩flex布局,以及使用rem响应式配合fontsize.js,页面弹窗则是 ...
- Python 实现简单的登录注册界面
Python 实现简单的登录注册界面 注意:编写代码之前需要导入很重要的包 import tkinter as tk import pickle from tkinter import message ...
随机推荐
- 【DSA MOOC】有序向量二分查找的三个 版本
内容来自 TsinghuaX: 30240184X 数据结构(2015秋) 课程的Vector一章,对有序向量的二分查找有三个版本 三个版本的函数原型是一致的,都是 Rank search(T con ...
- hdu 1050 Moving Tables_贪心
题意:你搬n个桌子,桌子从一个地方搬到另一个地方,走廊只允许同时一个桌子通过,教室分布在两边,奇数在一边,偶数在一边,当桌子不冲突时可以同时搬运,冲突时要等别的那个桌子搬完再搬. 思路:因为奇数桌子在 ...
- 2、Lucene 最简单的使用(小例子)
在了解了Lucene以后,我打算亲手来做一个Lucene的小例子,这个例子只是Lucene最简单的应用:使用Lucene实现标准的英文搜索: 1.下载Lucene 下载Lucene,到Lucene的官 ...
- magento后台登陆404、Front controller reached 100 router match iterations的解决方案
(1)执行如下sql SET SQL_SAFE_UPDATES=; SET FOREIGN_KEY_CHECKS=; UPDATE `core_store` SET store_id = WHERE ...
- Windows 2012 AD配置
//本文选在快帮网,非原创. Active Directory概述: 使用 Active Directory(R) 域服务 (AD DS) 服务器角色,可以创建用于用户和资源管理的可伸缩.安全及可管理 ...
- ASP.Net【如何合并DataTable,并且去重复方法】
虽然DataTable.Merge可以很好的实现,但以下代码写出来更好理解 DataTable DataTable1 = new DataTable(); DataTable DataTable2 = ...
- 如何调教Android Studio-Windows安装AS后的必备工作
未完待续... 工欲善其事必先利其器,你已经抛弃被大众诟病的Eclipse投入Google亲儿子Android Studio的怀抱,可是不了解As的脾气,怎么让它服服帖帖的为提高开发效率做贡献呢. 关 ...
- Gradle中文乱码
代码中的中文注释可能会引起Gradle报错 解决办法: 在项目下的build.gradle下添加以下代码即可解决 [java] view plaincopyprint? tasks.withType( ...
- zepto 获取checked selected元素
原文阅读:WISER CODER 1. Zepto.js and the :selected and :checked selectors 如果你已经看上了jQuery那残弱的表兄弟, Zepto.j ...
- Linux下安装jdk1.8
相信码农们绝对禁不住linux系统的诱惑,同样在linux的世界里少不了java,下面笔者就和大家分享一下我的jdk1.8安装过程吧,新接触linux的童鞋们完全可以按照我提供的图片中的命令来安装哦- ...