首页
学习
活动
专区
圈层
工具
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

使用CAShapeLayer绘图

之前讲过使用UIBezierPath在UIView的drawRect中绘图, 今天我们讲下另外一种方式: CAShaperLayer 先说说使用CAShapeLayer的优点: GPU执行, GPU执行...按照之前的思路是创建一个UIView子类, 用UIBezierPath画一个外围的不闭合圆弧, 在画中间点圆 代码量不是很多弹也不少, 那假如用CAShapeLayer实现时怎么样子的呢?...重点是这里有一个初学者经常会犯的错误, 同学们在绘制曲线的时候经常会以layer在父图层中的相对位置去绘制曲线,这是错的!!! 应该以layer自身的坐标系划线。...请记住,在iOS中,以x轴正方向(即水平向右)为0度,顺时针旋转一周为360度。 下面我们再使用CAShapeLayer绘制一些特殊的形状 ?...比如hud这个, 我们之前用UIBezierPath在UIView的DrawRect中画画过, 相对比较简单 我们用CAShapeLayer事实看。

1.3K10

JS中对数字(含有小数的)进行相乘后,数值不正确的问题

背景 当时前台在页面上展示时是65.32,但是我后来查后台日志时发现传到后台时的数值为6531.999999999999,潇洒以为是我们后台的原因,我后来查了代码发现是由于前台传金额与后台不一致,故被后台拦截...然后我去看了前台的js代码,发现展示的金额确实没问题,但是在订单提交的时候出了问题。 image.png image.png 这样直接算出来的确实是有问题的。...(2)这个和数据结构有关系 整数型自动转换成正型计算 小数型直接转成double型计算 这是在内存中运算的时候必须这样 你该知道计算机只认识0和1吧 具体的就是浮点精准度的问题 float 精确到小数点后...7位 double 精确到小数点后15位 浮点运算的精度问题,所以代码里使用 parseFloat(65.32 * 100).toFixed() 或 (65.32 * 100).toFixed() 进行取整.../js中对数字含有小数的进行相乘后数值不正确问题

