Swift 自定义底部按钮

1.有的小伙伴希望自己在控制器的底部添加bottomBarButton,不知道如何下手,希望我下面这些代码能帮到你们.

2.这个是我自己封装的一个类:

import UIKit

class BottombarView: UIView {

//MARK:-自定义构造函数

init(frame: CGRect, btnCount: Int, titles:[String], target:AnyObject?,actions:[Selector],colors:[UIColor]){

super.init(frame: frame)

self.translatesAutoresizingMaskIntoConstraints = false

self.backgroundColor = .clearColor()

// blur

let effetView = UIVisualEffectView(effect: UIBlurEffect(style: .Light))

effetView.translatesAutoresizingMaskIntoConstraints = false

self.addSubview(effetView)

NSLayoutConstraint(item: effetView, attribute: .Top, relatedBy: .Equal, toItem: self, attribute: .Top, multiplier: 1, constant: 0).active = true

NSLayoutConstraint(item: effetView, attribute: .Bottom, relatedBy: .Equal, toItem: self, attribute: .Bottom, multiplier: 1, constant: 0).active = true

NSLayoutConstraint(item: effetView, attribute: .Leading, relatedBy: .Equal, toItem: self, attribute: .Leading, multiplier: 1, constant: 0).active = true

NSLayoutConstraint(item: effetView, attribute: .Trailing, relatedBy: .Equal, toItem: self, attribute: .Trailing, multiplier: 1, constant: 0).active = true

// line

let line = UIView()

line.translatesAutoresizingMaskIntoConstraints = false

line.backgroundColor = kLineColor

self.addSubview(line)

NSLayoutConstraint(item: line, attribute: .Top, relatedBy: .Equal, toItem: self, attribute: .Top, multiplier: 1, constant: 0).active = true

NSLayoutConstraint(item: line, attribute: .Leading, relatedBy: .Equal, toItem: self, attribute: .Leading, multiplier: 1, constant: 0).active = true

NSLayoutConstraint(item: line, attribute: .Trailing, relatedBy: .Equal, toItem: self, attribute: .Trailing, multiplier: 1, constant: 0).active = true

NSLayoutConstraint(item: line, attribute: .Height, relatedBy: .Equal, toItem: nil, attribute: .NotAnAttribute, multiplier: 1, constant: 1).active = true

addBottomBtn(btnCount, titles: titles, target: target, actions: actions, colors: colors)

}

private func addBottomBtn(btnCount: Int, titles:[String], target:AnyObject?,actions:[Selector],colors:[UIColor]) {

switch btnCount {

case 1:

let btn1 = UIButton()

btn1.translatesAutoresizingMaskIntoConstraints = false

btn1.setTitle(NSLocalizedString(titles[0], comment: ""), forState: .Normal)

btn1.setTitleColor(.whiteColor(), forState: .Normal)

btn1.titleLabel?.font = kFontL

btn1.backgroundColor = colors[0]

btn1.layer.cornerRadius = 35/2

btn1.layer.masksToBounds = true

btn1.addTarget(target, action:actions[0], forControlEvents: .TouchUpInside)

self.addSubview(btn1)

NSLayoutConstraint(item: btn1, attribute: .CenterY, relatedBy: .Equal, toItem: self, attribute: .CenterY, multiplier: 1, constant: 0).active = true

NSLayoutConstraint(item: btn1, attribute: .Leading, relatedBy: .Equal, toItem: self, attribute: .Leading, multiplier: 1, constant: 20).active = true

NSLayoutConstraint(item: btn1, attribute: .Trailing, relatedBy: .Equal, toItem: self, attribute: .Trailing, multiplier: 1, constant: -20).active = true

NSLayoutConstraint(item: btn1, attribute: .Height, relatedBy: .Equal, toItem: nil, attribute: .NotAnAttribute, multiplier: 1, constant: 35).active = true

case 2:

// buttons

let btn1 = UIButton()

btn1.translatesAutoresizingMaskIntoConstraints = false

btn1.setTitle(NSLocalizedString(titles[0] , comment: ""), forState: .Normal)

btn1.titleLabel?.font = kFontL

if colors[0] == UIColor(hexString: "#a0a0a0") {

btn1.setTitleColor(kTextColor2, forState: .Normal)

btn1.layer.borderColor = colors[0].CGColor

btn1.layer.borderWidth = 1

} else {

btn1.setTitleColor(.whiteColor(), forState: .Normal)

btn1.backgroundColor = colors[0]

}

btn1.layer.cornerRadius = 35/2

btn1.layer.masksToBounds = true

btn1.addTarget(target, action: actions[0], forControlEvents: .TouchUpInside)

btn1.tag = 1

self.addSubview(btn1)

let btn2 = UIButton()

btn2.translatesAutoresizingMaskIntoConstraints = false

btn2.setTitle(NSLocalizedString(titles[1], comment: ""), forState: .Normal)

btn2.setTitleColor(.whiteColor(), forState: .Normal)

btn2.titleLabel?.font = kFontL

btn2.backgroundColor = colors[1]

btn2.layer.cornerRadius = 35/2

btn2.layer.masksToBounds = true

btn2.addTarget(target, action: actions[1], forControlEvents: .TouchUpInside)

btn2.tag = 2

self.addSubview(btn2)

NSLayoutConstraint(item: btn1, attribute: .Leading, relatedBy: .Equal, toItem: self, attribute: .Leading, multiplier: 1, constant: 20).active = true

NSLayoutConstraint(item: btn1, attribute: .CenterY, relatedBy: .Equal, toItem: self, attribute: .CenterY, multiplier: 1, constant: 0).active = true

NSLayoutConstraint(item: btn1, attribute: .Height, relatedBy: .Equal, toItem: nil, attribute: .NotAnAttribute, multiplier: 1, constant: 35).active = true

NSLayoutConstraint(item: btn2, attribute: .Leading, relatedBy: .Equal, toItem: btn1, attribute: .Trailing, multiplier: 1, constant: 20).active = true

NSLayoutConstraint(item: btn2, attribute: .Trailing, relatedBy: .Equal, toItem: self, attribute: .Trailing, multiplier: 1, constant: -20).active = true

NSLayoutConstraint(item: btn2, attribute: .CenterY, relatedBy: .Equal, toItem: self, attribute: .CenterY, multiplier: 1, constant: 0).active = true

NSLayoutConstraint(item: btn2, attribute: .Height, relatedBy: .Equal, toItem: nil, attribute: .NotAnAttribute, multiplier: 1, constant: 35).active = true

NSLayoutConstraint(item: btn2, attribute: .Width, relatedBy: .Equal, toItem: btn1, attribute: .Width, multiplier: 1, constant: 0).active = true

case 3:

let btn1 = UIButton()

btn1.translatesAutoresizingMaskIntoConstraints = false

btn1.setTitle(NSLocalizedString(titles[0], comment: ""), forState: .Normal)

btn1.titleLabel?.font = kFontL

if colors[0] == UIColor(hexString: "#a0a0a0") {

btn1.setTitleColor(kTextColor2, forState: .Normal)

btn1.layer.borderColor = colors[0].CGColor

btn1.layer.borderWidth = 1

} else {

btn1.setTitleColor(.whiteColor(), forState: .Normal)

btn1.backgroundColor = colors[0]

}

btn1.layer.cornerRadius = 35/2

btn1.layer.masksToBounds = true

btn1.addTarget(target, action:actions[0], forControlEvents: .TouchUpInside)

self.addSubview(btn1)

let btn2 = UIButton()

btn2.translatesAutoresizingMaskIntoConstraints = false

btn2.setTitle(NSLocalizedString(titles[1], comment: ""), forState: .Normal)

btn2.titleLabel?.font = kFontL

if colors[1] == UIColor(hexString: "#a0a0a0") {

btn2.setTitleColor(kTextColor2, forState: .Normal)

btn2.layer.borderColor = colors[1].CGColor

btn2.layer.borderWidth = 1

} else {

btn2.setTitleColor(.whiteColor(), forState: .Normal)

btn2.backgroundColor = colors[1]

}

btn2.layer.cornerRadius = 35/2

btn2.layer.masksToBounds = true

btn2.addTarget(target, action:actions[1], forControlEvents: .TouchUpInside)

self.addSubview(btn2)

let btn3 = UIButton()

btn3.translatesAutoresizingMaskIntoConstraints = false

btn3.setTitle(NSLocalizedString(titles[2], comment: ""), forState: .Normal)

btn3.setTitleColor(.whiteColor(), forState: .Normal)

btn3.titleLabel?.font = kFontL

btn3.backgroundColor = colors[2]

btn3.layer.cornerRadius = 35/2

btn3.layer.masksToBounds = true

btn3.addTarget(target, action:actions[2], forControlEvents: .TouchUpInside)

self.addSubview(btn3)

NSLayoutConstraint(item: btn1, attribute: .Leading, relatedBy: .Equal, toItem: self, attribute: .Leading, multiplier: 1, constant: 15).active = true

NSLayoutConstraint(item: btn1, attribute: .CenterY, relatedBy: .Equal, toItem: self, attribute: .CenterY, multiplier: 1, constant: 0).active = true

NSLayoutConstraint(item: btn1, attribute: .Height, relatedBy: .Equal, toItem: nil, attribute: .NotAnAttribute, multiplier: 1, constant: 35).active = true

NSLayoutConstraint(item: btn2, attribute: .Leading, relatedBy: .Equal, toItem: btn1, attribute: .Trailing, multiplier: 1, constant: 15).active = true

NSLayoutConstraint(item: btn2, attribute: .CenterY, relatedBy: .Equal, toItem: self, attribute: .CenterY, multiplier: 1, constant: 0).active = true

NSLayoutConstraint(item: btn2, attribute: .Height, relatedBy: .Equal, toItem: nil, attribute: .NotAnAttribute, multiplier: 1, constant: 35).active = true

NSLayoutConstraint(item: btn2, attribute: .Width, relatedBy: .Equal, toItem: btn1, attribute: .Width, multiplier: 1, constant: 0).active = true

NSLayoutConstraint(item: btn3, attribute: .Leading, relatedBy: .Equal, toItem: btn2, attribute: .Trailing, multiplier: 1, constant: 15).active = true

NSLayoutConstraint(item: btn3, attribute: .Trailing, relatedBy: .Equal, toItem: self, attribute: .Trailing, multiplier: 1, constant: -15).active = true

NSLayoutConstraint(item: btn3, attribute: .CenterY, relatedBy: .Equal, toItem: self, attribute: .CenterY, multiplier: 1, constant: 0).active = true

NSLayoutConstraint(item: btn3, attribute: .Height, relatedBy: .Equal, toItem: nil, attribute: .NotAnAttribute, multiplier: 1, constant: 35).active = true

NSLayoutConstraint(item: btn3, attribute: .Width, relatedBy: .Equal, toItem: btn1, attribute: .Width, multiplier: 1, constant: 0).active = true

default:

return

}

}

required init?(coder aDecoder: NSCoder) {

fatalError("init(coder:) has not been implemented")

}

}

