Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/chriszielinski/Ribbon

🎀 A simple cross-platform toolbar/custom input accessory view library for iOS & macOS.
https://github.com/chriszielinski/Ribbon

carthage cocoapods cross-platform custom-input-accessory-view dark-mode ios macos nstoolbar ribbon swift toolbar

Last synced: 4 days ago
JSON representation

🎀 A simple cross-platform toolbar/custom input accessory view library for iOS & macOS.

Host: GitHub
URL: https://github.com/chriszielinski/Ribbon
Owner: chriszielinski
License: mit
Created: 2019-08-07T19:43:10.000Z (over 5 years ago)
Default Branch: master
Last Pushed: 2021-09-10T05:54:49.000Z (over 3 years ago)
Last Synced: 2024-12-02T00:02:59.142Z (11 days ago)
Topics: carthage, cocoapods, cross-platform, custom-input-accessory-view, dark-mode, ios, macos, nstoolbar, ribbon, swift, toolbar
Language: Swift
Homepage:
Size: 3.74 MB
Stars: 295
Watchers: 7
Forks: 23
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

awesome-ios - Ribbon - A simple cross-platform toolbar/custom input accessory view library for iOS & macOS. (UI / Keyboard)
awesome-swift - Ribbon - 🎀 A simple cross-platform toolbar/custom input accessory view library for iOS & macOS. (Libs / Keyboard)
awesome-swift - Ribbon - 🎀 A simple cross-platform toolbar/custom input accessory view library for iOS & macOS. (UI)
awesome-swift - Ribbon - 🎀 A simple cross-platform toolbar/custom input accessory view library for iOS & macOS. (Libs / Keyboard)
awesome-ios-star - Ribbon - A simple cross-platform toolbar/custom input accessory view library for iOS & macOS. (UI / Keyboard)
fucking-awesome-swift - Ribbon - 🎀 A simple cross-platform toolbar/custom input accessory view library for iOS & macOS. (Libs / Keyboard)
awesome-swift - Ribbon - A simple cross-platform toolbar/custom input accessory view library for iOS & macOS. ` 📝 2 years ago ` (Keyboard [🔝](#readme))

README

        Ribbon 🎀

========



    

    

        

    

    

        

    

    

		

	

	

		

	

	

	  

	

	

	   

   

	

		

	

	

		

	

    

    


    


    

    


    


    A simple cross-platform toolbar/custom input accessory view library for iOS & macOS.

    


    Written in Swift.

    




---

### Looking for...

- A type-safe, XPC-available [SourceKitten](https://github.com/jpsim/SourceKitten) (SourceKit) interface with some sugar? Check out [Sylvester](https://github.com/chriszielinski/Sylvester) 😼.

- A Floating Action Button for macOS? Check out [Fab.](https://github.com/chriszielinski/Fab) 🛍️.

- An Expanding Bubble Text Field for macOS? Check out [BubbleTextField](https://github.com/chriszielinski/BubbleTextField) 💬.

- An integrated spotlight-based onboarding and help library for macOS? Check out [Enlighten](https://github.com/chriszielinski/Enlighten) 💡.

---

Features

========

> 🎡 **Try:** Includes an iOS & macOS demo.

- Provide items either programmatically or from a JSON configuration file.

- Dark mode.

- \+ more!

#### iOS

- Supports push buttons—a segmented item's subitems become push buttons. 

- iOS 13: [action] items use the new [context menu interaction](https://developer.apple.com/design/human-interface-guidelines/ios/controls/context-menus/):

   > **Note:** Due to an internal assertion, the keyboard can no longer remain visible during the interaction.

   

#### macOS

- Supports push, [action], & segmented control toolbar items.

- Provides `NSMenuItem`s for each item.

[action]:

   https://developer.apple.com/design/human-interface-guidelines/macos/buttons/pull-down-buttons#action-buttons

Requirements

============

- iOS 10.0+ (12.0+ for dark mode)

- macOS 10.12+ (10.13+ for full functionality)

Installation

============

`Ribbon` is available for installation using Carthage or CocoaPods.

[Carthage](https://github.com/Carthage/Carthage)

------------------------------------------------

```ruby

github "chriszielinski/Ribbon"

```

[CocoaPods](http://cocoapods.org/)

----------------------------------

```ruby

pod "Ribbon"

```

Usage

=====

There are two ways of integrating `Ribbon` into your project:

Configuration File

------------------

> 🔥 The recommended approach.

The configuration file makes for a quick & easy integration. The default configuration filename is `ribbon-configuration.json` and should be copied into the target's bundle resources (in the _Copy Bundle Resources_ build phase).

The JSON below defines a single action item and toolbar configuration—which is only relevant for the macOS platform.

> 🧐 **See:** [_Demos/Shared/ribbon-configuration.json_](https://github.com/chriszielinski/Ribbon/blob/master/Demos/Shared/ribbon-configuration.json) for a more comprehensive example.

```json

{

    "items": [

        {

            "action": "actionItemHandler",

            "controlKind": "action",

            "identifier": "action-item-identifier",

            "imageName": "NSActionTemplate",

            "keyEquivalent": "a",

            "keyEquivalentModifier": ["command", "shift"],

            "title": "Action Item",

            "toolTip": "The action button's tool-tip.",

            "subitems": [

                {

                    "action": "firstActionSubitemHandler",

                    "identifier": "first-action-subitem",

                    "imageName": "hand.thumbsup",

                    "keyEquivalent": "1",

                    "keyEquivalentModifier": ["command"],

                    "title": "First Action Subitem",

                    "toolTip": "The first action's tool-tip."

                },

                {

                    "action": "secondActionSubitemHandler",

                    "identifier": "second-action-subitem",

                    "imageName": "hand.thumbsdown",

                    "keyEquivalent": "2",

                    "keyEquivalentModifier": ["command"],

                    "title": "Second Action Subitem",

                    "toolTip": "The second action's tool-tip."

                }

            ]

        }

    ],

    "toolbar": {

        "displayMode": "iconOnly",

        "sizeMode": "regular",

        "identifier": "toolbar-identifier",

        "defaultItems" : ["NSToolbarFlexibleSpaceItem", "action-item-identifier"]

    }

}

```

Integration into your view controller is as simple as:

> 📌 **Note:** The code below is an abstraction and **will not** compile.

```swift

import Ribbon

class YourViewController ... {

    ...

    

    var ribbon: Ribbon!

    override func viewDidLoad() {

        ribbon = try! Ribbon.loadFromMainBundle(target: self)

        #if canImport(UIKit)

        textView.inputAccessoryView = ribbon

        #endif

    }

    

    #if canImport(AppKit)

    override func viewWillAppear() {

        view.window?.toolbar = ribbon.toolbar

        super.viewWillAppear()

    }

    #endif

    

    @objc

    func actionItemHandler() { }

    @objc

    func firstActionSubitemHandler() { }

    @objc

    func secondActionSubitemHandler() { }

}

```

Programmatically

----------------

> 📌 **Note:** The code below is an abstraction and **will not** compile.

```swift

import Ribbon

class YourViewController ... {

    ...

    

    var ribbon: Ribbon!

    override func viewDidLoad() {

        let firstActionSubitem = RibbonItem(subItemTitle: "First Action Subitem")

        firstActionSubitem.action = #selector(firstActionSubitemHandler)

        let secondActionSubitem = RibbonItem(subItemTitle: "Second Action Subitem")

        secondActionSubitem.action = #selector(secondActionSubitemHandler)

        let actionItem = RibbonItem(controlKind: .action,

                                    title: "Action Item",

                                    subitems: [firstActionSubitem, secondActionSubitem])

        actionItem.action = #selector(actionItemHandler)

        ribbon = Ribbon(items: [actionItem], target: self)

        #if canImport(UIKit)

        textView.inputAccessoryView = ribbon

        #endif

    }

    

    #if canImport(AppKit)

    override func viewWillAppear() {

        view.window?.toolbar = ribbon.toolbar

        super.viewWillAppear()

    }

    #endif

    

    @objc

    func actionItemHandler() { }

    @objc

    func firstActionSubitemHandler() { }

    @objc

    func secondActionSubitemHandler() { }

}

```

// ToDo:

========

- [ ] Add documentation.

- [ ] Implement `UIKeyCommand`.

Community

=========

- Found a bug? Open an [issue](https://github.com/chriszielinski/ribbon/issues).

- Feature idea? ~~Open an [issue](https://github.com/chriszielinski/ribbon/issues).~~ Do it yourself & PR when done 😅 (or you can open an issue 🙄).

- Want to contribute? Submit a [pull request](https://github.com/chriszielinski/ribbon/pulls).

Acknowledgements

================

* Based on Rudd Fawcett's [`RFKeyboardToolbar`](https://github.com/ruddfawcett/RFKeyboardToolbar).

Contributors

============

- [Chris Zielinski](https://github.com/chriszielinski) — Original author.

Frameworks & Libraries

======================

`Ribbon` depends on the wonderful contributions of the Swift community, namely:

* **[realm/SwiftLint](https://github.com/realm/SwiftLint)** — A tool to enforce Swift style and conventions.

License

=======

`Ribbon` is available under the MIT license, see the [LICENSE](https://github.com/chriszielinski/ribbon/blob/master/LICENSE) file for more information.