2.6K20
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    图层几何学 -- iOS Core Animation 系列二

    《图层树和寄宿图 -- iOS Core Animation 系列一》介绍了图层的基础知识和一些属性方法。这篇主要内容是学习下图层在父图层上怎么控制位置和尺寸的。 1.布局 首先看一张例图: ?...frame代表了图层的外部坐标(也就是在父图层上占据的空间),bounds是内部坐标({0, 0}通常是图层的左上角),center和position都代表了相对于父图层anchorPoint所在的位置...如果对图层做了变换,比如旋转缩放等。frame的值实际指的是图层旋转之后整个轴对齐的矩形区域。此时frame的宽高可能和bounds的宽高不一致: ?...和系列一中提到的contentsRect类似,anchorPoint用单位坐标来表示(默认情况是{0.5, 0.5})。可以通过指定x和y值小于0或者大于1,使它放置在图层范围之外。...首先我在SB中设置两个视图,如下图: ? 如果我们不做任何操作,运行后,两个视图显示的顺序就是我们现在设置的这样。

    67430

    iOS---iPad开发及iPad特有的特技

    iPad开发简单介绍 iPad开发最大的不同在于iPhone的就是屏幕控件的适配,以及横竖屏的旋转。 Storyboard中得SizeClass的横竖屏配置,也不支持iPad开发。...1.在控制器中得到设备的旋转方向 在 iOS8及以后,屏幕就只有旋转后屏幕尺寸之分,不再是过期的旋转方向。...在iOS7及以前得到屏幕旋转方向的方法 /** // UIInterfaceOrientation ,屏幕方向 UIInterfaceOrientationUnknown = UIDeviceOrientationUnknown...// 获取屏幕旋转动画执行的时间 CGFloat duration = [coordinator transitionDuration]; [UIView animateWithDuration...(位置和尺寸) * @param view rect参数是以view的左上角为坐标原点(0,0) * @param arrowDirections 箭头的方向 * @param

    2.7K70

    UI篇-关于单个页面屏幕旋转要注意的问题

    前言 有时候,我们会需要在整个项目中,使某一个ViewController支持屏幕旋转,而其他的ViewController并不能自动旋转。这是一个很常见的需求,下面就屏幕旋转相关问题做个小结。...viewcontroller里的设置 如何实现某一个页面屏幕旋转,而其他页面不旋转 首先, - (BOOL)shouldAutorotate 必须在 self.window.rootViewController...)shouldAutorotate 方法中 return NO; 默认关闭,,在需要开启的子类中再次重写- (BOOL)shouldAutorotate 方法,在方法中return YES即可。...按照上面的方法我确实达到了,单页面旋转,其他页面不旋转的效果,但是有个问题: 在页面不旋转的情况下,状态栏确会随着手机的旋转而旋转,着实蛋疼。目前不清楚为什么一样的设置,在两个项目中效果不一样。...所以页面支持的方向是一定要设定的,不设定的话就是默认的:左中右。 屏幕旋转中的其它问题 如何应用程序刚启动时判断设备方向呢?

    3.7K20

    UIKit Dynamics:开始入门 —《Graphics & Animation系列一》

    准备开始 在ViewController.swift 添加如下代码在viewDidLoad: let square = UIView(frame: CGRect(x: 100, y: 100,...增加重力效果 仍然在 ViewController.swift中,在viewDidLoad上方添加以下属性: var animtor: UIDynamicAnimator!...此时可以使用隐式解包的optionals,因为我们知道这些属性在初始化后不会为零。 可以防止每次使用的时候需要!来解包。...但是,这两个对象之间的交互仍然存在不太正确的地方。 屏障被认为是不可移动的,但是当两个物体在当前配置中碰撞时,屏障会被打破位置并开始向屏幕底部旋转。...然后创建一个新的捕捉行为,将方块对齐到用户的触摸位置,并将其添加到动画制作工具中。 构建并运行应用程序。

    2.2K30

    【 iOS 应用开发 】 UIKit 控件 ( 代码生成控件 | UIView 属性方法 | Storyboard | Bundle | Property List | 动画 | 图片内存优化 )

    Tittle 属性中修改按钮文字 ; 2.方法2 : 在 Main.storyboard 中双击 UIButton 控件 , 修改 按钮文字 ; 3.修改后 : ---- 3....属性 : 定义控件的位置 和 尺寸 ; 6.transform 属性 : 改变 位置 , 大小 , 旋转角度 属性 ; 有两种使用方式 , 一种是 直接创建指定所有参数 ; 第二种 可以在之前的基础上进行增量修改...: 点击 Storyboard 中的 ViewController , 在 身份查看器 中配置 Class 选项 , 直接输入 刚才生成的 TestViewController 名称即可完成对应关系...ViewController 中 ; 6.调用 viewDidLoad 方法 : 界面 加载 完毕后 , 调用 ViewController.m 中的 viewDidLoad 方法 ; 7.界面...也可以 看到 该图片 , 不安全 ; 2.放在 Assets.xcassets 目录中 : 放在 该 目录下 , 打包后 放在 Assets.car 中 , 放在根目录的图片 直接显示在 Bundle

    4.4K41

    UI篇-VC的生命周期以及UIView的layoutSubviews和drawRect方法

    : ** 在使用 VC绘制UI的时候,它不同于 UIView,UIView中 init方法调用后,UIView就已经绘制好(初始化好了)。...但是在VC中,当前UIView的是在 viewDidLoad 执行后才初始化好的,所以我们会见到这样一个Bug,在VC初始化语句后面调用 一个 VC的绘制UI的方法,你会发现根本没有效果,这就是因为,VC...UIView中方法的执行顺序大概是这样的: init 方法 >>属性的set/get 方法>> layoutSubviews(当然是要达到触发条件)>>drawRect, 使用得当可以在View的调用中起到很好的效果...5、旋转Screen会触发父UIView上的layoutSubviews事件。 6、改变一个UIView大小的时候也会触发父UIView上的layoutSubviews事件。....这样可以在控制器中设置一些值给View(如果这些View draw的时候需要用到某些变量 值). 2、该方法在调用sizeToFit后被调用,所以可以先调用sizeToFit计算出size。

    2K30

    ARKit 到底怎么实现的

    ARAnchor 表示一个真实世界的位置和方向,可以将物理模型放置的AR场景中 ARPlaneAnchor 在AR会话中检测到真实世界平面的位置和方向的信息 ARFrame 一个正在运行的...对于每一帧,ARkit分析图像,通过从装置的运动传感硬件来判断设备的实际位置数据 ARCamera 代表 AR会话中捕获的视频帧的摄像机位置和成像特性的信息 ARSessionConfiguration...场景配置,这种配置下,手机位置不动,旋转手机,能够看到,模型相对环境的角度不会改变,但是如果移动手机,模型的位置就会变化 ARWorldTrackingSessionConfiguration...旋转手机或者移动手机,模型的位置和角度都不会变化 接下来演示一个demo 给大家看看 第一步 创建一个工程 ?...49751CA2-3CC2-487C-80BD-383C17358113.png 第二步 在ViewController 里面导入两个框架 import SceneKit import ARKit 第三步

    1.2K10

    位置编码在注意机制中的作用

    在运行 RNN 或 LSTM 时,隐藏状态保留单词在句子中的相对位置信息。...然而,在 Transformer 网络中,如果编码器包含一个前馈网络,那么只传递词嵌入就等于为您的模型增加了不必要的混乱,因为在词嵌入中没有捕获有关句子的顺序信息。...为了处理单词相对位置的问题,位置编码的想法出现了。 在从嵌入层提取词嵌入后,位置编码被添加到这个嵌入向量中。 解释位置编码最简单的方法是为每个单词分配一个唯一的数字 ∈ ℕ 。...表示时域信号的最佳方式是通过正弦方程 sin(ωt)。如果我们巧妙地使用这个波动方程,我们可以在一次拍摄中捕获词嵌入的时间和维度信息。 让我们看一下这个等式,在接下来的步骤中,我们将尝试把它形象化。...这是我对注意力机制中使用的位置编码的看法。在接下来的系列中,我将尝试撰写有关编码器-解码器部分的内容,并将注意力应用于现实世界的规模问题。

    2.4K41

    iOS14开发-触摸与手势识别

    记录了触摸事件产生或变化时的时间。 (5)phase:触摸事件的周期,即触摸开始、触摸点移动、触摸结束和中途取消。 方法 // 返回一个CGPoint类型的值,表示触摸在view上的位置。...事件传递 当 iOS 程序中发生触摸事件后,系统会将事件加入到 UIApplication 管理的一个任务队列中。 UIApplication 取出最前面的事件传递给 UIWindow。...UIWindow 接收到事件后,首先判断自己能否响应触摸事件。如果能,那么 UIWindow 会从后往前遍历自己的子 UIView,将事件向下传递。...此时需要重写 UITabBar 的point方法,判断当前触摸位置是否在中间凸起按钮的坐标范围内,如果在返回 true。这样可以让触摸事件传递到凸起按钮,并让其成为最佳响应者。...响应者对于触摸事件的响应和传递都是在touchesBegan方法中完成的。该方法默认是将事件顺着响应者链向上传递,即将事件交给上一个响应者进行处理。

    2.6K20

    【 iOS 应用开发 】 UIKit 控件 ( UIView 属性 | storyboard 设置 | 模拟器 | 拖线关联 | tag | 软键盘操作 | 颜色值 | 代码生成控件 | 动画设置 )

    transform; ; 5.frame 属性 : 控件 在 父控件 中的位置 和 尺寸, UIView 中定义内容 @property(nonatomic) CGRect frame; ;...6.bounds 属性 : 控件本身 所在矩形框的 位置 和 尺寸, 其中的位置就是 固定的 (0,0) 点, 尺寸就是矩形框大小, UIView 中定义内容 @property(nonatomic)...---- ( 7 ) 实现加法逻辑 实现计算逻辑 : 1.实现位置 : 点击按钮后执行加法运算, 接收 界面中输入的 两个数字, 并将计算结果输出到界面中, 主要逻辑都在按钮的点击方法中实现的, 下面是按钮点击方法代码...该属性定义在 UIView 中 ; 2.动画 : 可以使用动画 , 该属性可以放入 Block 动画中 , 生成动画效果 ; 3.创建位置 : 该方法 直接 创建 一个 新的 CGAffineTransform...的方法 拖线生成传入 Sender 的方法: 1.界面中设置 View 控件 : 拖入一个 UIView 控件到界面中, 并打开尺寸查看器, 将其大小修改为 300 x 300 , 放置在中心位置;

    5.4K30

    【IOS开发进阶系列】动画专题

    关系        CALayer类在概念上和UIView类似,同样也是一些被层级关系树管理的矩形块,同样也可以包含一些内容(像图片,文本或者背景色),管理子图层的位置。...在iOS中,你能看得见摸得着的东西基本上都是UIView,比如一个按钮、一个文本标签、一个文本输入框、一个图标等等,这些都是UIView。      ...,绘图完毕后,系统会将图层拷贝到屏幕上,于是就完成了UIView的显示。...图3.6 钟面,和不对齐的钟指针         你也许会认为可以在Interface Builder当中调整指针图片的位置来解决,但其实并不能达到目的,因为如果不放在钟面中间的话,同样不能正确的旋转...“图层几何学”中,我们使用了UIView的transform属性旋转了钟的指针,但并没有解释背后运作的原理,实际上UIView的transform属性是一个CGAffineTransform类型,用于在二维空间做旋转

    73210

    必会算法:在旋转有序的数组中搜索

    ], ..., nums[k-1]](下标 从 0 开始 计数) 例如, [0,1,2,4,5,6,7] 在下标 3 处经旋转后可能变为 [4,5,6,7,0,1,2] 关于这段描述还有另外一种容易理解的说法...: 将数组第一个元素挪到最后的操作,称之为一次旋转 现将nums进行了若干次旋转 给你 旋转后 的数组 nums 和一个整数 target 如果 nums 中存在这个目标值 target 则返回它的下标...给定的旋转后数组 * @param target 目标值 * @return 查询结果 */ public static int getIndex(int[] num...这样思路就非常清晰了 在二分查找的时候可以很容易判断出 当前的中位数是在第一段还是第二段中 最终问题会简化为在一个增序数据中的普通二分查找 我们用数组[1,2,3,4,5,6,7,8,9]举例说明 target...所以可以判断出 此时mid=4是处在第一段中的 而且目标值在mid=4的前边 此时,查找就简化为了在增序数据中的查找了 以此类推还有其他四种情况: mid值在第一段,且在目标值的前边 mid值在第二段

    3.4K20

    JS实现获取鼠标在画布中的位置

    JS实现获取鼠标在画布中的位置 效果展示 概述 本文讲解如何实现我们平时用的画布软件中,怎么获取的我们鼠标时刻在画布中的位置。...// 首先得到鼠标在页面中的坐标( e.pageX, e.pageY) // 其次得到盒子在页面中的距离(box.offsetLeft, box.offsetTop) /.../ 用鼠标距离页面的坐标减去盒子在页面中的距离, 得到 鼠标在盒子内的坐标 // 我们生活中常见的画布里面的那个获取鼠标的位置 就是这么实现的 var box = document.querySelector...// 首先得到鼠标在页面中的坐标( e.pageX, e.pageY) // 其次得到盒子在页面中的距离(box.offsetLeft, box.offsetTop) /.../ 用鼠标距离页面的坐标减去盒子在页面中的距离, 得到 鼠标在盒子内的坐标 // 我们生活中常见的画布里面的那个获取鼠标的位置 就是这么实现的 var box = document.querySelector

    1.3K00
    领券