A message bar for iOS written in Swift.

Related tags

UI swift ios message
Overview

Dodo, a message bar for iOS / Swift

Carthage compatible CocoaPods Version Swift Package Manager compatible License Platform

Dodo, a message bar for iOS

This is a UI widget for showing text messages in iOS apps. It is useful for showing short messages to the user, something like: "Message sent", "Note saved", "No Internet connection".

  • Dodo includes styles for success, info, warning and error type messages.
  • The bar can have buttons with custom tap handlers.
  • Bar styles can be customized.
  • You can provide custom animations for showing and hiding the bar or use one of the default animation presets.
  • Supports iOS 9+.

Illustration fromAlice's Adventures in Wonderland by John Tenniel

At last the Dodo said, `EVERYBODY has won, and all must have prizes.'

From Alice's Adventures in Wonderland. Original illustration by John Tenniel, 1865. Source: Wikimedia Commons.

Setup

There are multiple ways you can add Dodo to your project.

Add source

Simply add DodoDistrib.swift file into your Xcode project.

Setup with Carthage

Add github "evgenyneu/Dodo" ~> 13.0 to your Cartfile and run carthage update.

Setup with CocoaPods

If you are using CocoaPods add this text to your Podfile and run pod install.

use_frameworks!
target 'Your target name'
pod 'Dodo', '~> 13.0'

Setup with Swift Package Manager

Legacy Swift versions

Setup a previous version of the library if you use an older version of Swift.

Usage

Add import Dodo to your source code (unless you used the file setup method).

Dodo is an extension of UIView class. You can reach it by using using the dodo property in any instance of UIView or its subclass. It can be, for example, the view property of your view controller.

Show and hide message bar

view.dodo.success("Everybody has won and all must have prizes.")
view.dodo.info("Extinction is the rule. Survival is the exception.")
view.dodo.warning("This world is but a canvas to our imagination.")
view.dodo.error("The perception of beauty is a moral test.")

view.dodo.hide()

If you are showing the bar in the root view you may need to provide top or bottom anchors. This will prevent the message bar from overlapping with the status or the tab bar.

view.dodo.topAnchor = view.safeAreaLayoutGuide.topAnchor
view.dodo.bottomAnchor = view.safeAreaLayoutGuide.bottomAnchor
view.dodo.success("I solemnly swear to avoid the notch.")

Alternatively, you can specify the anchors from the layout guides:

view.dodo.topAnchor = topLayoutGuide.bottomAnchor
view.dodo.bottomAnchor = bottomLayoutGuide.topAnchor
view.dodo.success("I solemnly swear to avoid the notch.")

Dodo success presets

Dodo info presets

Dodo warning presets

Dodo error presets

Styling

Set dodo.style property to style the message bar before it is shown. See the styling manual for the complete list of configuration options.

// Set the text color
view.dodo.style.label.color = UIColor.white

// Set background color
view.dodo.style.bar.backgroundColor = DodoColor.fromHexString("#00000090")

// Close the bar after 3 seconds
view.dodo.style.bar.hideAfterDelaySeconds = 3

// Close the bar when it is tapped
view.dodo.style.bar.hideOnTap = true

// Show the bar at the bottom of the screen
view.dodo.style.bar.locationTop = false

// Do something on tap
view.dodo.style.bar.onTap = { /* Tapped on the bar */ }

Add buttons or icons

Set style.leftButton and style.rightButton properties to show buttons or icons. As with other style properties please style the buttons before the message is shown.

// Use a built-in icon
view.dodo.style.leftButton.icon = .close

// Supply your image
view.dodo.style.leftButton.image = UIImage(named: "CloseIcon")

// Change button's image color
view.dodo.style.leftButton.tintColor = DodoColor.fromHexString("#FFFFFF90")

// Do something on tap
view.dodo.style.leftButton.onTap = { /* Button tapped */ }

// Close the bar when the button is tapped
view.dodo.style.leftButton.hideOnTap = true

Dodo bar with left buttons

Dodo bar with right and left buttons

Customize animation

Configure the animation effect of the bar before it is shown. See the animation wiki page for more information.

// Use existing animations
view.dodo.style.bar.animationShow = DodoAnimations.rotate.show
view.dodo.style.bar.animationHide = DodoAnimations.slideRight.hide

// Turn off animation
view.dodo.style.bar.animationShow = DodoAnimations.noAnimation.show

Unit testing

Sometimes it is useful to verify which messages were shown by your app in unit tests. It can be done by setting an instance of DodoMock class to view.dodo property.

See the unit testing manual for more details.

Known limitations

Using Dodo from Objective-C

This manual describes how to show Dodo messages in Objective-C apps.

Demo iOS app

This project includes a demo app.

Dodo message bar demo iOS app

Thanks πŸ‘

Quotes credits

Albert Einstein

Information is not knowledge.

Carl Sagan

Extinction is the rule. Survival is the exception.

George S. Patton

Success is how high you bounce when you hit bottom.

Henry David Thoreau

This world is but a canvas to our imagination.

The perception of beauty is a moral test.

Joe Namath

When you win, nothing hurts.

Lewis Carroll

Everybody has won and all must have prizes.

Malcolm Forbes

Failure is success if we learn from it.

William Blake

If the doors of perception were cleansed everything would appear to man as it is, Infinite.

Alternative solutions

Here are some other message bar libraries for iOS:

License

Dodo is released under the MIT License.

β€’α΄₯β€’

This project is dedicated to the dodo, species of flightless birds that lived on the island of Mauritius and became extinct in the 17th century.

You might also like...
An easy to use FAQ view for iOS written in Swift
An easy to use FAQ view for iOS written in Swift

FAQView An easy to use FAQ view for iOS written in Swift. This view is a subclass of UIView. Setup with CocoaPods If you are using CocoaPods add this

🏞 A simple iOS photo and video browser with optional grid view, captions and selections written in Swift5.0
🏞 A simple iOS photo and video browser with optional grid view, captions and selections written in Swift5.0

Introduction 🏞 MediaBrowser can display one or more images or videos by providing either UIImage objects, PHAsset objects, or URLs to library assets,

Cool Animated music indicator view written in Swift
Cool Animated music indicator view written in Swift

Cool Animated music indicator view written in Swift. ESTMusicIndicator is an implementation of NAKPlaybackIndicatorView in Swift for iOS 8. ζœ¬δΊΊθ‘—δ½œηš„δΉ¦η±γ€ŠLa

Whole, half or floating point ratings control written in Swift
Whole, half or floating point ratings control written in Swift

FloatRatingView A simple rating view for iOS written in Swift! Supports whole, half or floating point values. I couldn't find anything that easily set

A UITextView subclass that adds support for multiline placeholder written in Swift.
A UITextView subclass that adds support for multiline placeholder written in Swift.

KMPlaceholderTextView A UITextView subclass that adds support for multiline placeholder written in Swift. Usage You can set the value of the placehold

Highly customizable Action Sheet Controller with Assets Preview written in Swift
Highly customizable Action Sheet Controller with Assets Preview written in Swift

PPAssetsActionController Play with me ▢️ πŸ– If you want to play with me, just tap here and enjoy! 🎩 πŸ•΄ Show me πŸŽͺ Try me πŸ“² The easiest way to try me

Simple PhotoBrowser/Viewer inspired by facebook, twitter photo browsers written by swift
Simple PhotoBrowser/Viewer inspired by facebook, twitter photo browsers written by swift

SKPhotoBrowser Simple PhotoBrowser/Viewer inspired by facebook, twitter photo browsers written by swift features Display one or more images by providi

πŸ” Awesome fully customize search view like Pinterest written in Swift 5.0 + Realm support!
πŸ” Awesome fully customize search view like Pinterest written in Swift 5.0 + Realm support!

YNSearch + Realm Support Updates See CHANGELOG for details Intoduction πŸ” Awesome search view, written in Swift 5.0, appears search view like Pinteres

A Powerful , Extensible CSS Parser written in pure Swift.
A Powerful , Extensible CSS Parser written in pure Swift.

A Powerful , Extensible CSS Parser written in pure Swift. Basic Usage From CSS: #View { "width" : 118; "height" : 120.5; "color1" : "#888888"; "co

Comments
  • topLayoutGuide issue

    topLayoutGuide issue

    When using the recommended: view.dodo.topLayoutGuide = topLayoutGuide

    The following warning is thrown: 'topLayoutGuide' was deprecated in iOS 11.0

    What's the best-practice way to resolve this? Previously, with specifying the layout guide, the Dodo banner would fall behind the status bars.

    opened by matphillips 15
  • How can I show it a little above the keyboard?

    How can I show it a little above the keyboard?

    AltText

    It's currently showing below the navigation bar and its blocking the keyboard cursor. I'd like to show it a little above the keyboard.

    Here's where I want Dodo to appear.

    AltText

    I tried the following:

    view.dodo.style.bar.locationTop = false
    view.dodo.bottomAnchor = titleTextView.bottomAnchor
    

    Dodo just doesn't appear when I use the above code. What can I do to accomplish this?

    Thanks!

    • Library setup method: CocoaPods
    • Version of the library: 11.0.2
    • Xcode version: 9.2
    • OS version: iOS 11
    opened by tnylee 3
  • possible to use top of all view

    possible to use top of all view

    I've used dodo in scene where inside tab bar controller, if dodo is triggered background another view, I would like to dodo message is should be visible on top wherever user on tab item.

    opened by muhasturk 3
Releases(2.0.2)
Owner
Evgenii Neumerzhitckii
πŸ‹πŸ¦”πŸ’πŸwow
Evgenii Neumerzhitckii
πŸ“Š A customizable gradient progress bar (UIProgressView).

GradientProgressBar A customizable gradient progress bar (UIProgressView). Inspired by iOS 7 Progress Bar from Codepen. Example To run the example pro

Felix M. 490 Dec 16, 2022
A library, which adds the ability to hide navigation bar when view controller is pushed via hidesNavigationBarWhenPushed flag

HidesNavigationBarWhenPushed A library, which adds the ability to hide navigation bar when view controller is pushed via hidesNavigationBarWhenPushed

Danil Gontovnik 55 Oct 19, 2022
πŸ’ˆ Retro looking progress bar straight from the 90s

Description Do you miss the 90s? We know you do. Dial-up internet, flickering screens, brightly colored websites and, of course, this annoyingly slow

HyperRedink 18 Nov 24, 2022
An easy to use UI component to help display a signal bar with an added customizable fill animation

TZSignalStrengthView for iOS Introduction TZSignalStrengthView is an easy to use UI component to help display a signal bar with an added customizable

TrianglZ LLC 22 May 14, 2022
A spotlight-inspired quick action bar for macOS.

DSFQuickActionBar A spotlight-inspired quick action bar for macOS. Why? I've seen this in other mac applications (particularly spotlight) and it's ver

Darren Ford 31 Dec 14, 2022
Infinite paging controller, scrolling through contents and title bar scrolls with a delay

PageController PageController is infinite paging controller, scrolling through contents and title bar scrolls with a delay. Then it provide user inter

Hirohisa Kawasaki 408 Nov 28, 2022
A dynamically flowing progress bar.

WWProgressView A dynamically flowing progress bar. δΈ€ε€‹ε‹•ζ…‹ζ΅ε‹•ηš„ι€²εΊ¦ζ’. Installation with Swift Package Manager dependencies: [ .package(url: "https://gith

William-Weng 5 Jan 25, 2022
Bar Button Item that can be moved anywhere in the screen, like Android's stickers button.

FlowBarButtonItem Bar Button Item that can be moved anywhere in the screen, like Android's stickers button. [![CI Status](http://img.shields.io/travis

noppefoxwolf 153 Sep 15, 2022
An easy to use FAQ view for iOS written in Swift

FAQView An easy to use FAQ view for iOS written in Swift. This view is a subclass of UIView. Setup with CocoaPods If you are using CocoaPods add this

Mukesh Thawani 467 Dec 5, 2022
Material design components for iOS written in Swift

MaterialKit NOTE: This project is unmaintained. Material design components (inspired by Google Material Design) for iOS written in Swift Please feel f

Le Van Nghia 2.5k Jan 5, 2023