DynamicBubble view gives app user power to construct speech/annotation bubbles using built-in control points and gestures.
let bubble = DynamicBubble(centerPoint: view.center, originSides: [.down, .up, .left, .right], bubbleSize: CGSize(width: 200, height: 100))
// OR
let bubble = DynamicBubble(centerPoint: view.center, originSides: [.down, .up, .left, .right])
// OR
let bubble = DynamicBubble(centerPoint: view.center)
view.addSubview(bubble)All properties have default values, so this step is optional.
// Appearance
bubble.textFont = UIFont(name: "Helvetica-Bold", size: 17.0)
bubble.textColor = UIColor.darkGray
bubble.textAlignment = NSTextAlignment.center
bubble.fillColor = UIColor.lightGray
bubble.strokeColor = UIColor.darkGray
bubble.controlsColor = UIColor.green
bubble.controlsRadius = 3
// Behaviour
/* Whether or not to show control points */
bubble.showsControls = true
/* Whether or not to lock user interaction */
bubble.reactsToControls = false
bubble.bringToFrontWhenActive = true
bubble.startsWithActiveTextBox = false
bubble.debugMode = falseAlthough changing most of these properties results in bubble being re-drawn, it's still recommended to call bubble.setNeedsDisplay() after that.
At the moment, there is no built-in visual interface to add/remove tails (TBD), but there are methods to do this, so you can provide your users with whatever UI you want to call them.
bubble.addTailAtSide(.down)
bubble.removeTailAtSide(.up)There is pretty much everything for user to control bubble on screen.
- Add visual controls for tails add/remove actions
- Add support for higher rounding values (circle bubbles)
DynamicBubble is released under the permissive zlib License. See the LICENSE file.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent