个人中心
文章发布
退出
作者热门文章
- ubuntu12.04环境下使用kvm ioctl接口实现最简单的虚拟机
- Ubuntu 通过无线网络安装Ubuntu Server启动系统后连接无线网络的方法
- 在Ubuntu上搭建网桥的方法
- ubuntu 虚拟机上网方式及相关配置详解
28
4
CFSDN坚持开源创造价值，我们致力于搭建一个资源共享平台，让每一个IT人在这里找到属于你的精彩世界.
这篇CFSDN的博客文章iOS实现圆角箭头视图由作者收集整理，如果你对这篇文章有兴趣，记得点赞哟.
在APP中实现类似聊天内容背景图时，需要绘制圆角及箭头。很多人会选择使用图片(这也是最省事的一种方法)，但是对于在视图中对内容做约束布局的话，我们无法准确的知道箭头的偏移量。下面就来介绍一下利用CGContextRef怎样绘制吧.
先来看看效果图吧！ 。
代码实现:
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
|
- (
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];
}
|
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我.
原文链接：https://blog.csdn.net/xl348053718/article/details/115691483 。
最后此篇关于iOS实现圆角箭头视图的文章就讲到这里了,如果你想了解更多关于iOS实现圆角箭头视图的内容请搜索CFSDN的文章或继续浏览相关文章，希望大家以后支持我的博客！ 。
28
4
0
我有一个 PSD 布局要开发，还有一些东西，比如“卡片”，我很好奇我是否可以在没有图像的情况下只使用 CSS3 边框来做到这一点。 http://i.imgur.com/NSZYPsh.png (这些
我想添加一个轻量级的导航栏来切换登录和注册。结果应如下所示: 箭头应指示当前所选页面。 最佳答案 引用这个question ，问题中的 UI 与您的相似，并且可以根据您的需要调整答案中使用的概念。 关
我想创建一个元组，它包含一个箭头和一个描述箭头的字符串。如果我使用函数(而不是箭头)这样做，则以下工作如预期: funTimes10 = (*10) describe10 = "times 10" t
var std_obj = { activeEffect : 'fade', name : 'Jane', displayMe() { const doSomeEffects =
我有一个使用TActionToolBar和TActionManager的工具栏。一个按钮具有子按钮，这些子按钮可通过单击按钮右侧的向下小箭头来使用。 “向下箭头”按钮的宽度非常薄，需要精确的鼠标控制。
我正在使用 Javascript 进行流网络可视化。顶点表示为圆圈，边表示为箭头。 这是我的 Edge 类: function Edge(u, v) { this.u = u; // start
这个问题已经有答案了: Show border triangle in navbar using CSS (3 个回答) 已关闭 7 年前。 我有一个列表菜单，其边框宽度为 1px ...100%。
有什么方法可以从 javafx 2.2 表列中的排序表列中删除排序指示符/箭头吗？ 最佳答案 这可以通过 css 来完成 .table-view .arrow { -fx-background
在我的应用程序中，我使用了 googlemap。在那，我在一个特定的位置放置了一个物体(自行车或汽车)。然后我搬到了其他地方。现在，根据我当前的位置，我需要显示一个箭头(校园)，即我放置汽车或自行车的
关闭。这个问题需要debugging details .它目前不接受答案。 编辑问题以包含 desired behavior, a specific problem or error, and t
我一直在 goole 中搜索如何仅使用 css 创建箭头和框。我在这里找到了一个近乎完美的例子:- http://dabblet.com/gist/4639593 如何更改此代码，使箭头指向左而不是右
嗨，我正在为这个问题挠头。我想创建一个如图所示的 CSS 渐变箭头，并能够将红色部分的填充定义为百分比。红色 block 只是纯色。 从这里JFiddle示例 我在创建绿色箭头方面取得了一些进展，但三
我刚刚开始在 Android 中创建一些自定义 View ，但在圆外绘制位图(箭头)时遇到问题。 这是我的代码: Canvas osCanvas = new Canvas(windowFrame);
我正在尝试绘制一个具有渐变的左侧箭头。这是我正在使用的代码，但我不明白为什么它不起作用。 .left-arrow{ position: relative; &:after{ rig
是否可以使用 GD 在 PHP 中创建此图像？我知道我需要使用 GD 和 imagecreate、imagecolorallocate、imagedestroy 等...但我不知道如何做曲线 我需要用
我在我的区域 map 中有一个我正在使用的工具台 http://qtip2.com/ 我调用工具提示时的代码与这个问题中的相同Tooltip on map area tag jQuery(docume
我正在尝试在 Haskell 中学习 Arrows，所以我正在使用基于箭头的 HXT 库为 XML 编写一个简单的应用程序。 HXT wiki 和教程中的示例放弃了函数类型签名。但是，我非常喜欢类型，
我一直在使用 Haskell(特别是 Yampa)中的 Arrowized FRP 库，但我不太清楚如何进行“连续”切换。我的意思是信号通过信号函数(下面的 sf)，它本身就是一个信号(如图像的上半部
我想要一个引用，清楚地说明 PHP 的箭头/方法调用运算符 (->) 在运算符绑定(bind)顺序方面的位置。 不幸的是，authoritative PHP manual page关于运算符优先级没有
如何隐藏 QScrollBar 箭头？ 我需要隐藏在水平滚动条中。 我试图用 setStyleSheet 隐藏: setStyleSheet(" QScrollBar:left-arrow:horiz
我是一名优秀的程序员,十分优秀！