{"id":321037,"date":"2021-04-07T09:01:02","date_gmt":"2021-04-07T09:01:02","guid":{"rendered":"http:\/\/savepearlharbor.com\/?p=321037"},"modified":"-0001-11-30T00:00:00","modified_gmt":"-0001-11-29T21:00:00","slug":"","status":"publish","type":"post","link":"https:\/\/savepearlharbor.com\/?p=321037","title":{"rendered":"\u041a\u0430\u043a \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c \u0442\u0430\u0431-\u0431\u0430\u0440 \u0441 \u043d\u0435\u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043d\u043e\u0439 \u043a\u043d\u043e\u043f\u043a\u043e\u0439: CAShapeLayer \u0438 UIResponderChain"},"content":{"rendered":"\n
\n

\u041f\u0440\u0438\u0432\u0435\u0442, \u0425\u0430\u0431\u0440! <\/p>\n

\u0414\u0438\u0437\u0430\u0439\u043d \u0438\u0433\u0440\u0430\u0435\u0442 \u0432\u0430\u0436\u043d\u0443\u044e \u0440\u043e\u043b\u044c \u0432 \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u043e\u043c \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0438, \u043d\u0430\u043f\u0440\u044f\u043c\u0443\u044e \u0432\u043b\u0438\u044f\u044f \u043d\u0430 \u0435\u0433\u043e \u0443\u0441\u043f\u0435\u0445. \u041d\u0430 \u044d\u0442\u0430\u043f\u0435 \u043f\u0440\u043e\u0435\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0430 \u0447\u0430\u0441\u0442\u043e \u043e\u0442\u0434\u0430\u0435\u0442\u0441\u044f \u043f\u0440\u0435\u0434\u043f\u043e\u0447\u0442\u0435\u043d\u0438\u0435 \u043d\u0435\u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043d\u044b\u043c, \u0438\u043d\u043e\u0433\u0434\u0430 \u0434\u0430\u0436\u0435 \u0438\u043d\u0442\u0435\u0440\u0430\u043a\u0442\u0438\u0432\u043d\u044b\u043c, \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430\u043c, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0431\u0443\u0434\u0443\u0442 \u043f\u0440\u0438\u0442\u044f\u0433\u0438\u0432\u0430\u0442\u044c \u0432\u0437\u0433\u043b\u044f\u0434, \u0441\u043f\u043e\u0441\u043e\u0431\u0441\u0442\u0432\u0443\u044f \u043f\u043e\u0432\u044b\u0448\u0435\u043d\u0438\u044e \u043f\u043e\u043a\u0430\u0437\u0430\u0442\u0435\u043b\u044f user retention (\u0443\u0434\u0435\u0440\u0436\u0430\u043d\u0438\u0435 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0435\u0439).<\/p>\n

\u0412 \u0434\u0430\u043d\u043d\u043e\u0439 \u0441\u0442\u0430\u0442\u044c\u0435 \u0440\u0430\u0441\u0441\u043c\u043e\u0442\u0440\u0438\u043c \u043e\u0434\u0438\u043d \u0438\u0437 \u0442\u0430\u043a\u0438\u0445 \u0441\u043b\u0443\u0447\u0430\u0435\u0432: \u0442\u0430\u0431-\u0431\u0430\u0440 \u0441 \u043a\u0440\u0443\u0433\u043b\u043e\u0439 \u043a\u043d\u043e\u043f\u043a\u043e\u0439 \u0432 \u0446\u0435\u043d\u0442\u0440\u0435, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u0431\u0443\u0434\u0435\u0442 \u0438\u0437\u043c\u0435\u043d\u044f\u0442\u044c \u0441\u0432\u043e\u0439 \u0446\u0432\u0435\u0442 \u043f\u0440\u0438 \u043d\u0430\u0436\u0430\u0442\u0438\u0438 \u0441 \u0443\u0441\u043b\u043e\u0432\u043d\u043e\u0433\u043e \u043a\u0440\u0430\u0441\u043d\u043e\u0433\u043e \u043d\u0430 \u0437\u0435\u043b\u0435\u043d\u044b\u0439.<\/p>\n

<\/figcaption><\/figure>\n

\u041f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u043d\u044b\u0439 \u0441\u043f\u043e\u0441\u043e\u0431 \u043e\u0440\u0438\u0435\u043d\u0442\u0438\u0440\u043e\u0432\u0430\u043d \u043d\u0430 \u043d\u0430\u0447\u0438\u043d\u0430\u044e\u0449\u0438\u0445 iOS-\u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u043e\u0432.<\/p>\n

\u0418\u0442\u0430\u043a, \u043d\u0430\u0447\u043d\u0435\u043c.<\/p>\n

\u0421\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043d\u0430\u044f \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f<\/h4>\n

UIKit<\/code> \u043f\u0440\u0435\u0434\u043e\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u0442 iOS-\u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0430\u043c \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442 \u0434\u043b\u044f \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 \u043d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u0438 \u043f\u043e \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044e \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u0442\u0430\u0431-\u0431\u0430\u0440\u0430 \u2013 UITabBarController<\/code>. \u0414\u0430\u043d\u043d\u044b\u0439 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442 \u043f\u0440\u043e\u0441\u0442 \u0432 \u043f\u0440\u0438\u043c\u0435\u043d\u0435\u043d\u0438\u0438 \u0438 \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u0442 \u0432\u0441\u044e \u0431\u0430\u0437\u043e\u0432\u0443\u044e \u043e\u0442\u0440\u0438\u0441\u043e\u0432\u043a\u0443 \u0442\u0430\u0431-\u0431\u0430\u0440\u0430 \u0437\u0430 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f, \u0434\u043e\u0441\u0442\u0430\u0442\u043e\u0447\u043d\u043e \u0443\u043a\u0430\u0437\u0430\u0442\u044c ViewController<\/code>\u2019\u044b, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0431\u0443\u0434\u0443\u0442 \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0430\u0442\u044c\u0441\u044f \u043f\u0440\u0438 \u043d\u0430\u0436\u0430\u0442\u0438\u0438 \u043d\u0430 \u043a\u043d\u043e\u043f\u043a\u0438 \u0442\u0430\u0431-\u0431\u0430\u0440\u0430, \u0430 \u0442\u0430\u043a\u0436\u0435 \u0437\u0430\u0434\u0430\u0442\u044c \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u044b tabBarItem.title<\/code> \u0438 tabBarItem.image<\/code> \u0443 \u043a\u0430\u0436\u0434\u043e\u0433\u043e ViewController<\/code>. \u0418\u043c\u0435\u043d\u043d\u043e \u044d\u0442\u0438\u043c \u0441\u043f\u043e\u0441\u043e\u0431\u043e\u043c, \u0441 \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u043c\u0438 \u0434\u043e\u0440\u0430\u0431\u043e\u0442\u043a\u0430\u043c\u0438, \u043c\u044b \u0438 \u0432\u043e\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c\u0441\u044f \u043f\u0440\u0438 \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 \u0437\u0430\u0434\u0443\u043c\u0430\u043d\u043d\u043e\u0433\u043e \u0434\u0438\u0437\u0430\u0439\u043d\u0430.<\/p>\n

\u041f\u043e\u0434\u0433\u043e\u0442\u043e\u0432\u043a\u0430<\/h4>\n

\u0421\u043e\u0437\u0434\u0430\u0434\u0438\u043c \u043f\u0443\u0441\u0442\u043e\u0439 \u043f\u0440\u043e\u0435\u043a\u0442 \u0432 Xcode, \u043f\u0435\u0440\u0435\u0439\u0434\u0435\u043c \u0432 \u0444\u0430\u0439\u043b Main.storyboard <\/code> \u0432\u044b\u0431\u0435\u0440\u0435\u043c \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u043d\u044b\u0439 ViewController<\/code>. \u0412 \u0441\u0442\u0440\u043e\u043a\u0435 \u043c\u0435\u043d\u044e \u043f\u0435\u0440\u0435\u0439\u0434\u0435\u043c \u0432 Editor -> Embed In<\/code> \u0438 \u0432\u044b\u0431\u0435\u0440\u0435\u043c Tab Bar Controller<\/code>. \u042d\u0442\u043e \u043f\u043e\u0437\u0432\u043e\u043b\u0438\u0442 \u043d\u0430\u043c \u043e\u0431\u0435\u0440\u043d\u0443\u0442\u044c \u043d\u0430\u0448 ViewController<\/code> \u0432TabBarController<\/code>, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0431\u0443\u0434\u0435\u0442 \u044f\u0432\u043b\u044f\u0442\u044c\u0441\u044f \u043d\u0430\u0447\u0430\u043b\u044c\u043d\u044b\u043c \u043a\u043e\u043d\u0442\u0440\u043e\u043b\u043b\u0435\u0440\u043e\u043c \u043f\u0440\u0438 \u0432\u0445\u043e\u0434\u0435 \u0432 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435.<\/p>\n

<\/figcaption><\/figure>\n

\u0423\u0434\u0430\u043b\u044f\u0435\u043c tabBarItem<\/code>. \u0412\u043f\u043e\u0441\u043b\u0435\u0434\u0441\u0442\u0432\u0438\u0438 \u043c\u044b \u0434\u043e\u0431\u0430\u0432\u0438\u043c \u0435\u0433\u043e \u0447\u0435\u0440\u0435\u0437 \u043a\u043e\u0434. \u0414\u043e\u043b\u0436\u043d\u043e \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c\u0441\u044f \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0435\u0435 \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0435: <\/p>\n

<\/figcaption><\/figure>\n

\u0412\u0435\u0440\u043d\u0435\u043c\u0441\u044f \u0432 \u0444\u0430\u0439\u043b ViewController.swift<\/code> \u0438 \u043f\u0435\u0440\u0435\u0438\u043c\u0435\u043d\u0443\u0435\u043c \u043d\u0430\u0448 \u043a\u043b\u0430\u0441\u0441 \u0432 MainTabBarController<\/code>, \u043d\u0430\u0436\u0430\u0432 \u043d\u0430 \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u0435 \u043a\u043b\u0430\u0441\u0441\u0430 \u0441 \u0437\u0430\u0436\u0430\u0442\u043e\u0439 \u043a\u043b\u0430\u0432\u0438\u0448\u0435\u0439 Command \u0438 \u0432\u044b\u0431\u0440\u0430\u0432 Rename<\/code> \u0432 \u043a\u043e\u043d\u0442\u0435\u043a\u0441\u0442\u043d\u043e\u043c \u043c\u0435\u043d\u044e: <\/p>\n

<\/figcaption><\/figure>\n

\u041e\u0442\u043d\u0430\u0441\u043b\u0435\u0434\u0443\u0435\u043c\u0441\u044f \u043e\u0442 UITabBarController<\/code> \u0432\u043c\u0435\u0441\u0442\u043e UIViewController<\/code>: <\/p>\n

<\/figcaption><\/figure>\n

\u0412 \u0444\u0430\u0439\u043b\u0435 Main.storyboard<\/code> \u0443 TabBarController<\/code> \u0443\u043a\u0430\u0436\u0435\u043c \u043a\u043b\u0430\u0441\u0441 MainTabBarController<\/code>: <\/p>\n

<\/figcaption><\/figure>\n

\u0412 \u043a\u043b\u0430\u0441\u0441\u0435 MainTabBarController<\/code> \u0441\u043e\u0437\u0434\u0430\u0434\u0438\u043c \u043a\u043e\u043d\u0441\u0442\u0430\u043d\u0442\u0443 \u0434\u0438\u0430\u043c\u0435\u0442\u0440\u0430 \u0441\u0440\u0435\u0434\u043d\u0435\u0439 \u043a\u043d\u043e\u043f\u043a\u0438 (\u043f\u043e \u0434\u0438\u0437\u0430\u0439\u043d\u0443 \u043e\u043d \u0440\u0430\u0432\u0435\u043d 42), \u043a\u043e\u043d\u0441\u0442\u0430\u043d\u0442\u044b \u0434\u043b\u044f \u0446\u0432\u0435\u0442\u043e\u0432, \u0441 \u043a\u043e\u0442\u043e\u0440\u044b\u043c\u0438 \u043f\u0440\u0435\u0434\u0441\u0442\u043e\u0438\u0442 \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c, \u0438 \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u043e \u0441\u0430\u043c\u043e\u0439 \u043a\u043d\u043e\u043f\u043a\u0438: <\/p>\n

private let middleButtonDiameter: CGFloat = 42  private let redColor: UIColor = UIColor(red: 254.0 \/ 255.0, green: 116.0 \/ 255.0, blue: 96.0 \/ 255.0, alpha: 1.0) private let greenColor: UIColor = UIColor(red: 102.0 \/ 255.0, green: 166.0 \/ 255.0, blue: 54.0 \/ 255.0, alpha: 1.0)  private lazy var middleButton: UIButton = { \tlet middleButton = UIButton() \tmiddleButton.layer.cornerRadius = middleButtonDiameter \/ 2 \tmiddleButton.backgroundColor = redColor \tmiddleButton.translatesAutoresizingMaskIntoConstraints = false \treturn middleButton }()<\/code><\/pre>\n
\u0421\u043a\u0440\u0443\u0433\u043b\u0435\u043d\u0438\u0435 \u043a\u043d\u043e\u043f\u043a\u0438 \u0437\u0430\u0434\u0430\u0435\u0442\u0441\u044f \u0447\u0435\u0440\u0435\u0437 \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u043e layer.cornerRadius<\/code>. \u0414\u043b\u044f \u043f\u043e\u043b\u0443\u0447\u0435\u043d\u0438\u044f \u043a\u0440\u0443\u0433\u043b\u043e\u0439 \u043a\u043d\u043e\u043f\u043a\u0438 \u0434\u0438\u0430\u043c\u0435\u0442\u0440 \u043d\u0430\u0434\u043e \u0440\u0430\u0437\u0434\u0435\u043b\u0438\u0442\u044c \u043d\u0430 2.<\/p>\n
\u0421\u043e\u0437\u0434\u0430\u0434\u0438\u043c UIImageView<\/code> \u0434\u043b\u044f \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f \u0438\u043a\u043e\u043d\u043a\u0438 \u0441\u0435\u0440\u0434\u0446\u0430 \u0432\u043d\u0443\u0442\u0440\u0438 \u043a\u043d\u043e\u043f\u043a\u0438.<\/p>\n
private lazy var heartImageView: UIImageView = { \tlet heartImageView = UIImageView() \theartImageView.image = UIImage(systemName: \"heart.fill\") \theartImageView.tintColor = .white \theartImageView.translatesAutoresizingMaskIntoConstraints = false \treturn heartImageView }()<\/code><\/pre>\n
\u041e\u0431\u044a\u044f\u0432\u0438\u043c \u043c\u0435\u0442\u043e\u0434 makeUI()<\/code> \u0434\u043b\u044f \u043f\u043e\u0441\u0442\u0440\u043e\u0435\u043d\u0438\u044f \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0430:  <\/p>\n
private func makeUI() { \t\/\/ 1 \ttabBar.addSubview(middleButton) \tmiddleButton.addSubview(heartImageView)  \t\/\/ 2 \tNSLayoutConstraint.activate([ \t\t\/\/ 2.1 \t\tmiddleButton.heightAnchor.constraint(equalToConstant: middleButtonDiameter), \t\tmiddleButton.widthAnchor.constraint(equalToConstant: middleButtonDiameter), \t\t\/\/ 2.2 \t\tmiddleButton.centerXAnchor.constraint(equalTo: tabBar.centerXAnchor), \t\tmiddleButton.topAnchor.constraint(equalTo: tabBar.topAnchor, constant: -10) \t])  \t\/\/ 3 \tNSLayoutConstraint.activate([ \t\t\/\/ 3.1 \t\theartImageView.heightAnchor.constraint(equalToConstant: 15), \t\theartImageView.widthAnchor.constraint(equalToConstant: 18), \t\t\/\/ 3.2 \t\theartImageView.centerXAnchor.constraint(equalTo: middleButton.centerXAnchor), \t\theartImageView.centerYAnchor.constraint(equalTo: middleButton.centerYAnchor) \t]) }<\/code><\/pre>\n
\u0420\u0430\u0441\u0441\u043c\u043e\u0442\u0440\u0438\u043c \u043f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435, \u0447\u0442\u043e \u043f\u0440\u043e\u0438\u0441\u0445\u043e\u0434\u0438\u0442 \u0432 \u0434\u0430\u043d\u043d\u043e\u043c \u043c\u0435\u0442\u043e\u0434\u0435:<\/p>\n
1. \u0414\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u043c middleButton<\/code> \u0432 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0435 subview<\/code> \u043d\u0430tabBar<\/code>, \u0430 \u0442\u0430\u043a\u0436\u0435 heartImageView<\/code> \u0432 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0435 subview<\/code> \u043d\u0430 middleButton<\/code>;<\/p>\n
2. \u0410\u043a\u0442\u0438\u0432\u0438\u0440\u0443\u0435\u043c \u043a\u043e\u043d\u0441\u0442\u0440\u0435\u0439\u043d\u0442\u044b \u0434\u043b\u044f middleButton<\/code>:<\/p>\n
    2.1. \u0424\u0438\u043a\u0441\u0438\u0440\u0443\u0435\u043c \u0432\u044b\u0441\u043e\u0442\u0443 \u0438 \u0448\u0438\u0440\u0438\u043d\u0443 \u0432 \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0438\u0438 \u0441 \u0434\u0438\u0437\u0430\u0439\u043d\u043e\u043c;<\/p>\n
    2.2. \u0424\u0438\u043a\u0441\u0438\u0440\u0443\u0435\u043c \u0446\u0435\u043d\u0442\u0440 \u043f\u043e \u043e\u0441\u0438 x<\/code> \u0438 \u043e\u0442\u0441\u0442\u0443\u043f \u043e\u0442 \u0432\u0435\u0440\u0445\u043d\u0435\u0439 \u0433\u0440\u0430\u043d\u0438\u0446\u044b: \u043f\u043e \u0434\u0438\u0437\u0430\u0439\u043d\u0443 \u043a\u043d\u043e\u043f\u043a\u0430 \u0432\u044b\u0441\u0442\u0443\u043f\u0430\u0435\u043c \u043d\u0430\u0434 \u0442\u0430\u0431-\u0431\u0430\u0440\u043e\u043c \u043d\u0430 10 \u043f\u0438\u043a\u0441\u0435\u043b\u0435\u0439.<\/p>\n
3. \u0410\u043a\u0442\u0438\u0432\u0438\u0440\u0443\u0435\u043c \u043a\u043e\u043d\u0441\u0442\u0440\u0435\u0439\u043d\u0442\u044b \u0434\u043b\u044f heartImageView<\/code>:<\/p>\n
    3.1. \u0424\u0438\u043a\u0441\u0438\u0440\u0443\u0435\u043c \u0432\u044b\u0441\u043e\u0442\u0443 \u0438 \u0448\u0438\u0440\u0438\u043d\u0443 \u0432 \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0438\u0438 \u0441 \u0434\u0438\u0437\u0430\u0439\u043d\u043e\u043c;<\/p>\n
    3.2. \u0424\u0438\u043a\u0441\u0438\u0440\u0443\u0435\u043c \u0446\u0435\u043d\u0442\u0440 \u043f\u043e \u043e\u0441\u044f\u043c x<\/code> \u0438 y<\/code> \u0434\u043b\u044f \u0440\u0430\u0437\u043c\u0435\u0449\u0435\u043d\u0438\u044f heartImageView<\/code> \u043f\u043e \u0446\u0435\u043d\u0442\u0440\u0443 middleButton<\/code>.<\/p>\n
\u0412\u044b\u0437\u043e\u0432\u0435\u043c \u043c\u0435\u0442\u043e\u0434 makeUI()<\/code>  \u0432 \u043c\u0435\u0442\u043e\u0434\u0435 viewDidLoad()<\/code> \u043a\u043b\u0430\u0441\u0441\u0430 MainTabBarController<\/code>:<\/p>\n
override func viewDidLoad() { \tsuper.viewDidLoad() \tmakeUI() }<\/code><\/pre>\n
\u0421\u043a\u043e\u043c\u043f\u0438\u043b\u0438\u0440\u0443\u0435\u043c \u0438 \u0437\u0430\u043f\u0443\u0441\u0442\u0438\u043c \u043f\u0440\u043e\u0435\u043a\u0442. \u0423 \u043d\u0430\u0441 \u0434\u043e\u043b\u0436\u043d\u043e \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c\u0441\u044f \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0435\u0435:  <\/p>\n
<\/figcaption><\/figure>\n
\u0420\u0430\u0431\u043e\u0442\u0430 \u0441 CAShapeLayer  <\/h4>\n
\u041f\u043e \u0434\u0438\u0437\u0430\u0439\u043d\u0443 \u0443 \u043d\u0430\u0441 \u0435\u0441\u0442\u044c \u043e\u0431\u0432\u043e\u0434\u043a\u0430 \u043d\u0430\u0434 \u043a\u043d\u043e\u043f\u043a\u043e\u0439 \u0432 \u0444\u043e\u0440\u043c\u0435 \u043f\u043e\u043b\u0443\u043a\u0440\u0443\u0433\u0430. \u041e\u0442\u0440\u0438\u0441\u043e\u0432\u0430\u043d\u0430 \u043e\u043d\u0430 \u0431\u0443\u0434\u0435\u0442 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e CAShapeLayer<\/code>, \u043f\u043e\u0434\u043a\u043b\u0430\u0441\u0441\u0430 CALayer<\/code>.<\/p>\n
\u0414\u043b\u044f \u0435\u0451 \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 \u043d\u0430\u043c \u043d\u0430\u0434\u043e \u0441\u043e\u0437\u0434\u0430\u0442\u044c \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u0439 \u0444\u0430\u0439\u043b, \u043d\u0430\u0437\u043e\u0432\u0451\u043c \u0435\u0433\u043e CustomTabBar.swift<\/code>, \u0438 \u043e\u0431\u044a\u044f\u0432\u0438\u0442\u044c \u0432 \u043d\u0435\u043c \u043e\u0434\u043d\u043e\u0438\u043c\u0451\u043d\u043d\u044b\u0439 \u043a\u043b\u0430\u0441\u0441, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0431\u0443\u0434\u0435\u0442 \u043d\u0430\u0441\u043b\u0435\u0434\u043e\u0432\u0430\u0442\u044c\u0441\u044f \u043e\u0442 UITabBar<\/code>: <\/p>\n
import UIKit  final class CustomTabBar: UITabBar {      }<\/code><\/pre>\n
\u0412 \u0444\u0430\u0439\u043b\u0435 Main.storyboard<\/code> \u0432\u044b\u0431\u0435\u0440\u0435\u043c \u0442\u0430\u0431-\u0431\u0430\u0440 \u043d\u0430 MainTabBarController<\/code> \u0438 \u0443\u043a\u0430\u0436\u0435\u043c, \u0447\u0442\u043e \u043e\u043d \u0431\u0443\u0434\u0435\u0442 \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u043d \u043a\u043b\u0430\u0441\u0441\u043e\u043c CustomTabBar<\/code>:  <\/p>\n
<\/figcaption><\/figure>\n
\u0412\u043d\u0443\u0442\u0440\u0438 \u043a\u043b\u0430\u0441\u0441\u0430 CustomTabBar<\/code> \u043e\u0431\u044a\u044f\u0432\u0438\u043c \u0432\u044b\u0447\u0438\u0441\u043b\u044f\u0435\u043c\u044b\u0435 \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u0430 \u0434\u043b\u044f \u0440\u0430\u0431\u043e\u0442\u044b \u0441 \u0442\u0430\u0431-\u0431\u0430\u0440\u043e\u043c, \u0430 \u0442\u0430\u043a\u0436\u0435 \u043a\u043e\u043d\u0441\u0442\u0430\u043d\u0442\u0443 \u0434\u043b\u044f \u0440\u0430\u0434\u0438\u0443\u0441\u0430 \u043f\u043e\u043b\u0443\u043a\u0440\u0443\u0433\u0430 \u043e\u0431\u0432\u043e\u0434\u043a\u0438:<\/p>\n
private var tabBarWidth: CGFloat { self.bounds.width } private var tabBarHeight: CGFloat { self.bounds.height } private var centerWidth: CGFloat { self.bounds.width \/ 2 } private let circleRadius: CGFloat = 27<\/code><\/pre>\n
\u041e\u0431\u044a\u044f\u0432\u0438\u043c \u043c\u0435\u0442\u043e\u0434 \u0434\u043b\u044f \u0432\u044b\u0447\u0438\u0441\u043b\u0435\u043d\u0438\u044f \u0433\u0440\u0430\u043d\u0438\u0446 \u043e\u0431\u0432\u043e\u0434\u043a\u0438 \u0442\u0430\u0431-\u0431\u0430\u0440\u0430, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0431\u0443\u0434\u0435\u0442 \u0432\u043e\u0437\u0432\u0440\u0430\u0449\u0430\u0442\u044c CGPath<\/code> \u2013 \u0431\u0443\u043a\u0432\u0430\u043b\u044c\u043d\u043e \u043f\u0443\u0442\u044c, \u043f\u043e \u043a\u043e\u0442\u043e\u0440\u043e\u043c\u0443 \u043c\u044b \u0431\u0443\u0434\u0435\u043c \u0434\u0432\u0438\u0433\u0430\u0442\u044c\u0441\u044f, \u0440\u0438\u0441\u0443\u044f \u043e\u0431\u0432\u043e\u0434\u043a\u0443:<\/p>\n
private func shapePath() -> CGPath { \tlet path = UIBezierPath() \/\/ 1 \tpath.move(to: CGPoint(x: 0, y: 0)) \/\/ 2 \tpath.addLine(to: CGPoint(x: tabBarWidth, y: 0)) \/\/ 3 \tpath.addLine(to: CGPoint(x: tabBarWidth, y: tabBarHeight)) \/\/ 4 \tpath.addLine(to: CGPoint(x: 0, y: tabBarHeight)) \/\/ 5 \tpath.close() \/\/ 6 \treturn path.cgPath \/\/ 7 }<\/code><\/pre>\n
\u0420\u0430\u0441\u0441\u043c\u043e\u0442\u0440\u0438\u043c \u043f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435, \u0447\u0442\u043e \u043f\u0440\u043e\u0438\u0441\u0445\u043e\u0434\u0438\u0442 \u0432 \u0434\u0430\u043d\u043d\u043e\u043c \u043c\u0435\u0442\u043e\u0434\u0435:<\/p>\n
    \n
  1. \n
    \u0421\u043e\u0437\u0434\u0430\u0435\u043c \u0438 \u0438\u043d\u0438\u0446\u0438\u0430\u043b\u0438\u0437\u0438\u0440\u0443\u0435\u043c \u043a\u043e\u043d\u0441\u0442\u0430\u043d\u0442\u0443 path<\/code> \u0442\u0438\u043f\u0430 UIBezierPath<\/code>.<\/p>\n<\/li>\n
  2. \n
    \u041f\u0435\u0440\u0435\u043c\u0435\u0449\u0430\u0435\u043c\u0441\u044f \u0432 \u0442\u043e\u0447\u043a\u0443 \u043d\u0430\u0447\u0430\u043b\u0430 \u0441\u0438\u0441\u0442\u0435\u043c\u044b \u043a\u043e\u043e\u0440\u0434\u0438\u043d\u0430\u0442, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u0432\u0441\u0435\u0433\u0434\u0430 \u043d\u0430\u0445\u043e\u0434\u0438\u0442\u0441\u044f \u0432 \u043b\u0435\u0432\u043e\u043c \u0432\u0435\u0440\u0445\u043d\u0435\u043c \u0443\u0433\u043b\u0443.<\/p>\n<\/li>\n
  3. \n
    \u0414\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u043c \u043b\u0438\u043d\u0438\u044e \u0432 \u0442\u043e\u0447\u043a\u0443, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u0435\u0442 \u043f\u0440\u0430\u0432\u043e\u043c\u0443 \u0432\u0435\u0440\u0445\u043d\u0435\u043c\u0443 \u0443\u0433\u043b\u0443 \u0442\u0430\u0431-\u0431\u0430\u0440\u0430.<\/p>\n<\/li>\n
  4. \n
    \u0414\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u043c \u043b\u0438\u043d\u0438\u044e \u0432 \u0442\u043e\u0447\u043a\u0443, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u0435\u0442 \u043f\u0440\u0430\u0432\u043e\u043c\u0443 \u043d\u0438\u0436\u043d\u0435\u043c\u0443 \u0443\u0433\u043b\u0443 \u0442\u0430\u0431-\u0431\u0430\u0440\u0430.<\/p>\n<\/li>\n
  5. \n
    \u0414\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u043c \u043b\u0438\u043d\u0438\u044e \u0432 \u0442\u043e\u0447\u043a\u0443, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u0435\u0442 \u043b\u0435\u0432\u043e\u043c\u0443 \u043d\u0438\u0436\u043d\u0435\u043c\u0443 \u0443\u0433\u043b\u0443 \u0442\u0430\u0431-\u0431\u0430\u0440\u0430.<\/p>\n<\/li>\n
  6. \n
    \u0417\u0430\u043a\u0440\u044b\u0432\u0430\u0435\u043c \u043f\u0443\u0442\u044c, \u043f\u043e \u0441\u0443\u0442\u0438 \u043f\u0435\u0440\u0435\u043c\u0435\u0449\u0430\u044f\u0441\u044c \u0438\u0437 \u0442\u043e\u0447\u043a\u0438 \u043b\u0435\u0432\u043e\u0433\u043e \u043d\u0438\u0436\u043d\u0435\u0433\u043e \u0443\u0433\u043b\u0430 \u0432 \u043d\u0430\u0447\u0430\u043b\u044c\u043d\u0443\u044e \u0442\u043e\u0447\u043a\u0443, \u0442\u043e \u0435\u0441\u0442\u044c \u0432 \u0432\u0435\u0440\u0445\u043d\u0438\u0439 \u043b\u0435\u0432\u044b\u0439 \u0443\u0433\u043e\u043b.<\/p>\n<\/li>\n
  7. \n
    \u0412\u043e\u0437\u0432\u0440\u0430\u0449\u0430\u0435\u043c \u043f\u0443\u0442\u044c \u0432 \u0432\u0438\u0434\u0435 \u043e\u0431\u044a\u0435\u043a\u0442\u0430 CGPath<\/code>.<\/p>\n<\/li>\n<\/ol>\n
    \u0410\u043d\u0430\u043b\u043e\u0433\u0438\u0447\u043d\u044b\u043c \u0441\u043f\u043e\u0441\u043e\u0431\u043e\u043c \u043f\u043e\u043b\u0443\u0447\u0438\u043c CGPath<\/code> \u0434\u043b\u044f \u043e\u0431\u0432\u043e\u0434\u043a\u0438 \u043f\u043e\u043b\u0443\u043a\u0440\u0443\u0433\u0430:<\/p>\n
    private func circlePath() -> CGPath { \tlet path = UIBezierPath() \/\/ 1 \tpath.addArc(withCenter: CGPoint(x: centerWidth, y: 12), \/\/ 2 \t\t\t\tradius: circleRadius, \/\/ 3 \t\t\t\tstartAngle: 180 * .pi \/ 180, \/\/ 4 \t\t\t\tendAngle: 0 * 180 \/ .pi, \/\/ 5 \t\t\t\tclockwise: true) \/\/ 6 \treturn path.cgPath \/\/ 7 }<\/code><\/pre>\n
    \u0420\u0430\u0441\u0441\u043c\u043e\u0442\u0440\u0438\u043c \u043f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435, \u0447\u0442\u043e \u043f\u0440\u043e\u0438\u0441\u0445\u043e\u0434\u0438\u0442 \u0432 \u0434\u0430\u043d\u043d\u043e\u043c \u043c\u0435\u0442\u043e\u0434\u0435:<\/p>\n
      \n
    1. \n
      \u0421\u043e\u0437\u0434\u0430\u0435\u043c \u0438 \u0438\u043d\u0438\u0446\u0438\u0430\u043b\u0438\u0437\u0438\u0440\u0443\u0435\u043c \u043a\u043e\u043d\u0441\u0442\u0430\u043d\u0442\u0443 path<\/code> \u0442\u0438\u043f\u0430 UIBezierPath<\/code>.<\/p>\n<\/li>\n
    2. \n
      \u0414\u043b\u044f \u043e\u0442\u0440\u0438\u0441\u043e\u0432\u043a\u0438 \u043f\u043e\u043b\u0443\u043a\u0440\u0443\u0433\u0430 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c \u043c\u0435\u0442\u043e\u0434 addArc<\/code>, \u043f\u0435\u0440\u0432\u044b\u043c \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u043e\u043c \u043a\u043e\u0442\u043e\u0440\u043e\u0433\u043e \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0446\u0435\u043d\u0442\u0440 \u043f\u043e\u043b\u0443\u043a\u0440\u0443\u0433\u0430. \u042d\u0442\u043e \u0442\u043e\u0447\u043a\u0430 \u0432 \u0446\u0435\u043d\u0442\u0440\u0435 \u0442\u0430\u0431-\u0431\u0430\u0440\u0430 \u043f\u043e \u043e\u0441\u0438 x<\/code> \u0438 \u0441 \u043e\u0442\u0441\u0442\u0443\u043f\u043e\u043c \u0432\u043d\u0438\u0437 \u043d\u0430 12 \u043f\u0438\u043a\u0441\u0435\u043b\u0435\u0439 \u043f\u043e \u043e\u0441\u0438 y<\/code> (\u043f\u043e \u0434\u0438\u0437\u0430\u0439\u043d\u0443 \u043f\u043e\u043b\u0443\u043a\u0440\u0443\u0433 \u0432\u044b\u0441\u0442\u0443\u043f\u0430\u0435\u0442 \u043d\u0430\u0434 \u0442\u0430\u0431-\u0431\u0430\u0440\u043e\u043c \u043d\u0430 15 \u043f\u0438\u043a\u0441\u0435\u043b\u0435\u0439).<\/p>\n<\/li>\n
    3. \n
      \u0423\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u043c \u0440\u0430\u0434\u0438\u0443\u0441 \u043f\u043e\u043b\u0443\u043a\u0440\u0443\u0433\u0430.<\/p>\n<\/li>\n
    4. \n
      \u0423\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u043c \u043d\u0430\u0447\u0430\u043b\u044c\u043d\u044b\u0439 \u0443\u0433\u043e\u043b.<\/p>\n<\/li>\n
    5. \n
      \u0423\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u043c \u043a\u043e\u043d\u0435\u0447\u043d\u044b\u0439 \u0443\u0433\u043e\u043b.<\/p>\n<\/li>\n
    6. \n
      \u0423\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u043c \u043d\u0430\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u043e\u0442\u0440\u0438\u0441\u043e\u0432\u043a\u0438 \u043f\u043e\u043b\u0443\u043a\u0440\u0443\u0433\u0430 \u2013 \u043f\u043e \u0447\u0430\u0441\u043e\u0432\u043e\u0439 \u0441\u0442\u0440\u0435\u043b\u043a\u0435.<\/p>\n<\/li>\n
    7. \n
      \u0412\u043e\u0437\u0432\u0440\u0430\u0449\u0430\u0435\u043c \u043f\u0443\u0442\u044c \u0432 \u0432\u0438\u0434\u0435 \u043e\u0431\u044a\u0435\u043a\u0442\u0430 CGPath<\/code>.<\/p>\n<\/li>\n<\/ol>\n
      \u041f\u0440\u0438\u0441\u0442\u0443\u043f\u0438\u043c \u043a \u043d\u0435\u043f\u043e\u0441\u0440\u0435\u0434\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0439 \u043e\u0442\u0440\u0438\u0441\u043e\u0432\u043a\u0435, \u0434\u043b\u044f \u043a\u043e\u0442\u043e\u0440\u043e\u0439 \u043e\u0431\u044a\u044f\u0432\u0438\u043c \u043c\u0435\u0442\u043e\u0434 drawTabBar()<\/code>, \u043f\u0435\u0440\u0435\u0434 \u044d\u0442\u0438\u043c \u043e\u0431\u044a\u044f\u0432\u0438\u0432 \u0434\u0432\u0430 \u043e\u043f\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u0430 \u0434\u043b\u044f \u0445\u0440\u0430\u043d\u0435\u043d\u0438\u044f \u0440\u0438\u0441\u0443\u0435\u043c\u044b\u0445 CALayer<\/code>:  <\/p>\n
      private var shapeLayer: CALayer? private var circleLayer: CALayer?<\/code><\/pre>\n
      private func drawTabBar() { \t\/\/ 1 \tlet shapeLayer = CAShapeLayer() \tshapeLayer.path = shapePath() \tshapeLayer.strokeColor = UIColor.lightGray.cgColor \tshapeLayer.fillColor = UIColor.white.cgColor \tshapeLayer.lineWidth = 1.0  \t\/\/ 2 \tlet circleLayer = CAShapeLayer() \tcircleLayer.path = circlePath() \tcircleLayer.strokeColor = UIColor.lightGray.cgColor \tcircleLayer.fillColor = UIColor.white.cgColor \tcircleLayer.lineWidth = 1.0          \t\/\/ 3 \tif let oldShapeLayer = self.shapeLayer { \t\tself.layer.replaceSublayer(oldShapeLayer, with: shapeLayer) \t} else if let oldShapeLayer = self.circleLayer { \t\tself.layer.replaceSublayer(oldShapeLayer, with: circleLayer) \t} else { \t\tself.layer.insertSublayer(shapeLayer, at: 0) \t\tself.layer.insertSublayer(circleLayer, at: 1) \t}  \t\/\/ 4 \tself.shapeLayer = shapeLayer \tself.circleLayer = circleLayer }<\/code><\/pre>\n
      \u0417\u0434\u0435\u0441\u044c \u043c\u044b:<\/p>\n
        \n
      1. \n
        \u041e\u0431\u044a\u044f\u0432\u043b\u044f\u0435\u043c \u043a\u043e\u043d\u0441\u0442\u0430\u043d\u0442\u0443 shapeLayer<\/code> \u0442\u0438\u043f\u0430 CAShapeLayer<\/code> \u0434\u043b\u044f \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u0441\u043b\u043e\u044f \u043e\u0431\u0432\u043e\u0434\u043a\u0438 \u043f\u043e \u043f\u0435\u0440\u0438\u043c\u0435\u0442\u0440\u0443 \u0442\u0430\u0431-\u0431\u0430\u0440\u0430. \u0423 \u043d\u0435\u0435 \u0443\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u043c \u043f\u0443\u0442\u044c, \u0446\u0432\u0435\u0442 \u043e\u0431\u0432\u043e\u0434\u043a\u0438, \u0446\u0432\u0435\u0442 \u0437\u0430\u043b\u0438\u0432\u043a\u0438 \u0438 \u0448\u0438\u0440\u0438\u043d\u0443 \u043b\u0438\u043d\u0438\u0438.<\/p>\n<\/li>\n
      2. \n
        \u0410\u043d\u0430\u043b\u043e\u0433\u0438\u0447\u043d\u043e \u043f\u043e\u0441\u0442\u0443\u043f\u0430\u0435\u043c \u0441 \u043a\u043e\u043d\u0441\u0442\u0430\u043d\u0442\u043e\u0439 circleLayer<\/code>, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u0442\u0430\u043a\u0436\u0435 \u0438\u043c\u0435\u0435\u0442 \u0442\u0438\u043f CAShapeLayer,<\/code> \u0434\u043b\u044f \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u0441\u043b\u043e\u044f \u043e\u0431\u0432\u043e\u0434\u043a\u0438 \u043f\u043e\u043b\u0443\u043a\u0440\u0443\u0433\u0430. \u0423\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u043c \u0430\u043d\u0430\u043b\u043e\u0433\u0438\u0447\u043d\u044b\u0435 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u044b.<\/p>\n<\/li>\n
      3. \n
        \u041f\u0440\u043e\u0432\u0435\u0440\u044f\u0435\u043c, \u0431\u044b\u043b\u0438 \u043b\u0438 \u0434\u0430\u043d\u043d\u044b\u0435 \u0441\u043b\u043e\u0438 \u0434\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u044b \u0440\u0430\u043d\u0435\u0435. \u0415\u0441\u043b\u0438 \u0434\u0430, \u043f\u043e\u0434\u043c\u0435\u043d\u044f\u0435\u043c \u0438\u0445 \u0442\u043e\u043b\u044c\u043a\u043e \u0447\u0442\u043e \u0441\u043e\u0437\u0434\u0430\u043d\u043d\u044b\u043c\u0438, \u0435\u0441\u043b\u0438 \u043d\u0435\u0442 \u2013 \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u043c \u0441\u043e\u0437\u0434\u0430\u043d\u043d\u044b\u0435 \u0441\u043b\u043e\u0438, \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044f \u043c\u0435\u0442\u043e\u0434 insertSublayer<\/code>.<\/p>\n<\/li>\n
      4. \n
        \u0421\u043e\u0445\u0440\u0430\u043d\u044f\u0435\u043c \u0441\u043e\u0437\u0434\u0430\u043d\u043d\u044b\u0435 \u0441\u043b\u043e\u0438 \u0432 \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u044e\u0449\u0438\u0435 \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u0430 \u043a\u043b\u0430\u0441\u0441\u0430.<\/p>\n<\/li>\n<\/ol>\n
        \u0414\u0430\u043d\u043d\u044b\u0439 \u043c\u0435\u0442\u043e\u0434 \u0431\u0443\u0434\u0435\u043c \u0432\u044b\u0437\u044b\u0432\u0430\u0442\u044c \u0432 \u043f\u0435\u0440\u0435\u043e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u0435\u043c\u043e\u043c \u043c\u0435\u0442\u043e\u0434\u0435 draw(_:)<\/code> \u043d\u0430\u0448\u0435\u0433\u043e \u043a\u043b\u0430\u0441\u0441\u0430:<\/p>\n
        override func draw(_ rect: CGRect) { \tdrawTabBar() }<\/code><\/pre>\n
        \u0414\u043b\u044f \u0442\u0435\u0441\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f \u0432\u0435\u0440\u043d\u0435\u043c\u0441\u044f \u0432 \u043a\u043b\u0430\u0441\u0441 MainTabBarController<\/code> \u0438 \u0434\u043e\u0431\u0430\u0432\u0438\u043c \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0439 \u043a\u043e\u0434 \u0432 \u043c\u0435\u0442\u043e\u0434 makeUI()<\/code>:  <\/p>\n
        \/\/ 1 let firstVC = UIViewController() firstVC.view.backgroundColor = .yellow firstVC.tabBarItem.title = \"First VC\" firstVC.tabBarItem.image = UIImage(systemName: \"1.circle\")  \/\/ 2 let middleVC = UIViewController() middleVC.view.backgroundColor = .green middleVC.tabBarItem.title = \"Middle VC\"  \/\/ 3 let secondVC = UIViewController() secondVC.view.backgroundColor = .blue secondVC.tabBarItem.title = \"Second VC\" secondVC.tabBarItem.image = UIImage(systemName: \"2.circle\")  \/\/ 4 viewControllers = [firstVC, middleVC, secondVC]<\/code><\/pre>\n
        \u0417\u0434\u0435\u0441\u044c \u043c\u044b \u0441\u043e\u0437\u0434\u0430\u0435\u043c \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e ViewController<\/code>\u2019\u043e\u0432, \u0443\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u043c \u0434\u043b\u044f \u043d\u0438\u0445 backgroundColor<\/code>, \u0430 \u0442\u0430\u043a\u0436\u0435 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u044b, \u043e\u0442\u0432\u0435\u0447\u0430\u044e\u0449\u0438\u0435 \u0437\u0430 \u0438\u0445 \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435 \u043d\u0430 \u0442\u0430\u0431-\u0431\u0430\u0440\u0435, \u0438 \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u043c \u0438\u0445 \u0432 \u043c\u0430\u0441\u0441\u0438\u0432 ViewController<\/code>\u2019\u043e\u0432 \u043d\u0430\u0448\u0435\u0433\u043e UITabBarController<\/code>.<\/p>\n
        \u0421\u043a\u043e\u043c\u043f\u0438\u043b\u0438\u0440\u0443\u0435\u043c \u0438 \u0437\u0430\u043f\u0443\u0441\u0442\u0438\u043c \u043f\u0440\u043e\u0435\u043a\u0442. \u0423 \u043d\u0430\u0441 \u043f\u043e\u043b\u0443\u0447\u0438\u043b\u043e\u0441\u044c \u0432\u043e\u0441\u043f\u0440\u043e\u0438\u0437\u0432\u0435\u0441\u0442\u0438 \u0437\u0430\u0434\u0443\u043c\u0430\u043d\u043d\u044b\u0439 \u0434\u0438\u0437\u0430\u0439\u043d:<\/p>\n
        <\/figcaption><\/figure>\n
        \u041d\u0430 \u044d\u0442\u043e\u043c \u044d\u0442\u0430\u043f\u0435 \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u043f\u0435\u0440\u0435\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435 \u043c\u0435\u0436\u0434\u0443 ViewController<\/code>\u2019\u0430\u043c\u0438, \u043d\u043e \u043d\u0435 \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u043d \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f \u0446\u0432\u0435\u0442\u0430 \u043a\u0440\u0443\u0433\u043b\u043e\u0439 \u043a\u043d\u043e\u043f\u043a\u0438. \u0414\u043b\u044f \u044d\u0442\u043e\u0433\u043e \u043e\u0431\u044a\u044f\u0432\u0438\u043c \u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u0435 \u043a\u043b\u0430\u0441\u0441\u0430 MainTabBarController<\/code> \u0438 \u043f\u043e\u0434\u043f\u0438\u0448\u0435\u043c\u0441\u044f \u043f\u043e\u0434 \u043f\u0440\u043e\u0442\u043e\u043a\u043e\u043b UITabBarControllerDelegate<\/code>. \u0412 \u0434\u0430\u043d\u043d\u043e\u043c \u043f\u0440\u043e\u0442\u043e\u043a\u043e\u043b\u0435 \u043d\u0430\u0441 \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u0443\u0435\u0442 \u043c\u0435\u0442\u043e\u0434 tabBar(_:didSelect:)<\/code>, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0441\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u0435\u0442 \u043f\u0440\u0438 \u043d\u0430\u0436\u0430\u0442\u0438\u0438 \u043d\u0430 \u043b\u044e\u0431\u0443\u044e \u043a\u043d\u043e\u043f\u043a\u0443 \u0442\u0430\u0431-\u0431\u0430\u0440\u0430. \u041f\u0435\u0440\u0435\u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u043c \u0434\u0430\u043d\u043d\u044b\u0439 \u043c\u0435\u0442\u043e\u0434:  <\/p>\n
        extension MainTabBarController: UITabBarControllerDelegate {     override func tabBar(_ tabBar: UITabBar, didSelect item: UITabBarItem) {         let selectedIndex = self.tabBar.items?.firstIndex(of: item) \/\/ 1         if selectedIndex != 1 { \/\/ 2             middleButton.backgroundColor = redColor \/\/ 3         } else {             middleButton.backgroundColor = greenColor \/\/ 4         }     } }<\/code><\/pre>\n
        \u0417\u0434\u0435\u0441\u044c \u043c\u043e\u0436\u043d\u043e \u0443\u0432\u0438\u0434\u0435\u0442\u044c \u0434\u043e\u0432\u043e\u043b\u044c\u043d\u043e \u043f\u0440\u043e\u0441\u0442\u0443\u044e \u043b\u043e\u0433\u0438\u043a\u0443:<\/p>\n
          \n
        1. \n
          \u0424\u0438\u043a\u0441\u0438\u0440\u0443\u0435\u043c \u043f\u043e\u0437\u0438\u0446\u0438\u044e \u043d\u0430\u0436\u0430\u0442\u043e\u0439 \u043a\u043d\u043e\u043f\u043a\u0438.<\/p>\n<\/li>\n
        2. \n
          \u041f\u0440\u043e\u0432\u0435\u0440\u044f\u0435\u043c, \u0441\u043e\u0432\u043f\u0430\u0434\u0430\u0435\u0442 \u043b\u0438 \u0432\u044b\u0431\u0440\u0430\u043d\u043d\u0430\u044f \u043f\u043e\u0437\u0438\u0446\u0438\u044f \u0441 \u043f\u043e\u0437\u0438\u0446\u0438\u0435\u0439 middleButton<\/code>, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u0440\u0430\u0432\u043d\u0430 1 (\u043f\u043e\u0437\u0438\u0446\u0438\u044f \u043a\u043d\u043e\u043f\u043a\u0438 \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u0435\u0442 \u043f\u043e\u0437\u0438\u0446\u0438\u0438 ViewController<\/code>\u2019\u0430 \u0432 \u043c\u0430\u0441\u0441\u0438\u0432\u0435 viewControllers<\/code> \u043a\u043b\u0430\u0441\u0441\u0430 MainTabBarController<\/code>).<\/p>\n<\/li>\n
        3. \n
          \u0415\u0441\u043b\u0438 \u0434\u0430, \u043c\u0435\u043d\u044f\u0435\u043c \u0446\u0432\u0435\u0442 \u043a\u043d\u043e\u043f\u043a\u0438 \u043d\u0430 \u0437\u0435\u043b\u0435\u043d\u044b\u0439.<\/p>\n<\/li>\n
        4. \n
          \u0415\u0441\u043b\u0438 \u043d\u0435\u0442, \u043c\u0435\u043d\u044f\u0435\u043c \u0446\u0432\u0435\u0442 \u043a\u043d\u043e\u043f\u043a\u0438 \u043d\u0430 \u043a\u0440\u0430\u0441\u043d\u044b\u0439.<\/p>\n<\/li>\n<\/ol>\n
          UIResponderChain<\/h4>\n
          \u041d\u0430 \u0434\u0430\u043d\u043d\u043e\u043c \u044d\u0442\u0430\u043f\u0435 \u043a\u0430\u0436\u0435\u0442\u0441\u044f, \u0447\u0442\u043e \u0446\u0435\u043b\u044c \u0434\u043e\u0441\u0442\u0438\u0433\u043d\u0443\u0442\u0430, \u043d\u043e \u043c\u044b \u043c\u043e\u0436\u0435\u043c \u0437\u0430\u043c\u0435\u0442\u0438\u0442\u044c \u0434\u0432\u0430 \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u044b\u0445 \u043c\u043e\u043c\u0435\u043d\u0442\u0430:<\/p>\n
            \n
          1. \n
            \u041f\u0440\u0438 \u043d\u0430\u0436\u0430\u0442\u0438\u0438 \u043d\u0430 \u043a\u0440\u0443\u0433\u043b\u0443\u044e \u043a\u043d\u043e\u043f\u043a\u0443 \u043f\u0440\u043e\u0438\u0441\u0445\u043e\u0434\u0438\u0442 \u0441\u043c\u0435\u043d\u0430 ViewController<\/code>‘\u0430, \u0442\u043e \u0435\u0441\u0442\u044c \u0432\u044b\u0431\u043e\u0440 tabBarItem<\/code>. \u041d\u043e \u0432\u0435\u0434\u044c \u043c\u044b \u043d\u0435 \u043d\u0430\u0437\u043d\u0430\u0447\u0438\u043b\u0438 \u043d\u0438\u043a\u0430\u043a\u043e\u0435 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0435 \u043d\u0430 \u043d\u0430\u0436\u0430\u0442\u0438\u0435 \u043a\u043d\u043e\u043f\u043a\u0438.<\/p>\n<\/li>\n
          2. \n
            \u0415\u0441\u043b\u0438 \u043d\u0430\u0436\u0430\u0442\u044c \u043d\u0430 \u043a\u0440\u0443\u0433\u043b\u0443\u044e \u043a\u043d\u043e\u043f\u043a\u0443 \u0447\u0443\u0442\u044c \u0432\u044b\u0448\u0435 \u0433\u0440\u0430\u043d\u0438\u0446\u044b \u0442\u0430\u0431-\u0431\u0430\u0440\u0430, \u043d\u0438\u0447\u0435\u0433\u043e \u043d\u0435 \u043f\u0440\u043e\u0438\u0437\u043e\u0439\u0434\u0435\u0442 (\u0430 \u043c\u044b \u0445\u043e\u0442\u0438\u043c, \u0447\u0442\u043e\u0431\u044b \u0431\u044b\u043b \u0432\u044b\u0431\u0440\u0430\u043d \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u044e\u0449\u0438\u0439 tabBarItem<\/code> \u0438 \u043f\u043e\u043c\u0435\u043d\u044f\u043b\u0441\u044f ViewController<\/code>).<\/p>\n<\/li>\n<\/ol>\n
            \u041f\u043e\u0447\u0435\u043c\u0443 \u0436\u0435 \u0442\u0430\u043a \u043f\u0440\u043e\u0438\u0441\u0445\u043e\u0434\u0438\u0442?<\/strong><\/p>\n
            \u041e\u0442\u0432\u0435\u0442 \u043a\u0440\u043e\u0435\u0442\u0441\u044f \u0432 UIResponderChain<\/code> \u2013 \u0438\u0435\u0440\u0430\u0440\u0445\u0438\u0438 \u043e\u0431\u044a\u0435\u043a\u0442\u043e\u0432 UIResponder<\/code>, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043e\u0442\u0432\u0435\u0447\u0430\u044e\u0442 \u0437\u0430 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u0441\u043e\u0431\u044b\u0442\u0438\u044f, \u0432 \u043d\u0430\u0448\u0435\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u2013 \u043a\u0430\u0441\u0430\u043d\u0438\u044f \u044d\u043a\u0440\u0430\u043d\u0430.<\/p>\n
            \u0415\u0441\u043b\u0438 view<\/code> (\u0432 \u043d\u0430\u0448\u0435\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u2013 \u043a\u0440\u0443\u0433\u043b\u0430\u044f \u043a\u043d\u043e\u043f\u043a\u0430) \u043d\u0435 \u043c\u043e\u0436\u0435\u0442 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u043a\u0430\u0441\u0430\u043d\u0438\u0435, \u043f\u0440\u043e\u0438\u0441\u0445\u043e\u0434\u0438\u0442 \u043f\u0435\u0440\u0435\u0445\u043e\u0434 \u0432\u0432\u0435\u0440\u0445 \u043f\u043e \u0438\u0435\u0440\u0430\u0440\u0445\u0438\u0438 \u043a parentView<\/code> (\u0432 \u043d\u0430\u0448\u0435\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u2013 \u0442\u0430\u0431-\u0431\u0430\u0440), \u0434\u0430\u043b\u0435\u0435 \u2013 \u043e\u0441\u043d\u043e\u0432\u043d\u0430\u044f UIView<\/code> ViewController<\/code>‘\u0430, \u0441\u0430\u043c UIViewController<\/code>, UIWindow<\/code>, UIApplication<\/code> \u0438, \u043d\u0430\u043a\u043e\u043d\u0435\u0446, UIApplicationDelegate<\/code>.<\/p>\n
            \u0422\u0430\u043a \u043a\u0430\u043a \u043f\u043e\u0434 \u043d\u0430\u0448\u0435\u0439 \u043a\u0440\u0443\u0433\u043b\u043e\u0439 \u043a\u043d\u043e\u043f\u043a\u043e\u0439 \u043d\u0430\u0445\u043e\u0434\u0438\u0442\u0441\u044f tabBarItem<\/code>, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043c\u043e\u0436\u0435\u0442 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u043a\u0430\u0441\u0430\u043d\u0438\u0435, \u0446\u0435\u043f\u043e\u0447\u043a\u0430 \u043f\u0440\u0435\u0440\u0432\u0435\u0442\u0441\u044f \u043d\u0430 parentView<\/code> \u043a\u0440\u0443\u0433\u043b\u043e\u0439 \u043a\u043d\u043e\u043f\u043a\u0438, \u043f\u0440\u043e\u0438\u0437\u043e\u0439\u0434\u0435\u0442 \u0441\u043c\u0435\u043d\u0430 \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u043d\u043e\u0433\u043e ViewController<\/code>‘\u0430.<\/p>\n
            \u0427\u0442\u043e \u0436\u0435 \u0434\u0435\u043b\u0430\u0442\u044c \u0441 \u043d\u0430\u0436\u0430\u0442\u0438\u0435\u043c \u043d\u0430 \u043e\u0431\u043b\u0430\u0441\u0442\u044c \u043a\u043d\u043e\u043f\u043a\u0438, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u0432\u044b\u0441\u0442\u0443\u043f\u0430\u0435\u0442 \u0437\u0430 \u0433\u0440\u0430\u043d\u0438\u0446\u0443 \u0442\u0430\u0431-\u0431\u0430\u0440\u0430?<\/p>\n
            \u041f\u0440\u043e\u0445\u043e\u0434 \u043f\u043e \u0438\u0435\u0440\u0430\u0440\u0445\u0438\u0438 view<\/code> \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u043d \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u043c\u0435\u0442\u043e\u0434\u0430 hitTest(_:with:)<\/code><\/p>\n
            \n
            UIKit uses view-based hit-testing to determine where touch events occur. Specifically, UIKit compares the touch location to the bounds of view objects in the view hierarchy. The hitTest(_:with:)<\/code> method of UIView traverses the view hierarchy, looking for the deepest subview that contains the specified touch, which becomes the first responder for the touch event.  <\/p>\n<\/blockquote>\n
            \u0412\u043d\u0443\u0442\u0440\u0438 \u043d\u0435\u0433\u043e \u0432\u044b\u0437\u044b\u0432\u0430\u0435\u0442\u0441\u044f \u043c\u0435\u0442\u043e\u0434 point(inside:with:)<\/code>, \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u044e\u0449\u0438\u0439, \u0434\u043e\u043b\u0436\u043d\u0430 \u043b\u0438 view<\/code> \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u0441\u043e\u0431\u044b\u0442\u0438\u0435 \u043a\u0430\u0441\u0430\u043d\u0438\u044f:  <\/p>\n
            \n
            Returns a Boolean value indicating whether the receiver contains the specified point.  <\/p>\n<\/blockquote>\n
            \u041f\u0440\u0438 \u044d\u0442\u043e\u043c \u043e\u0444\u0438\u0446\u0438\u0430\u043b\u044c\u043d\u0430\u044f \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u044f Apple<\/a> \u0433\u043b\u0430\u0441\u0438\u0442:<\/p>\n
            \n
            If a touch location is outside of a view\u2019s bounds, the hitTest(_:with:)<\/code> method ignores that view and all of its subviews.<\/p>\n<\/blockquote>\n
            \u0422\u043e \u0435\u0441\u0442\u044c \u043f\u0440\u043e\u0445\u043e\u0434 \u043c\u044b \u043d\u0430\u0447\u043d\u0435\u043c \u043d\u0435 \u0441 subview<\/code> \u0442\u0430\u0431-\u0431\u0430\u0440\u0430 (\u043a\u0440\u0443\u0433\u043b\u0430\u044f \u043a\u043d\u043e\u043f\u043a\u0430), \u0430 \u0441 \u043a\u043e\u0440\u043d\u0435\u0432\u043e\u0439 UIView<\/code> ViewController<\/code>‘a, \u043a\u043e\u0442\u043e\u0440\u0430\u044f, \u0435\u0441\u0442\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u043e, \u043d\u0438\u043a\u0430\u043a \u043d\u0435 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u043a\u0430\u0441\u0430\u043d\u0438\u0435, \u043a\u0430\u043a \u0438 \u043e\u0441\u0442\u0430\u043b\u044c\u043d\u044b\u0435 \u043e\u0431\u044a\u0435\u043a\u0442\u044b UIResponder<\/code> \u0432 \u0438\u0435\u0440\u0430\u0440\u0445\u0438\u0438.<\/p>\n
            \u0427\u0442\u043e\u0431\u044b \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u043a\u0430\u0441\u0430\u043d\u0438\u0435 \u043d\u0430 \u0447\u0430\u0441\u0442\u0438 \u043a\u0440\u0443\u0433\u043b\u043e\u0439 \u043a\u043d\u043e\u043f\u043a\u0438, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u043d\u0430\u0445\u043e\u0434\u0438\u0442\u0441\u044f \u0437\u0430 \u043f\u0440\u0435\u0434\u0435\u043b\u0430\u043c\u0438 \u0442\u0430\u0431-\u0431\u0430\u0440\u0430, \u043d\u0430\u043c \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e \u043f\u0435\u0440\u0435\u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u0442\u044c \u043c\u0435\u0442\u043e\u0434 point(inside:with:)<\/code> \u0432 \u043a\u043b\u0430\u0441\u0441\u0435 CustomTabBar<\/code>:<\/p>\n
            override func point(inside point: CGPoint, with event: UIEvent?) -> Bool { \tlet pointIsInside = super.point(inside: point, with: event) \/\/ 1 \tif pointIsInside == false { \/\/ 2 \t\tfor subview in subviews { \/\/ 2.1 \t\t\tlet pointInSubview = subview.convert(point, from: self) \/\/ 2.2 \t\t\tif subview.point(inside: pointInSubview, with: event) { \/\/ 2.3 \t\t\t\treturn true \/\/ 2.3.1 \t\t\t} \t\t} \t} \treturn pointIsInside \/\/ 3 }<\/code><\/pre>\n
            \u0417\u0434\u0435\u0441\u044c \u043f\u0440\u043e\u0438\u0441\u0445\u043e\u0434\u0438\u0442 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0435\u0435:<\/p>\n
            1. \u041f\u0440\u043e\u0432\u0435\u0440\u044f\u0435\u043c, \u043d\u0430\u0445\u043e\u0434\u0438\u0442\u0441\u044f \u043b\u0438 \u0442\u043e\u0447\u043a\u0430 \u043a\u0430\u0441\u0430\u043d\u0438\u044f \u0432 \u0433\u0440\u0430\u043d\u0438\u0446\u0430\u0445 (bounds<\/code>) \u0442\u0430\u0431-\u0431\u0430\u0440\u0430 (\u0432 \u043d\u0430\u0448\u0435\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u043f\u043e\u043b\u0443\u0447\u0430\u0435\u043c false<\/code>).<\/p>\n
            2. \u0415\u0441\u043b\u0438 \u043a\u0430\u0441\u0430\u043d\u0438\u0435 \u043f\u0440\u043e\u0438\u0437\u043e\u0448\u043b\u043e \u0432\u043d\u0435 bounds<\/code> \u0442\u0430\u0431-\u0431\u0430\u0440\u0430:<\/p>\n
                2.1. \u041f\u0440\u043e\u0445\u043e\u0434\u0438\u043c\u0441\u044f \u043f\u043e \u0432\u0441\u0435\u043c subview<\/code> \u0442\u0430\u0431-\u0431\u0430\u0440\u0430.<\/p>\n
                2.2. \u0421 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u043c\u0435\u0442\u043e\u0434\u0430 convert(_:from:)<\/code> \u043d\u0430\u0445\u043e\u0434\u0438\u043c \u0434\u0430\u043d\u043d\u0443\u044e \u0442\u043e\u0447\u043a\u0443 \u0432 \u0441\u0438\u0441\u0442\u0435\u043c\u0435 \u043a\u043e\u043e\u0440\u0434\u0438\u043d\u0430\u0442 subview<\/code>. \u0415\u0441\u043b\u0438 \u043d\u0430\u0436\u0430\u0442\u044c \u043d\u0430 \u043a\u0440\u0443\u0433\u043b\u0443\u044e \u043a\u043d\u043e\u043f\u043a\u0443 \u0440\u043e\u0432\u043d\u043e \u043f\u043e\u0441\u0435\u0440\u0435\u0434\u0438\u043d\u0435 \u0443 \u0441\u0430\u043c\u043e\u0433\u043e \u0432\u0435\u0440\u0445\u0430, \u043f\u043e\u043b\u0443\u0447\u0438\u043c CGPoint<\/code> \u0441 \u043a\u043e\u043e\u0440\u0434\u0438\u043d\u0430\u0442\u0430\u043c\u0438 x: 21.0, y: 0.0<\/code> (\u0432 \u0441\u0438\u0441\u0442\u0435\u043c\u0435 \u043a\u043e\u043e\u0440\u0434\u0438\u043d\u0430\u0442 \u0442\u0430\u0431-\u0431\u0430\u0440\u0430 \u0442\u043e\u0447\u043a\u0430 \u0438\u043c\u0435\u0435\u0442 \u043a\u043e\u043e\u0440\u0434\u0438\u043d\u0430\u0442\u044b x: 195.0, y: -10.0<\/code>, \u0433\u0434\u0435 \u0445<\/code> \u2013 \u0446\u0435\u043d\u0442\u0440 \u044d\u043a\u0440\u0430\u043d\u0430, \u0430 y<\/code> \u2013 \u0432\u0435\u043b\u0438\u0447\u0438\u043d\u0430 \u0432\u044b\u0441\u0442\u0443\u043f\u0430 \u043a\u043d\u043e\u043f\u043a\u0438 \u043d\u0430\u0434 \u0442\u0430\u0431-\u0431\u0430\u0440\u043e\u043c).<\/p>\n
                2.3. \u0415\u0441\u043b\u0438 \u043a\u0430\u0441\u0430\u043d\u0438\u0435 \u043f\u0440\u043e\u0438\u0437\u043e\u0448\u043b\u043e \u0432\u043d\u0443\u0442\u0440\u0438 subview<\/code>:<\/p>\n
                2.3.1. \u0412\u043e\u0437\u0432\u0440\u0430\u0449\u0430\u0435\u043c true<\/code> \u2013 subview<\/code> \u043c\u043e\u0436\u0435\u0442 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u043a\u0430\u0441\u0430\u043d\u0438\u0435.<\/p>\n
            3. \u0415\u0441\u043b\u0438 \u043f\u0440\u043e\u0445\u043e\u0434 \u043f\u043e subview<\/code> \u043d\u0435 \u0434\u0430\u043b \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u0430, \u0432\u043e\u0437\u0432\u0440\u0430\u0449\u0430\u0435\u043c false<\/code> \u2013 \u043a\u0430\u0441\u0430\u043d\u0438\u0435 \u043f\u0440\u043e\u0438\u0437\u043e\u0448\u043b\u043e \u0437\u0430 \u043f\u0440\u0435\u0434\u0435\u043b\u0430\u043c\u0438 \u0442\u0430\u0431-\u0431\u0430\u0440\u0430 \u0438 \u0432\u0441\u0435\u0445 \u0435\u0433\u043e subview<\/code>. \u0415\u0441\u043b\u0438 \u043a\u0430\u0441\u0430\u043d\u0438\u0435 \u043f\u0440\u043e\u0438\u0437\u043e\u0448\u043b\u043e \u0432 \u0433\u0440\u0430\u043d\u0438\u0446\u0430\u0445 \u0442\u0430\u0431-\u0431\u0430\u0440\u0430 (pointIsInside == true<\/code>), \u043d\u0430\u043c \u043d\u0435 \u043f\u0440\u0438\u0434\u0435\u0442\u0441\u044f \u043f\u0440\u043e\u0431\u0435\u0433\u0430\u0442\u044c\u0441\u044f \u043f\u043e subview<\/code> \u0442\u0430\u0431-\u0431\u0430\u0440\u0430. \u041f\u0440\u043e\u0438\u0437\u043e\u0439\u0434\u0435\u0442 \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0439 \u043f\u0440\u043e\u0445\u043e\u0434 \u043f\u043e \u0438\u0435\u0440\u0430\u0440\u0445\u0438\u0438 UIResponderChain<\/code>, \u043d\u0430\u0447\u0438\u043d\u0430\u044f \u043e\u0442 \u0441\u0430\u043c\u043e\u0439 «\u0433\u043b\u0443\u0431\u043e\u043a\u043e\u0439» subview<\/code>.<\/p>\n
            \u0427\u0442\u043e\u0431\u044b \u043d\u0430\u0448\u0430 \u043a\u043d\u043e\u043f\u043a\u0430 \u0432\u044b\u043f\u043e\u043b\u043d\u0438\u043b\u0430 \u043d\u0435\u043a\u043e\u0435 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0435 \u043f\u0440\u0438 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0435 \u043a\u0430\u0441\u0430\u043d\u0438\u044f, \u0432\u0435\u0440\u043d\u0435\u043c\u0441\u044f \u0432 \u043a\u043b\u0430\u0441\u0441 MainTabBarController<\/code> \u0438 \u0434\u043e\u0431\u0430\u0432\u0438\u043c \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0443\u044e \u0441\u0442\u0440\u043e\u043a\u0443 \u0432 \u0437\u0430\u043c\u044b\u043a\u0430\u043d\u0438\u0435, \u0432\u043e\u0437\u0432\u0440\u0430\u0449\u0430\u044e\u0449\u0435\u0435 middleButton<\/code>:<\/p>\n
            middleButton.addTarget(self, action: #selector(didPressMiddleButton), for: .touchUpInside)<\/code><\/pre>\n
            \u0420\u0430\u0441\u0441\u043c\u043e\u0442\u0440\u0438\u043c \u0432\u0445\u043e\u0434\u043d\u044b\u0435 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u044b \u043c\u0435\u0442\u043e\u0434\u0430 addTarget(_:action:for:)<\/code>:<\/p>\n
              \n
            1. \n
              target<\/code> \u2013 \u0432 \u0440\u0430\u043c\u043a\u0430\u0445 \u044d\u0442\u043e\u0433\u043e \u043e\u0431\u044a\u0435\u043a\u0442\u0430 \u043f\u0440\u043e\u0438\u0437\u0432\u0435\u0434\u0435\u043c \u043f\u043e\u0438\u0441\u043a \u043c\u0435\u0442\u043e\u0434\u0430, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0431\u0443\u0434\u0435\u0442 \u0432\u044b\u0437\u0432\u0430\u043d \u043f\u0440\u0438 \u043d\u0430\u0436\u0430\u0442\u0438\u0438 \u043d\u0430 \u043a\u043d\u043e\u043f\u043a\u0443;<\/p>\n<\/li>\n
            2. \n
              action<\/code> \u2013 selector<\/code> \u043c\u0435\u0442\u043e\u0434\u0430, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0431\u0443\u0434\u0435\u0442 \u0432\u044b\u0437\u0432\u0430\u043d;<\/p>\n<\/li>\n
            3. \n
              controlEvents<\/code> \u2013 \u0441\u043e\u0431\u044b\u0442\u0438\u0435, \u043f\u0440\u0438 \u043a\u043e\u0442\u043e\u0440\u043e\u043c \u043f\u0440\u043e\u0438\u0437\u043e\u0439\u0434\u0435\u0442 \u0432\u044b\u0437\u043e\u0432 \u043c\u0435\u0442\u043e\u0434\u0430.<\/p>\n<\/li>\n<\/ol>\n
              \u0412\u043d\u0443\u0442\u0440\u0438 \u043a\u043b\u0430\u0441\u0441\u0430 MainTabBarController<\/code> \u043e\u0431\u044a\u044f\u0432\u0438\u043c \u043c\u0435\u0442\u043e\u0434 didPressMiddleButton()<\/code>, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0431\u0443\u0434\u0435\u0442 \u0438\u0437\u043c\u0435\u043d\u044f\u0442\u044c \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \u0432\u044b\u0431\u0440\u0430\u043d\u043d\u043e\u0433\u043e tabBarItem<\/code> \u0438 \u043c\u0435\u043d\u044f\u0442\u044c \u0446\u0432\u0435\u0442 \u043a\u043d\u043e\u043f\u043a\u0438 \u043d\u0430 \u0437\u0435\u043b\u0435\u043d\u044b\u0439. \u0414\u043b\u044f \u0442\u043e\u0433\u043e, \u0447\u0442\u043e\u0431\u044b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u043c\u0435\u0442\u043e\u0434 \u0432 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0435 selector<\/code>, \u043d\u0443\u0436\u043d\u043e \u043f\u043e\u043c\u0435\u0442\u0438\u0442\u044c \u0435\u0433\u043e \u043a\u0430\u043a @objc<\/code>:<\/p>\n
              @objc private func didPressMiddleButton() { \tselectedIndex = 1 \tmiddleButton.backgroundColor = greenColor }<\/code><\/pre>\n
              \u0413\u043e\u0442\u043e\u0432\u043e, \u043c\u044b \u043f\u043e\u043b\u0443\u0447\u0438\u043b\u0438 \u043f\u043e\u043b\u043d\u043e\u0446\u0435\u043d\u043d\u043e \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0438\u0440\u0443\u044e\u0449\u0443\u044e \u043a\u0440\u0443\u0433\u043b\u0443\u044e \u043a\u043d\u043e\u043f\u043a\u0443 \u0432 \u0446\u0435\u043d\u0442\u0440\u0435 \u0442\u0430\u0431-\u0431\u0430\u0440\u0430.  <\/p>\n
              \u0418\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u043d\u044b\u0435 \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u044b \u0438 \u043f\u043e\u043b\u0435\u0437\u043d\u044b\u0435 \u0440\u0435\u0441\u0443\u0440\u0441\u044b \u043f\u043e \u0442\u0435\u043c\u0435  <\/h4>\n