This article is 9 years old

The content here might be outdated as technology and best practices evolve quickly. While the concepts may still be valuable, please verify the information against current documentation and standards.

TNInfoBubble - Prisma app info bubble component

github ios open-source swift swift-2 tninfobubble xcode

I was using the Prisma app (like half of the world probably) and noticed the info bubble when you swipe with your fingers to adjust the strength of the effect.

This is my implementation (written in Swift) of this component, which comes with the Prisma look out of the box.

The component works with Storyboards, or you can create a bubble in code and get up’n running with 3 lines of code.

self.bubble = TNInfoBubbleView()
self.view.addSubview( self.bubble )
self.bubble.show()

Swift

It’s also possible to alter the appearance of the bubble yourself by using a configuration struct.

var config = TNInfoBubbleConfiguration()
config.backgroundColor = UIColor(red: 92/255.0,
                                     green: 184/255.0,
                                     blue: 92/255.0,
                                     alpha: 1.0)
config.labelTextColor = .whiteColor()

self.bubble.config = config

Swift

For more info, just check the documentation!

You can download the project on GitHub.  If you have any questions, just ask it on  Twitter, put a comment below or open an issue on GitHub.

The component is also available via CocoaPods.

Frederik Jacques - Author

About the Author

👋 Hi, I'm Frederik Jacques, a passionate iOS developer and entrepreneur with over a decade of experience building innovative mobile applications.

I love creating apps that solve real problems and bring joy to users. From educational tools to creative meme makers, I'm always exploring new ways to blend technology with user experience. When I'm not coding, you'll find me sharing insights about iOS development, app monetization, and the indie developer journey.