Swift-自定制带有特殊按钮TabBar
---恢复内容开始---
#### 封装了一个带有中间凸起的自定制Tabbar，包含4个普通按钮和中间的一个凸起按钮-
- 首先封装了一个UIButton，重新设置了UIButton的图片位置和label位置
- 使用便利构造器创建了一个带有imageview的构造方法，用来构造中间特殊的按钮
- 继承与UIView创建了一个自定制tabbar类，大小为屏幕宽度和49 高，
- 动态创建5个自定制的UIButton，对中间的按钮做了特殊处理，其中的位置大小可以根据需求设置。
- 设置一个全局的button存储高亮状态下的按钮
- 使用闭包进行了控制器于自定制tabbar之间的传值，实现了不同按钮切换不同界面的功能
使用方法：
- 实例化一个自定制TabBar let myTabbar = ZYF_Main_MyTabBar()
- 设置自定制TabBar的frame myTabbar.frame = CGRectMake(0, height - 49, width, 49)
- 调用方法，传入参数：标题数组、.Normal状态下的图片数组、.selected状态下的图片数组，每个按钮之间的间距
tabbar.creatTabBar(title, imageNames: imageName, selectedImageNames: selectedImage, space: 83)
上代码
封装UIButton，重置UIButton的图片位置和Label位置
class ZYF_MyTabBarButton: UIButton {
//重写构造方法
override init(frame: CGRect) {
super.init(frame: frame)
self.frame = CGRectMake(0, 0, 49, 49)
self.setTitleColor(UIColor.grayColor(), forState: .Normal)
self.setTitleColor(UIColor.redColor(), forState: .Selected)
self.titleLabel?.font = UIFont.systemFontOfSize(11)
self.titleLabel?.textAlignment = .Center
}
required init?(coder aDecoder: NSCoder) {
fatalError("init(coder:) has not been implemented")
}
//重写button中图片的位置
override func imageRectForContentRect(contentRect: CGRect) -> CGRect {
return CGRectMake((contentRect.size.width - 30) / 2, 2, 30, 30)
}
//重写button中文本框的位置
override func titleRectForContentRect(contentRect: CGRect) -> CGRect {
return CGRectMake(0, contentRect.size.height - 17, contentRect.size.width, 15)
}
//使用便利构造器构造中间特殊按钮
convenience init(frame: CGRect,image:String) {
self.init(frame:frame)
let imageView = UIImageView(frame: CGRectMake(0,0,70,70))
imageView.image = UIImage(named: image)
self.addSubview(imageView)
}
}
继承UIView制作MyTabBar
class ZYF_Main_MyTabBar: UIView {
//设置一个全局的button存储selected按钮
var button = UIButton()
//获得屏高
let height = UIScreen.mainScreen().bounds.size.height
//获得屏宽
let width = UIScreen.mainScreen().bounds.size.width
//闭包传值，创建一个闭包，用来传递被选中的按钮，以实现页面的转换
var clickBlock:((selcted:Int) ->())?
//重写构造方法
override init(frame: CGRect) {
super.init(frame: frame)
self.frame = CGRectMake(0, 0, width, 49)
self.backgroundColor = UIColor.blackColor()
//打开用户交互
self.userInteractionEnabled = true
}
required init?(coder aDecoder: NSCoder) {
fatalError("init(coder:) has not been implemented")
}
//写一个制作方法，传图标题数组、图片名称数组、被选中状态下图片名称数组和每个按钮之间的间距
func creatTabBar(titNames:[String],imageNames:[String],selectedImageNames:[String],space:Int) {
//快速布局
for i in 0...titNames.count - 1 {
var btn = ZYF_MyTabBarButton(type: .Custom)
btn.frame = CGRectMake(20 + CGFloat(i) * 83, 0, 49, 49)
let image = UIImage(named: imageNames[i])
let selectedImage = UIImage(named: selectedImageNames[i])
//Mark*设置中间特殊按钮
if i == 2{
//Mark* 如果想设置凸起的话让pointY为负值
let pointY:CGFloat = 5
let pointX:CGFloat = 49 + abs(pointY)
btn = ZYF_MyTabBarButton.init(frame: frame, image: "ZYF-Login-Dou")
btn.frame = CGRectMake(183, pointY, width / 5, pointX)
} else {
btn.setImage(selectedImage, forState: .Selected)
btn.setImage(image, forState: .Normal)
}
btn.setTitle(titNames[i], forState: .Normal)
self.addSubview(btn)
btn.tag = 10 + i
//为每个btn添加点击事件，以实现界面替换
btn.addTarget(self, action: #selector(self.btnClick(_:)), forControlEvents: .TouchUpInside)
//设置默认第一个按钮为选中状态
if i == 0 {
btn.selected = true
self.button = btn
}
}
}
//点击事件
func btnClick(sender:UIButton) {
//实现视图切换
print("视图切换")
//通过tag值获取点击的btn
let index = sender.tag - 10
if index < 2 {
//设置闭包中的值
if clickBlock != nil {
clickBlock!(selcted:index)
print("index<2")
}
} else if index > 2 {
if clickBlock != nil {
clickBlock!(selcted:index - 1)
}
} else {
clickBlock!(selcted:999)
return
}
//设置选中按钮
self.button.selected = false
sender.selected = true
self.button = sender
}
}
使用方式
//获取屏宽
let width = UIScreen.mainScreen().bounds.size.width
//获取屏高
let height = UIScreen.mainScreen().bounds.size.height
//实例化自定制TabBar
let tabbar = ZYF_Main_MyTabBar()
//隐藏系统的tabbar
self.tabBar.hidden = true
//设置位置
tabbar.frame = CGRectMake(0, height - 49, width, 49)
//标题数组
let title = ["发现","关注","","消息","我的"]
//图片名称数组
let imageName = ["find","focus","center","message","contact"]
//选中图片名称数组
let selectedImage = ["sfind","sfocs","center","smessage","smy"]
//创建按钮
tabbar.creatTabBar(title, imageNames: imageName, selectedImageNames: selectedImage, space: 83)
//使用闭包中的值
tabbar.clickBlock = {(selcted:Int) in
if selcted == 999 {
print("点击了特殊按钮")
} else {
print(123)
self.selectedIndex = selcted
}
}
//将自定制tabbar加到主视图上
self.view.addSubview(tabbar)
效果图如下：
---恢复内容结束---
---恢复内容开始---
#### 封装了一个带有中间凸起的自定制Tabbar，包含4个普通按钮和中间的一个凸起按钮-
- 首先封装了一个UIButton，重新设置了UIButton的图片位置和label位置
- 使用便利构造器创建了一个带有imageview的构造方法，用来构造中间特殊的按钮
- 继承与UIView创建了一个自定制tabbar类，大小为屏幕宽度和49 高，
- 动态创建5个自定制的UIButton，对中间的按钮做了特殊处理，其中的位置大小可以根据需求设置。
- 设置一个全局的button存储高亮状态下的按钮
- 使用闭包进行了控制器于自定制tabbar之间的传值，实现了不同按钮切换不同界面的功能
使用方法：
- 实例化一个自定制TabBar let myTabbar = ZYF_Main_MyTabBar()
- 设置自定制TabBar的frame myTabbar.frame = CGRectMake(0, height - 49, width, 49)
- 调用方法，传入参数：标题数组、.Normal状态下的图片数组、.selected状态下的图片数组，每个按钮之间的间距
tabbar.creatTabBar(title, imageNames: imageName, selectedImageNames: selectedImage, space: 83)
上代码
封装UIButton，重置UIButton的图片位置和Label位置
class ZYF_MyTabBarButton: UIButton {
//重写构造方法
override init(frame: CGRect) {
super.init(frame: frame)
self.frame = CGRectMake(0, 0, 49, 49)
self.setTitleColor(UIColor.grayColor(), forState: .Normal)
self.setTitleColor(UIColor.redColor(), forState: .Selected)
self.titleLabel?.font = UIFont.systemFontOfSize(11)
self.titleLabel?.textAlignment = .Center
}
required init?(coder aDecoder: NSCoder) {
fatalError("init(coder:) has not been implemented")
}
//重写button中图片的位置
override func imageRectForContentRect(contentRect: CGRect) -> CGRect {
return CGRectMake((contentRect.size.width - 30) / 2, 2, 30, 30)
}
//重写button中文本框的位置
override func titleRectForContentRect(contentRect: CGRect) -> CGRect {
return CGRectMake(0, contentRect.size.height - 17, contentRect.size.width, 15)
}
//使用便利构造器构造中间特殊按钮
convenience init(frame: CGRect,image:String) {
self.init(frame:frame)
let imageView = UIImageView(frame: CGRectMake(0,0,70,70))
imageView.image = UIImage(named: image)
self.addSubview(imageView)
}
}
继承UIView制作MyTabBar
class ZYF_Main_MyTabBar: UIView {
//设置一个全局的button存储selected按钮
var button = UIButton()
//获得屏高
let height = UIScreen.mainScreen().bounds.size.height
//获得屏宽
let width = UIScreen.mainScreen().bounds.size.width
//闭包传值，创建一个闭包，用来传递被选中的按钮，以实现页面的转换
var clickBlock:((selcted:Int) ->())?
//重写构造方法
override init(frame: CGRect) {
super.init(frame: frame)
self.frame = CGRectMake(0, 0, width, 49)
self.backgroundColor = UIColor.blackColor()
//打开用户交互
self.userInteractionEnabled = true
}
required init?(coder aDecoder: NSCoder) {
fatalError("init(coder:) has not been implemented")
}
//写一个制作方法，传图标题数组、图片名称数组、被选中状态下图片名称数组和每个按钮之间的间距
func creatTabBar(titNames:[String],imageNames:[String],selectedImageNames:[String],space:Int) {
//快速布局
for i in 0...titNames.count - 1 {
var btn = ZYF_MyTabBarButton(type: .Custom)
btn.frame = CGRectMake(20 + CGFloat(i) * 83, 0, 49, 49)
let image = UIImage(named: imageNames[i])
let selectedImage = UIImage(named: selectedImageNames[i])
//Mark*设置中间特殊按钮
if i == 2{
//Mark* 如果想设置凸起的话让pointY为负值
let pointY:CGFloat = 5
let pointX:CGFloat = 49 + abs(pointY)
btn = ZYF_MyTabBarButton.init(frame: frame, image: "ZYF-Login-Dou")
btn.frame = CGRectMake(183, pointY, width / 5, pointX)
} else {
btn.setImage(selectedImage, forState: .Selected)
btn.setImage(image, forState: .Normal)
}
btn.setTitle(titNames[i], forState: .Normal)
self.addSubview(btn)
btn.tag = 10 + i
//为每个btn添加点击事件，以实现界面替换
btn.addTarget(self, action: #selector(self.btnClick(_:)), forControlEvents: .TouchUpInside)
//设置默认第一个按钮为选中状态
if i == 0 {
btn.selected = true
self.button = btn
}
}
}
//点击事件
func btnClick(sender:UIButton) {
//实现视图切换
print("视图切换")
//通过tag值获取点击的btn
let index = sender.tag - 10
if index < 2 {
//设置闭包中的值
if clickBlock != nil {
clickBlock!(selcted:index)
print("index<2")
}
} else if index > 2 {
if clickBlock != nil {
clickBlock!(selcted:index - 1)
}
} else {
clickBlock!(selcted:999)
return
}
//设置选中按钮
self.button.selected = false
sender.selected = true
self.button = sender
}
}
使用方式
//获取屏宽
let width = UIScreen.mainScreen().bounds.size.width
//获取屏高
let height = UIScreen.mainScreen().bounds.size.height
//实例化自定制TabBar
let tabbar = ZYF_Main_MyTabBar()
//隐藏系统的tabbar
self.tabBar.hidden = true
//设置位置
tabbar.frame = CGRectMake(0, height - 49, width, 49)
//标题数组
let title = ["发现","关注","","消息","我的"]
//图片名称数组
let imageName = ["find","focus","center","message","contact"]
//选中图片名称数组
let selectedImage = ["sfind","sfocs","center","smessage","smy"]
//创建按钮
tabbar.creatTabBar(title, imageNames: imageName, selectedImageNames: selectedImage, space: 83)
//使用闭包中的值
tabbar.clickBlock = {(selcted:Int) in
if selcted == 999 {
print("点击了特殊按钮")
} else {
print(123)
self.selectedIndex = selcted
}
}
//将自定制tabbar加到主视图上
self.view.addSubview(tabbar)
效果图如下：
---恢复内容结束---
#### 封装了一个带有中间凸起的自定制Tabbar，包含4个普通按钮和中间的一个凸起按钮-
- 首先封装了一个UIButton，重新设置了UIButton的图片位置和label位置
- 使用便利构造器创建了一个带有imageview的构造方法，用来构造中间特殊的按钮
- 继承与UIView创建了一个自定制tabbar类，大小为屏幕宽度和49 高，
- 动态创建5个自定制的UIButton，对中间的按钮做了特殊处理，其中的位置大小可以根据需求设置。
- 设置一个全局的button存储高亮状态下的按钮
- 使用闭包进行了控制器于自定制tabbar之间的传值，实现了不同按钮切换不同界面的功能
使用方法：
- 实例化一个自定制TabBar let myTabbar = ZYF_Main_MyTabBar()
- 设置自定制TabBar的frame myTabbar.frame = CGRectMake(0, height - 49, width, 49)
- 调用方法，传入参数：标题数组、.Normal状态下的图片数组、.selected状态下的图片数组，每个按钮之间的间距
tabbar.creatTabBar(title, imageNames: imageName, selectedImageNames: selectedImage, space: 83)
上代码
封装UIButton，重置UIButton的图片位置和Label位置
class ZYF_MyTabBarButton: UIButton {
//重写构造方法
override init(frame: CGRect) {
super.init(frame: frame)
self.frame = CGRectMake(0, 0, 49, 49)
self.setTitleColor(UIColor.grayColor(), forState: .Normal)
self.setTitleColor(UIColor.redColor(), forState: .Selected)
self.titleLabel?.font = UIFont.systemFontOfSize(11)
self.titleLabel?.textAlignment = .Center
}
required init?(coder aDecoder: NSCoder) {
fatalError("init(coder:) has not been implemented")
}
//重写button中图片的位置
override func imageRectForContentRect(contentRect: CGRect) -> CGRect {
return CGRectMake((contentRect.size.width - 30) / 2, 2, 30, 30)
}
//重写button中文本框的位置
override func titleRectForContentRect(contentRect: CGRect) -> CGRect {
return CGRectMake(0, contentRect.size.height - 17, contentRect.size.width, 15)
}
//使用便利构造器构造中间特殊按钮
convenience init(frame: CGRect,image:String) {
self.init(frame:frame)
let imageView = UIImageView(frame: CGRectMake(0,0,70,70))
imageView.image = UIImage(named: image)
self.addSubview(imageView)
}
}
继承UIView制作MyTabBar
class ZYF_Main_MyTabBar: UIView {
//设置一个全局的button存储selected按钮
var button = UIButton()
//获得屏高
let height = UIScreen.mainScreen().bounds.size.height
//获得屏宽
let width = UIScreen.mainScreen().bounds.size.width
//闭包传值，创建一个闭包，用来传递被选中的按钮，以实现页面的转换
var clickBlock:((selcted:Int) ->())?
//重写构造方法
override init(frame: CGRect) {
super.init(frame: frame)
self.frame = CGRectMake(0, 0, width, 49)
self.backgroundColor = UIColor.blackColor()
//打开用户交互
self.userInteractionEnabled = true
}
required init?(coder aDecoder: NSCoder) {
fatalError("init(coder:) has not been implemented")
}
//写一个制作方法，传图标题数组、图片名称数组、被选中状态下图片名称数组和每个按钮之间的间距
func creatTabBar(titNames:[String],imageNames:[String],selectedImageNames:[String],space:Int) {
//快速布局
for i in 0...titNames.count - 1 {
var btn = ZYF_MyTabBarButton(type: .Custom)
btn.frame = CGRectMake(20 + CGFloat(i) * 83, 0, 49, 49)
let image = UIImage(named: imageNames[i])
let selectedImage = UIImage(named: selectedImageNames[i])
//Mark*设置中间特殊按钮
if i == 2{
//Mark* 如果想设置凸起的话让pointY为负值
let pointY:CGFloat = 5
let pointX:CGFloat = 49 + abs(pointY)
btn = ZYF_MyTabBarButton.init(frame: frame, image: "ZYF-Login-Dou")
btn.frame = CGRectMake(183, pointY, width / 5, pointX)
} else {
btn.setImage(selectedImage, forState: .Selected)
btn.setImage(image, forState: .Normal)
}
btn.setTitle(titNames[i], forState: .Normal)
self.addSubview(btn)
btn.tag = 10 + i
//为每个btn添加点击事件，以实现界面替换
btn.addTarget(self, action: #selector(self.btnClick(_:)), forControlEvents: .TouchUpInside)
//设置默认第一个按钮为选中状态
if i == 0 {
btn.selected = true
self.button = btn
}
}
}
//点击事件
func btnClick(sender:UIButton) {
//实现视图切换
print("视图切换")
//通过tag值获取点击的btn
let index = sender.tag - 10
if index < 2 {
//设置闭包中的值
if clickBlock != nil {
clickBlock!(selcted:index)
print("index<2")
}
} else if index > 2 {
if clickBlock != nil {
clickBlock!(selcted:index - 1)
}
} else {
clickBlock!(selcted:999)
return
}
//设置选中按钮
self.button.selected = false
sender.selected = true
self.button = sender
}
}
使用方式
//获取屏宽
let width = UIScreen.mainScreen().bounds.size.width
//获取屏高
let height = UIScreen.mainScreen().bounds.size.height
//实例化自定制TabBar
let tabbar = ZYF_Main_MyTabBar()
//隐藏系统的tabbar
self.tabBar.hidden = true
//设置位置
tabbar.frame = CGRectMake(0, height - 49, width, 49)
//标题数组
let title = ["发现","关注","","消息","我的"]
//图片名称数组
let imageName = ["find","focus","center","message","contact"]
//选中图片名称数组
let selectedImage = ["sfind","sfocs","center","smessage","smy"]
//创建按钮
tabbar.creatTabBar(title, imageNames: imageName, selectedImageNames: selectedImage, space: 83)
//使用闭包中的值
tabbar.clickBlock = {(selcted:Int) in
if selcted == 999 {
print("点击了特殊按钮")
} else {
print(123)
self.selectedIndex = selcted
}
}
//将自定制tabbar加到主视图上
self.view.addSubview(tabbar)
效果图如下：
Swift-自定制带有特殊按钮TabBar的更多相关文章
- ios定制中间突出的tabBar
我觉得有两个思路,一个是自己写tabBar 通过自定义实现,缺点呢就是比较麻烦,优点就是代码比较清楚,而且比较稳定. 另一个思路就是写个大按钮加在tabBar上 通过监听tabitem的点击来实现相 ...
- 定制Android透明按钮
自己在学习和做例子的过程中,常常会需要按钮,由于系统自带按钮样式不太好看,所以需要我们自己来定制项目得按钮,我常常采用2中方法: 1.是制作9-patch的图片,这样能够匹配文字内容的长短. 2.是指 ...
- Android自定义控件实现带有清除按钮的EditText
首先声明我也是参考了别人的思路,只是稍微做了下修改,增加显示密码与隐藏密码,没有输入字符串时让EditText进行抖动,废话少说这里附上效果图 效果很赞有木有 那么怎么实现这种效果呢?那就跟着我一起来 ...
- Swift - 修改导航栏“返回”按钮文字，图标
Swift - 修改导航栏“返回”按钮文字,图标 2015-11-27 09:13发布:hangge浏览:4037 项目中常常会使用 UINavigationController 对各个页面进行导 ...
- Swift - 修改导航栏“返回”按钮文字和图标 /手势冲突解决/响应范围
iOS11之前 修改导航栏“返回”按钮文字,图标 https://blog.csdn.net/u012701023/article/details/50264265 iOS11 完美解决导航栏按钮偏移 ...
- Android自定义View带有删除按钮的EditText
转载请注明出处http://blog.csdn.net/xiaanming/article/details/11066685 今天给大家带来一个很实用的小控件ClearEditText,就是在Andr ...
- Swift 设置navigation左右两侧按钮
我们以设置右侧按钮为例,左侧方法类似 方法一,直接自定义文字 let item=UIBarButtonItem(title: "分享", style: UIBarButtonIte ...
- Swift - 重写导航栏返回按钮
// 重写导航栏返回按钮方法 func configBackBtn() -> Void { // 返回按钮 let backButton = UIButton(type: .custom) // ...
- Swift 统计项目中所有按钮的点击次数
class Swizzle: NSObject { override class func load() { UIButton.xxx_swizzleSendAction() } } extensio ...
随机推荐
- DevExpress的GridControl选择一行,不显示单元格焦点的设置
grid控件默认选择一行时,focused的cell并不是蓝色的,而是白色的 要想实现一次选择一行全都是蓝色的只要改一个属性就可以了 this.gridView1.OptionsSelection.E ...
- C#抽象类和接口
抽象类和接口有什么区别?有了抽象类为什么还要接口? 接口和抽象类的相同点是都不能实例化,不同点是接口中的方法都没有方法体,而抽象类则不然,除了抽象方法没有方法体外,其他方法都有方法体. 原因是:在C# ...
- java--何时处理Exception（哪一个层级），包装的基础类处理任务尽可能简洁，写入日志，检查null等运行时异常
1. 运行时异常和受检异常 2. 提前预防运行时异常.最常发生的是NPE,而检查NPE是程序员的基本职责.其他的,如除0等运行时异常的检查,需要程序员仔细检查,每个函数都得检查(除非可以确定不会有空指 ...
- XP_SP3_专业汉化版__x86_cd_x14-80404
1.镜像文件: zh-hans_windows_xp_professional_with_service_pack_3_x86_cd_x14-80404.iso 来自 msdn itellyou 2. ...
- 报错如HTTP Status 404 - /ssh_crm/jsp/linkman/add.jsp/
明显是写错了, HTTP Status 404 - /ssh_crm/jsp/linkman/add.jsp/ 应该改成 HTTP Status 404 - /ssh_crm/jsp/linkman/ ...
- js 小复习2
1.数组 findIndex() indexOf() // findIndex()方法返回数组中满足提供的测试函数的第一个元素的索引.否则返回-1. function isBigEnough(ele ...
- app下载——js设备判断
摘自:今日头条<!doctype html> <html lang="en"> <head> <meta charset="UT ...
- 数据库连接池 c3p0 druid
druid 数据库连接池 c3p0 使用C3P0数据源时需要依赖 mchange-commons-java-0.2.3.4.jar包.缺少该jar包则会报错!
- Selenium with Python 007 - Cookie处理
Webdriver 读取.添加.删除cookie信息基本用法 获得Cookie信息:driver.get_cookies() 添加Cookie信息:driver.add_cookie(cookie_d ...
- 四十三 Python分布式爬虫打造搜索引擎Scrapy精讲—elasticsearch(搜索引擎)的mapping映射管理
1.映射(mapping)介绍 映射:创建索引的时候,可以预先定义字段的类型以及相关属性elasticsearch会根据json源数据的基础类型猜测你想要的字段映射,将输入的数据转换成可搜索的索引项, ...