Ios 如何制作像Bumble那样的导航栏
在mumble的设置页面中，有一个导航栏/选项卡栏，允许您在配置文件和设置之间切换。你能告诉我如何在我的应用程序中模仿它吗Ios 如何制作像Bumble那样的导航栏,ios,xcode,swift,xcode6,Ios,Xcode,Swift,Xcode6,在mumble的设置页面中，有一个导航栏/选项卡栏，允许您在配置文件和设置之间切换。你能告诉我如何在我的应用程序中模仿它吗 您可以使用自定义视图为初学者自定义UINavigationItem的标题视图属性。将UISegmentedControl添加到该自定义视图可能是您的解决方案。UINavigationBar有三个属性，分别称为leftBarButtonItem、rightBarButtonItem和titleView 使用[[uibarbuttonim alloc]initWithCusto
您可以使用自定义视图为初学者自定义
UINavigationItem标题视图UISegmentedControlUINavigationBarleftBarButtonItemrightBarButtonItemtitleView[[uibarbuttonim alloc]initWithCustomView:aCustomView]leftbarbuttonimrightbuttonim对于
标题视图UISegmentedControl导入UIKit
类CDSlideView:UIView{
var leftBackView:UIView！
var leftBackLabel:UILabel！
var leftFrontView:UIView！
var leftFrontLabel:UILabel！
var rightBackView:UIView！
var rightBackLabel:UILabel！
var rightFrontView:UIView！
var rightFrontLabel:UILabel！
var foregroundView:UIView！
var背景视图：UIView！
var SlideGetSture:UIPangestureRecognitor！
让lightColor:UIColor=UIColor.whiteColor（）
设darkColor:UIColor=UIColor.blueColor（）
让leftText:String=“搜索”
让rightText:String=“新建”
var viewWidth:CGFloat！
var viewHeight:CGFloat！
var leftOrigin:CGFloat！
var rightOrigin:CGFloat！
var foregroundPadding:CGFloat=4
重写初始化（帧：CGRect）{
super.init（frame:frame）
//初始化变量
viewWidth=self.frame.size.width
viewHeight=self.frame.size.height
leftOrigin=foregroundPadding/2
rightOrigin=（viewWidth-foregroundPadding）/2+foregroundPadding/2
backgroundView=UIView（）
backgroundView.frame=CGRectMake（0,0，viewWidth，viewHeight）
backgroundView.layer.cornerRadius=backgroundView.frame.size.height/2
self.addSubview（背景视图）
leftBackView=UIView（）
leftBackView.frame=CGRectMake（0,0，backgroundView.frame.size.width/2，backgroundView.frame.size.height）
self.backgroundView.addSubview（leftBackView）
leftBackLabel=UILabel（）
leftBackLabel.frame=CGRectMake（0,0，leftBackView.frame.size.width，leftBackView.frame.size.height）
leftBackLabel.font=UIFont.systemFontOfSize（13，重量：UIFontWeightSemibold）
leftBackLabel.backgroundColor=UIColor.clearColor（）
leftBackLabel.lineBreakMode=.ByClipping
leftBackLabel.textAlignment=.Center
self.leftBackView.addSubview（leftBackLabel）
rightBackView=UIView（）
rightBackView.frame=CGRectMake（backgroundView.frame.size.width/2,0，backgroundView.frame.size.width/2，backgroundView.frame.size.height）
self.backgroundView.addSubview（rightBackView）
rightBackLabel=UILabel（）
rightBackLabel.frame=CGRectMake（0,0，rightBackView.frame.size.width，rightBackView.frame.size.height）
rightBackLabel.font=UIFont.systemFontOfSize（13，重量：UIFontWeightSemibold）
rightBackLabel.backgroundColor=UIColor.clearColor（）
rightBackLabel.lineBreakMode=.ByClipping
rightBackLabel.textAlignment=.Center
self.rightBackView.addSubview（rightBackLabel）
foregroundView=UIView（）
foregroundView.frame=CGRectMake（foregroundPadding/2，foregroundPadding/2，（backgroundView.frame.size.width-foregroundPadding）/2，backgroundView.frame.size.height-foregroundPadding）
foregroundView.clipsToBounds=true
foregroundView.layer.cornerRadius=（foregroundView.frame.size.height-foregroundPadding/2）/2
self.addSubview（前景视图）
SlidegSture=UIPangestureRecognitor（目标：自我，操作：#选择器（CDSlideView.slideAction））
self.foregroundView.addgestureRecognitor（SlidegSture）
leftFrontView=UIView（）
leftFrontView.frame=CGRectMake（0,0，backgroundView.frame.size.width/2，backgroundView.frame.size.height）
self.foregroundView.addSubview（leftFrontView）
leftFrontLabel=UILabel（）
leftFrontLabel.font=UIFont.systemFontOfSize（13，重量：UIFontWeightSemibold）
leftFrontLabel.backgroundColor=UIColor.clearColor（）
leftFrontLabel.TranslatesAutoResizezingMaskinToConstraints=false
leftFrontLabel.lineBreakMode=.ByClipping
leftFrontLabel.textAlignment=.Center
self.leftFrontView.addSubview（leftFrontLabel）
leftFrontLabelLeadingConstraint=NSLayoutConstraint（项：leftFrontLabel，属性：。前导，关联方式：。相等，项：self，属性：。前导，乘数：1，常数：self.backgroundView.frame.origin.x）
self.addConstraint（leftFrontLabelLeadingConstraint）
leftFrontLabelTopConstraint=NSLayoutConstraint（项：leftFrontLabel，属性：.Top，关联方：.Equal，toItem:self，属性：.Top，乘数：1，常数：self.backgroundView.frame.origin.y）
self.addConstraint（leftFrontLabelTopConstraint）
leftFrontLabelWidthConstraint=NSLayoutConstraint（项：leftFrontLabel，属性：.Width，relatedBy:.Equal，toItem:nil，属性：.NotanaAttribute，乘数：1，常数：leftFrontView.frame.size.Width）
self.addConstraint（leftFrontLabelWidthConstraint）
leftFrontLabelHeightConstraint=NSLayoutConstraint（项：leftFrontLabel，属性：。高度，关联方式：。相等，项：nil，属性：。notanaAttribute，乘数：1，常数：leftFrontView.frame.size.Height）
self.addConstraint（leftFrontLabelHeightConstraint）
rightFrontView=U
import UIKit
class CDSlideView: UIView {
var leftBackView: UIView!
var leftBackLabel: UILabel!
var leftFrontView: UIView!
var leftFrontLabel: UILabel!
var rightBackView: UIView!
var rightBackLabel: UILabel!
var rightFrontView: UIView!
var rightFrontLabel: UILabel!
var foregroundView: UIView!
var backgroundView: UIView!
var slideGesture: UIPanGestureRecognizer!
let lightColor: UIColor = UIColor.whiteColor()
let darkColor: UIColor = UIColor.blueColor()
let leftText: String = "Search"
let rightText: String = "New"
var viewWidth: CGFloat!
var viewHeight: CGFloat!
var leftOrigin: CGFloat!
var rightOrigin: CGFloat!
var foregroundPadding: CGFloat = 4
override init(frame: CGRect) {
super.init(frame: frame)
// Init variables variables
viewWidth = self.frame.size.width
viewHeight = self.frame.size.height
leftOrigin = foregroundPadding / 2
rightOrigin = (viewWidth - foregroundPadding) / 2 + foregroundPadding / 2
backgroundView = UIView()
backgroundView.frame = CGRectMake(0, 0, viewWidth, viewHeight)
backgroundView.layer.cornerRadius = backgroundView.frame.size.height / 2
self.addSubview(backgroundView)
leftBackView = UIView()
leftBackView.frame = CGRectMake(0, 0, backgroundView.frame.size.width / 2, backgroundView.frame.size.height)
self.backgroundView.addSubview(leftBackView)
leftBackLabel = UILabel()
leftBackLabel.frame = CGRectMake(0, 0, leftBackView.frame.size.width, leftBackView.frame.size.height)
leftBackLabel.font = UIFont.systemFontOfSize(13, weight: UIFontWeightSemibold)
leftBackLabel.backgroundColor = UIColor.clearColor()
leftBackLabel.lineBreakMode = .ByClipping
leftBackLabel.textAlignment = .Center
self.leftBackView.addSubview(leftBackLabel)
rightBackView = UIView()
rightBackView.frame = CGRectMake(backgroundView.frame.size.width / 2, 0, backgroundView.frame.size.width / 2, backgroundView.frame.size.height)
self.backgroundView.addSubview(rightBackView)
rightBackLabel = UILabel()
rightBackLabel.frame = CGRectMake(0, 0, rightBackView.frame.size.width, rightBackView.frame.size.height)
rightBackLabel.font = UIFont.systemFontOfSize(13, weight: UIFontWeightSemibold)
rightBackLabel.backgroundColor = UIColor.clearColor()
rightBackLabel.lineBreakMode = .ByClipping
rightBackLabel.textAlignment = .Center
self.rightBackView.addSubview(rightBackLabel)
foregroundView = UIView()
foregroundView.frame = CGRectMake(foregroundPadding / 2, foregroundPadding / 2, (backgroundView.frame.size.width - foregroundPadding) / 2, backgroundView.frame.size.height - foregroundPadding)
foregroundView.clipsToBounds = true
foregroundView.layer.cornerRadius = (foregroundView.frame.size.height - foregroundPadding / 2) / 2
self.addSubview(foregroundView)
slideGesture = UIPanGestureRecognizer(target: self, action: #selector(CDSlideView.slideAction))
self.foregroundView.addGestureRecognizer(slideGesture)
leftFrontView = UIView()
leftFrontView.frame = CGRectMake(0, 0, backgroundView.frame.size.width / 2, backgroundView.frame.size.height)
self.foregroundView.addSubview(leftFrontView)
leftFrontLabel = UILabel()
leftFrontLabel.font = UIFont.systemFontOfSize(13, weight: UIFontWeightSemibold)
leftFrontLabel.backgroundColor = UIColor.clearColor()
leftFrontLabel.translatesAutoresizingMaskIntoConstraints = false
leftFrontLabel.lineBreakMode = .ByClipping
leftFrontLabel.textAlignment = .Center
self.leftFrontView.addSubview(leftFrontLabel)
let leftFrontLabelLeadingConstraint = NSLayoutConstraint(item: leftFrontLabel, attribute: .Leading, relatedBy: .Equal, toItem: self, attribute: .Leading, multiplier: 1, constant: self.backgroundView.frame.origin.x)
self.addConstraint(leftFrontLabelLeadingConstraint)
let leftFrontLabelTopConstraint = NSLayoutConstraint(item: leftFrontLabel, attribute: .Top, relatedBy: .Equal, toItem: self, attribute: .Top, multiplier: 1, constant: self.backgroundView.frame.origin.y)
self.addConstraint(leftFrontLabelTopConstraint)
let leftFrontLabelWidthConstraint = NSLayoutConstraint(item: leftFrontLabel, attribute: .Width, relatedBy: .Equal, toItem: nil, attribute: .NotAnAttribute, multiplier: 1, constant: leftFrontView.frame.size.width)
self.addConstraint(leftFrontLabelWidthConstraint)
let leftFrontLabelHeightConstraint = NSLayoutConstraint(item: leftFrontLabel, attribute: .Height, relatedBy: .Equal, toItem: nil, attribute: .NotAnAttribute, multiplier: 1, constant: leftFrontView.frame.size.height)
self.addConstraint(leftFrontLabelHeightConstraint)
rightFrontView = UIView()
rightFrontView.frame = CGRectMake(backgroundView.frame.size.width / 2, 0, backgroundView.frame.size.width / 2, backgroundView.frame.size.height)
self.foregroundView.addSubview(rightFrontView)
rightFrontLabel = UILabel()
rightFrontLabel.font = UIFont.systemFontOfSize(13, weight: UIFontWeightSemibold)
rightFrontLabel.backgroundColor = UIColor.clearColor()
rightFrontLabel.translatesAutoresizingMaskIntoConstraints = false
rightFrontLabel.lineBreakMode = .ByClipping
rightFrontLabel.textAlignment = .Center
self.rightFrontView.addSubview(rightFrontLabel)
let rightFrontLabelTrailingConstraint = NSLayoutConstraint(item: self, attribute: .Trailing, relatedBy: .Equal, toItem: rightFrontLabel, attribute: .Trailing, multiplier: 1, constant: self.backgroundView.frame.origin.x)
self.addConstraint(rightFrontLabelTrailingConstraint)
let rightFrontLabelTopConstraint = NSLayoutConstraint(item: rightFrontLabel, attribute: .Top, relatedBy: .Equal, toItem: self, attribute: .Top, multiplier: 1, constant: self.backgroundView.frame.origin.y)
self.addConstraint(rightFrontLabelTopConstraint)
let rightFrontLabelWidthConstraint = NSLayoutConstraint(item: rightFrontLabel, attribute: .Width, relatedBy: .Equal, toItem: nil, attribute: .NotAnAttribute, multiplier: 1, constant: rightFrontView.frame.size.width)
self.addConstraint(rightFrontLabelWidthConstraint)
let rightFrontLabelHeightConstraint = NSLayoutConstraint(item: rightFrontLabel, attribute: .Height, relatedBy: .Equal, toItem: nil, attribute: .NotAnAttribute, multiplier: 1, constant: rightFrontView.frame.size.height)
self.addConstraint(rightFrontLabelHeightConstraint)
let leftTapGesture: UITapGestureRecognizer = UITapGestureRecognizer(target: self, action: #selector(CDSlideView.leftTap(_:)))
self.leftBackView.addGestureRecognizer(leftTapGesture)
let rightTapGesture: UITapGestureRecognizer = UITapGestureRecognizer(target: self, action: #selector(CDSlideView.rightTap(_:)))
self.rightBackView.addGestureRecognizer(rightTapGesture)
self.setLabelText(leftText, rightText: rightText)
self.setLightColor(lightColor)
self.setDarkColor(darkColor)
}
required init?(coder aDecoder: NSCoder) {
fatalError("init(coder:) has not been implemented")
}
// MARK: Setup
func setLightColor(lightColor: UIColor) {
let lightColor = lightColor
self.foregroundView.backgroundColor = lightColor
self.leftBackLabel.textColor = lightColor
self.rightBackLabel.textColor = lightColor
}
func setDarkColor(darkColor: UIColor) {
let darkColor = darkColor
self.backgroundView.backgroundColor = darkColor
self.leftFrontLabel.textColor = darkColor
self.rightFrontLabel.textColor = darkColor
}
func setLabelText(leftText: String, rightText: String) {
self.leftFrontLabel.text = leftText
self.leftBackLabel.text = leftText
self.rightFrontLabel.text = rightText
self.rightBackLabel.text = rightText
}
// MARK: Actions
func slideAction(sender: UIPanGestureRecognizer) {
if sender.state == .Began || sender.state == .Changed {
let translation = sender.translationInView(self)
// note: 'view' is optional and need to be unwrapped
// Figure out where the user is trying to drag
var newCenter: CGPoint = CGPointMake(sender.view!.center.x + translation.x, sender.view!.center.y)
// Limit the bounds & update the center
newCenter.x = max(self.frame.size.width * 0.25 + foregroundPadding / 2, newCenter.x)
newCenter.x = min(self.frame.size.width * 0.75 - foregroundPadding / 2, newCenter.x)
// Set new center
sender.view!.center = newCenter
sender.setTranslation(CGPointMake(0,0), inView: self)
} else if sender.state == .Ended {
let senderVCX = sender.view?.center.x
// Snap to side
if senderVCX <= viewWidth / 2 {
print("called left")
sender.view?.frame.origin.x = self.leftOrigin
} else {
print("called right")
sender.view?.frame.origin.x = self.rightOrigin
}
}
}
func leftTap(sender: UITapGestureRecognizer) {
UIView.animateWithDuration(0.05) {
self.foregroundView.frame.origin.x = self.leftOrigin
}
}
func rightTap(sender: UITapGestureRecognizer) {
UIView.animateWithDuration(0.05) {
self.foregroundView.frame.origin.x = self.rightOrigin
}
}
}