Toolbar 开源项目使用教程

Toolbar 开源项目使用教程

Toolbar Awesome autolayout Toolbar. Toolbar is a library for iOS. You can easily create chat InputBar. 项目地址: https://gitcode.com/gh_mirrors/tool/Toolbar

1、项目介绍

Toolbar 是一个用于 iOS 的库，旨在通过 Autolayout 创建交互性更强的工具栏。与传统的 UIToolbar 相比，Toolbar 提供了更多的自定义选项和交互功能，特别适用于需要动态调整高度和宽度的场景，例如聊天输入栏。

2、项目快速启动

安装

首先，通过 CocoaPods 安装 Toolbar：

pod 'Toolbar'

在终端中运行以下命令以完成安装：

pod install

使用

在项目中引入 Toolbar 并进行初始化：

import Toolbar

class ViewController: UIViewController {
    lazy var toolbar: Toolbar = Toolbar()
    
    lazy var camera: ToolbarItem = {
        let item = ToolbarItem(image: #imageLiteral(resourceName: "camera"), target: nil, action: nil)
        return item
    }()
    
    lazy var microphone: ToolbarItem = {
        let item = ToolbarItem(image: #imageLiteral(resourceName: "microphone"), target: nil, action: nil)
        return item
    }()
    
    lazy var picture: ToolbarItem = {
        let item = ToolbarItem(image: #imageLiteral(resourceName: "picture"), target: nil, action: nil)
        return item
    }()
    
    var toolbarBottomConstraint: NSLayoutConstraint!
    
    override func loadView() {
        super.loadView()
        self.view.addSubview(toolbar)
        self.toolbarBottomConstraint = self.toolbar.bottomAnchor.constraint(equalTo: self.view.bottomAnchor, constant: 0)
        self.toolbarBottomConstraint.isActive = true
    }
    
    override func viewDidLoad() {
        super.viewDidLoad()
        self.toolbar.maximumHeight = 100
        self.toolbar.setItems([self.camera, self.picture, self.microphone], animated: false)
    }
    
    func hideItems() {
        self.camera.setHidden(false, animated: true)
        self.microphone.setHidden(false, animated: true)
        self.picture.setHidden(false, animated: true)
    }
}

3、应用案例和最佳实践

聊天输入栏

Toolbar 特别适用于创建聊天应用中的输入栏。通过动态调整高度，可以实现输入框随着内容增多而自动扩展的功能。以下是一个简单的聊天输入栏实现：

class ChatViewController: UIViewController, UITextViewDelegate {
    lazy var toolbar: Toolbar = Toolbar()
    var textView: UITextView!
    var constraint: NSLayoutConstraint!
    
    override func viewDidLoad() {
        super.viewDidLoad()
        self.toolbar.maximumHeight = 100
        
        self.textView = UITextView(frame: .zero)
        self.textView.delegate = self
        self.textView.font = UIFont.systemFont(ofSize: 14)
        
        self.toolbar.setItems([self.textView], animated: false)
    }
    
    func textViewDidChange(_ textView: UITextView) {
        let size = textView.sizeThatFits(textView.bounds.size)
        if let constraint = self.constraint {
            textView.removeConstraint(constraint)
        }
        self.constraint = textView.heightAnchor.constraint(equalToConstant: size.height)
        self.constraint.priority = UILayoutPriority.defaultHigh
        self.constraint.isActive = true
    }
}

动态工具栏

Toolbar 还可以用于创建动态工具栏，根据用户交互或应用状态动态显示或隐藏工具栏项。例如，在拍照应用中，可以根据用户选择显示不同的工具栏项。

4、典型生态项目

1. ChatKit

ChatKit 是一个基于 Toolbar 的聊天应用框架，提供了丰富的聊天功能和界面组件，适用于快速开发聊天应用。

2. InputBarAccessoryView

InputBarAccessoryView 是一个轻量级的输入栏库，与 Toolbar 结合使用可以实现更复杂的输入栏功能，如表情符号选择、附件上传等。

3. KeyboardKit

KeyboardKit 是一个键盘扩展库，与 Toolbar 结合使用可以实现自定义键盘工具栏，适用于需要自定义键盘的应用场景。

通过以上模块的介绍和示例代码，您可以快速上手并应用 Toolbar 开源项目。

Toolbar Awesome autolayout Toolbar. Toolbar is a library for iOS. You can easily create chat InputBar. 项目地址: https://gitcode.com/gh_mirrors/tool/Toolbar