3.看一堆代码真心烦,直接复制到自己创建的View中,在控制器中使用如下:


//希望添加3个按钮

private lazy var bottomBar: UIView = {

let action1 = #selector(btn1Click(_:))

let action2 = #selector(btn2Click(_:))

let action3 = #selector(btn3Click(_:))

let view = BottombarView(frame: CGRect.zero, btnCount: 3, titles: ["按钮1","按钮2","按钮3"], target: self, actions: [action1, action2, action3], colors: [kTextColor3, kTextColor3, kPurpleColor])

return view

}()

//希望添加2个按钮

private lazy var bottomBar: UIView = {

let action1 = #selector(btn1Click(_:))

let action2 = #selector(btn2Click(_:))

let view = BottombarView(frame: CGRect.zero, btnCount: 2, titles: ["按钮1","按钮2"], target: self, actions: [action1, action2], colors: [kTextColor3, kPurpleColor])

return view

}()

//希望添加1个按钮

private lazy var bottomBar: UIView = {

let action1 = #selector(btn1Click(_:))

let view = BottombarView(frame: CGRect.zero,btnCount: 1, titles: ["按钮1"], target: self, actions: [action1], colors: [kPurpleColor])

return view

}()

注:colors是按钮的背景色,kTextColor3颜色是我特殊处理了,你可以根据自己需求更改颜色代码

