iOS实现圆角箭头视图

2024-12-19 16:36:17

在APP中实现类似聊天内容背景图时，需要绘制圆角及箭头。很多人会选择使用图片(这也是最省事的一种方法)，但是对于在视图中对内容做约束布局的话，我们无法准确的知道箭头的偏移量。下面就来介绍一下利用CGContextRef怎样绘制吧。

先来看看效果图吧！

代码实现：

- (void)drawRect:(CGRect)rect {
    float lw = 2; // 边线宽度
    float aw = 4;// 箭头宽
    float ah = 5;// 箭头高
    float r = 3;// 圆角角度

    // 需要减去边线的宽度，为什么不是减去边线的宽度x2？
    // 因为左边线和上边线是往视图内描绘的，而右边线和下边线是往视图外描绘的。
    float w = self.frame.size.width - lw;// 设置画线长度
    float h = self.frame.size.height - lw;// 设置画线宽度

    // 获取上下文
    CGContextRef context = UIGraphicsGetCurrentContext();
    // 设置边线宽度
    CGContextSetLineWidth(context, lw);
    //边框颜色
    CGContextSetStrokeColorWithColor(context, [UIColor redColor].CGColor);

    // 矩形填充颜色
    CGContextSetFillColorWithColor(context, [UIColor whiteColor].CGColor);

    CGContextMoveToPoint(context, 0, lw); // 开始坐标左边开始
    CGContextAddArcToPoint(context, w, lw, w, r, r); // 右上角角度
    CGContextAddArcToPoint(context, w , h, w-r, h, r); // 右下角角度
    CGContextAddArcToPoint(context, aw, h, aw, h-r, r); // 左下角角度
    CGContextAddLineToPoint(context, aw, ah); // 向左上竖线
    CGContextAddLineToPoint(context, 0, lw); // 向左上斜线

    CGContextDrawPath(context, kCGPathFillStroke); //根据坐标绘制路径

    // 父类调用 放在画完边线后。不然设置的文字会被覆盖
    [super drawRect:rect];
}

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。

iOS实现圆角箭头矩形的提示框

先来看看我们见过的一些圆角箭头矩形的提示框效果图一.了解CGContextRef 首先需要对 CGContextRef 了解, 作者有机会再进行下详细讲解, 这篇中简单介绍下, 方便后文阅读理解. 先了解 CGContextRef 坐标系坐标系举例说明 : 对于商城类App 有很多原价, 现价对比 .那原件的横线怎么画, 就可以用CGContextRef - (void)drawRect:(CGRect)rect { // Drawing code [super drawRect:re
IOS开发之为视图绘制单(多)个圆角实例代码

IOS开发之为视图绘制单(多)个圆角实例代码前言: 为视图绘制圆角,圆角可以选左上角.左下角.右下角.右上角.全部圆角 //Core Raduias UIView *actionView = [[UIView alloc]initWithFrame:CGRectMake(0, 0, 200, 200)]; UIBezierPath *maskPath = [UIBezierPath bezierPathWithRoundedRect:actionView.bounds byRoundingCo
iOS实现圆角箭头视图

在APP中实现类似聊天内容背景图时,需要绘制圆角及箭头.很多人会选择使用图片(这也是最省事的一种方法),但是对于在视图中对内容做约束布局的话,我们无法准确的知道箭头的偏移量.下面就来介绍一下利用CGContextRef怎样绘制吧. 先来看看效果图吧! 代码实现: - (void)drawRect:(CGRect)rect { float lw = 2; // 边线宽度 float aw = 4;// 箭头宽 float ah = 5;// 箭头高 float r = 3;// 圆角角度 // 需
基于IOS实现带箭头的view

我使用DrawRect进行的View的拉伸(是这样描述的吧??), 效果图也实现了类似于微信的View效果, 你可以看一看. 创建继承于UIView的视图 .h文件 // backGoundView @property (nonatomic, strong) UIView * _Nonnull backGoundView; // titles @property (nonatomic, strong) NSArray * _Nonnull dataArray; // images @proper
iOS设置圆角的三种方法

本文实例为大家分享了iOS设置圆角的三种方式,供大家参考,具体内容如下第一种方法:通过设置layer的属性最简单的一种,但是很影响性能,一般在正常的开发中使用很少. UIImageView *imageView = [[UIImageView alloc]initWithFrame:CGRectMake(100, 100, 100, 100)]; //只需要设置layer层的两个属性 //设置圆角 imageView.layer.cornerRadius = imageView.frame.
iOS设置圆角的三种方式

第一种方法:通过设置layer的属性最简单的一种,但是很影响性能,一般在正常的开发中使用很少. UIImageView *imageView = [[UIImageView alloc]initWithFrame:CGRectMake(100, 100, 100, 100)]; //只需要设置layer层的两个属性 //设置圆角 imageView.layer.cornerRadius = imageView.frame.size.width / 2; //将多余的部分切掉 imageView
iOS中模态Model视图跳转和Push视图跳转的需求实现方法

本文给大家分享下模态Model视图跳转和Push视图跳转的需求实现. 开前自打小广告:一键合成APP引导页,包含不同状态下的引导页操作方式,同时支持动态图片引导页和静态图片引导页以及视频引导页;GitHub地址: https://github.com/dingding3w/DHGuidePageHUD (多多Star,多多支持
详解 iOS 系统中的视图动画

动画为用户界面的状态转换提供了流畅的可视化效果, 在 iOS 中大量使用了动画效果, 包括改变视图位置. 大小. 从可视化树中删除视图, 隐藏视图等. 你可以考虑用动画效果给用户提供反馈或者用来实现有趣的特效. 在 iOS 系统中, Core Animation 提供了内置的动画支持, 创建动画不需要任何绘图的代码, 你要做的只是激发指定的动画, 接下来就交给 Core Animation 来渲染, 总之, 复杂的动画只需要几行代码就可以了. 哪些属性可以添加动画效果根据 iOS 视图编程指南
iOS开发之表视图详解

本文详细介绍了表视图的用法.具体如下: 概述表视图组成表视图是iOS开发中最重要的视图,它以列表的形式展示数据.表视图又一下部分组成: 表头视图:表视图最上边的视图表脚视图:表视图最下边的视图单元格(cell):表视图中每一行的视图节(section):由多个单元格组成,应用于分组列表节头节脚表视图的相关类 UITableView继承自UIScrollView,且有两个协议:UITableViewDelegate和UITableViewDataSource.此外UITableVi
iOS应用开发中视图控件UIWindow的基本使用教程

一.简单介绍 iPhone应用程序通常只有一个窗口,表示为一个UIWindow类的实例.应用程序在启动时(或者从nib文件进行装载)创建这个窗口,并往窗口中加入一或多个视图并显示出来.之后我们很少需要再次引用它.UIWindow对象是所有UIView的根,管理和协调的应用程序的显示.一般应用程序只有一个UIWindow对象,即使有多个UIWindow对象,也只有一个UIWindow可以接受到用户的触屏事件. 在IOS中,UIWindow对象并没有像windows应用程序中常见的关闭框或标题栏这样

iOS实现圆角箭头视图

相关推荐

随机推荐