iOS自定义圆角箭头提示框实现

本文主要介绍了如何在iOS中实现一个带有圆角和箭头的提示框，通过使用CGContextRef进行图形绘制，并自定义UILabel来达到目标效果。 在iOS开发中，有时我们需要创建自定义的视图组件，比如带有特定形状和样式的提示框。这个示例就是针对这种情况，它展示如何利用CGContextRef来画出一个具有圆角和箭头的矩形提示框。CGContextRef是Core Graphics框架中的核心绘图上下文，用于在各种图形表面（如屏幕或PDF文档）上进行低级别的图形绘制。 首先，我们要理解CGContextRef的坐标系统。默认情况下，坐标系统的原点位于视图的左上角，x轴向右延伸，y轴向下延伸。在 `(void)drawRect:(CGRect)rect` 方法中，我们可以使用CGContextRef提供的API来画线、填充区域等。例如，可以通过 `CGContextMoveToPoint` 和 `CGContextAddLineToPoint` 分别设置起点和终点来画一条直线，然后用 `CGContextStrokePath` 实际执行绘制操作。 在给定的例子中，展示了如何使用CGContextRef来画出原价与现价对比的横线。这段代码首先获取当前图形上下文，然后设定起点和终点，接着设置线条的颜色和宽度，最后调用 `CGContextStrokePath` 进行绘制。 接下来，文章进入了正题，即自定义一个UILabel来实现圆角箭头的提示框。创建一个名为CustomLabel的子类，并在`.h`文件中声明一个属性`fillColorStr`，这个属性将用于存储填充颜色的字符串。在`.m`文件的`- (void)drawRect:(CGRect)rect` 方法中，我们可以使用CGContextRef进行更复杂的图形绘制，比如画出圆角和箭头。 实现圆角通常需要用到 `CGContextAddRoundedRect` 方法，它允许我们指定一个矩形并为其添加圆角。而画出箭头则可能涉及到更多路径操作，例如使用 `CGContextMoveToPoint`、`CGContextAddLineToPoint` 和 `CGContextAddLines` 结合不同的点来构造箭头的形状。同时，还需要注意根据`fillColorStr`的值来设置填充颜色。 总结来说，通过理解CGContextRef的基本用法，我们可以自定义视图组件来满足特定的设计需求。在这个案例中，自定义的UILabel不仅能够显示文本，还能根据需求呈现带有圆角和箭头的提示框效果，增加了应用的视觉吸引力和用户体验。