override func viewDidLoad() {

super.viewDidLoad()

// tableview

self.tableView.tableFooterView = UIView(frame: CGRect(x: 0, y: 0, width: self.tableView.frame.width, height: 50))

// bar

view.addSubview(bottomBar)

NSLayoutConstraint(item: bottomBar, attribute: .Bottom, relatedBy: .Equal, toItem: view, attribute: .Bottom, multiplier: 1, constant: 0).active = true

NSLayoutConstraint(item: bottomBar, attribute: .Leading, relatedBy: .Equal, toItem: view, attribute: .Leading, multiplier: 1, constant: 0).active = true

NSLayoutConstraint(item: bottomBar, attribute: .Trailing, relatedBy: .Equal, toItem: view, attribute: .Trailing, multiplier: 1, constant: 0).active = true

NSLayoutConstraint(item: bottomBar, attribute: .Height, relatedBy: .Equal, toItem: nil, attribute: .NotAnAttribute, multiplier: 1, constant: 50).active = true

}

注:如果你写在tableView上需要加下面代码

self.tableView.tableFooterView = UIView(frame: CGRect(x: 0, y: 0, width: self.tableView.frame.width, height: 50))

最后:希望能帮到一些小伙伴们更快捷的开发项目.

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
  • 人面猴
    序言：七十年代末，一起剥皮案震惊了整个滨河市，随后出现的几起案子，更是在滨河造成了极大的恐慌，老刑警刘岩，带你破解...
    沈念sama阅读 160,585评论 4赞 365
  • 死咒
    序言：滨河连续发生了三起死亡事件，死亡现场离奇诡异，居然都是意外死亡，警方通过查阅死者的电脑和手机，发现死者居然都...
    沈念sama阅读 67,923评论 1赞 301
  • 救了他两次的神仙让他今天三更去死
    文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
    开封第一讲书人阅读 110,314评论 0赞 248
  • 道士缉凶录：失踪的卖姜人
    文/不坏的土叔 我叫张陵，是天一观的道长。 经常有香客问我，道长，这世上最难降的妖魔是什么？ 我笑而不...
    开封第一讲书人阅读 44,346评论 0赞 214
  • 港岛之恋（遗憾婚礼）
    正文 为了忘掉前任，我火速办了婚礼，结果婚礼上，老公的妹妹穿的比我还像新娘。我一直安慰自己，他们只是感情好，可当我...
    茶点故事阅读 52,718评论 3赞 291
  • 恶毒庶女顶嫁案：这布局不是一般人想出来的
    文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
    开封第一讲书人阅读 40,828评论 1赞 223
  • 城市分裂传说
    那天，我揣着相机与录音，去河边找鬼。 笑死，一个胖子当着我的面吹牛，可吹牛的内容都是我干的。 我是一名探鬼主播，决...
    沈念sama阅读 32,020评论 2赞 315
  • 双鸳鸯连环套：你想象不到人心有多黑
    文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
    开封第一讲书人阅读 30,758评论 0赞 204
  • 万荣杀人案实录
    序言：老挝万荣一对情侣失踪，失踪者是张志新（化名）和其女友刘颖，没想到半个月后，有当地人在树林里发现了一具尸体，经...
    沈念sama阅读 34,486评论 1赞 246
  • 护林员之死
    正文 独居荒郊野岭守林人离奇死亡，尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,722评论 2赞 251
  • 白月光启示录
    正文 我和宋清朗相恋三年，在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 32,196评论 1赞 262
  • 活死人
    序言：一个原本活蹦乱跳的男人离奇死亡，死状恐怖，灵堂内的尸体忽然破棺而出，到底是诈尸还是另有隐情，我是刑警宁泽，带...
    沈念sama阅读 28,546评论 3赞 258
  • 日本核电站爆炸内幕
    正文 年R本政府宣布，位于F岛的核电站，受9级特大地震影响，放射性物质发生泄漏。R本人自食恶果不足惜，却给世界环境...
    茶点故事阅读 33,211评论 3赞 240
  • 男人毒药：我在死后第九天来索命
    文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹，春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,132评论 0赞 8
  • 一桩弑父案，背后竟有这般阴谋
    文/苍兰香墨 我抬头看了看天上的太阳。三九已至，却和暖如春，着一层夹袄步出监牢的瞬间，已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,916评论 0赞 200
  • 情欲美人皮
    我被黑心中介骗来泰国打工， 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留，地道东北人。 一个月前我还...
    沈念sama阅读 35,904评论 2赞 283
  • 代替公主和亲
    正文 我出身青楼，却偏偏与公主长得像，于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子，可洞房花烛夜当晚...
    茶点故事阅读 35,758评论 2赞 274

推荐阅读更多精彩内容

  • 二、自定义友盟分享(强制横屏)
    //便利中间部分时间的子视图 计算并排不位置 for (int i=0;i<self.containerView....
    再也不要见阅读 391评论 0赞 0
  • NSLayoutConstraint - 系统自动布局（详解）
    如果一个界面创建三个View，要求第一行两个View等高等宽，第三个View与上面两个View等高，无论是横屏还...
    学长的日常阅读 18,336评论 0赞 27
  • Autolayout-NSLayoutConstraint代码添加
    一、代码添加约束顺序### 创建控件 将控件添加到父控件中 关闭需要添加约束的控件的Autoresizing属性 ...
    Mitchell阅读 1,019评论 0赞 5
  • 趣说“囍”
    文/阿关 侄子婚期将近，三哥来电询问归期，电话中特意叮嘱要带着爱人、孩子一同前往，遗憾的是有太多的羁绊，只能孤身前...
    捌天阅读 686评论 0赞 2
  • 2017-09-27
    人生的路是自己走，没有谁能永远陪着你，所以，你若不勇敢，你能指望谁替你坚强？别总摆出那副柔弱的模样，这个世界不会因...
    青_涩阅读 184评论 0赞 0