BalloonView

一个可定制和动画的弹出气球视图,具有数学上正确的平滑圆角。 还提供对 UIBezierPath 的访问。

Screen Shot 2021-06-04 at 14 11 37

Screen Shot 2021-06-04 at 14 24 57

Screen Shot 2021-06-04 at 14 26 05

这是什么?

这个库允许您创建一个用于弹出气球的 UIBezierPath,带有一个茎和一个圆角矩形。 气球具有数学上正确的平滑圆角,并且可以定制。

还有一个 BalloonShapeView,它是一个具有可动画气球的视图。

BalloonConfiguration

可以通过在 BalloonConfiguration 对象上设置属性来配置气球

您也可以调用 UIBezierPath.init(balloonWithRect:configuration),这将创建一个气球路径,其中茎位于给定矩形的外部。

BalloonShapeView

如果您需要一个作为视图的气球,请使用 BalloonShapeView

配置

使用 configuration 参数或便利属性(例如 stemWidthstemHeightcornerRadiusstemOffset)配置气球。 这些便利属性也可以从 InterfaceBuilder 访问。

动画

要为配置的更改添加动画效果,请在动画块中调用 layoutIfNeeded()

UIView.animateWithDuration(0.25) {
	// modify configuration
	balloonView.configuration.cornerRadius = .fixed(40)
	balloonView.layoutIfNeeded()
}

填充、描边和颜色。

BalloonShapeView 公开了 CAShapeLayer 的大多数属性,例如 fillColorstrokeColor 以及 lineWidth