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

iOS动画系列之七:实现类似Twitter的启动动画1. CAKeyframeAnimation2. CAAnimationGroup3. 实现类似Twitter的启动动画

俺写一篇分享文章大约要4~6个小时,大体是三部分:想到合适的例子,敲代码写注释,写文章。通常都会看自己当前的情况,决定是先写swift版还是OC版,然后不动脑子的翻译成另外一版调整一下BUG。..."]; //设置一些列的关键帧动画 animation.values = @[@(-M_PI_4 / 5),@(M_PI_4 / 5),@(-M_PI_4 / 5)]; animation.repeatCount...它类似于一个子图层,相对于父图层(即拥有该属性的图层)布局,但是它却不是一个普通的子图层。不同于其他能够在父图层中绘制出图像的子图层,mask图层定义了父图层的部分可见区域。...如果mask图层比父图层要小,只有在mask图层里面的内容才是它关心的,除此以外的一切都会被隐藏起来。 ?...maskAni.fillMode = kCAFillModeForwards; return maskAni; } 留一个小问题: 我在OC和Swift里面对不同的View使用了mask

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

    iOS学习——Quartz2D学习(1)

    相关联.才能将内容绘制到View上面.在DrawRect方法方法里 步骤: 1.要先自定定UIView 2.实现DrawRect方法 3.在DrawRect方法中取得跟View相关联的上下文.... 4.绘制路径(描述路径长什么样). 5.把描述好的路径保存到上下文(即:添加路径到上下文) 6.把上下文的内容渲染到View 7、DrawRect方法作用?...当创建一个UIBezierPath对象之后,我们可以使用它的stroke和fill方法在current graphics context中去渲染它,这两个方法的底层的实现,就是获取上下文,拼接路径,把路径添加到上下文...在调用这些方法之前,我们要进行一些其他的任务去确保正确的绘制path,以及path的设置。 使用UIColor类的方法去stroke和fill想要的颜色。...,形成一个封闭的路径 4.最后进行填充:[path fill]; //画1/4圆示例 //画圆弧 UIBezierPath *path = [UIBezierPath bezierPathWithArcCenter

    1.1K20

    【愚公系列】《AIGC辅助软件开发》030-AI辅助解决各种疑难杂症:解决图片锯齿问题

    我们将分享实际案例,展示AI在提升图像质量、改善细节处理方面的显著成效。无论你是设计师、开发者还是对图像处理感兴趣的读者,这篇文章都将为你提供实用的视角和方法。...即使图片的尺寸与 UIImageView 的尺寸相同,这种问题也可能出现。解决这个问题的方法如下: 1. **使用抗锯齿处理**:确保在设置圆角时使用抗锯齿处理。...```swift imageView.contentMode = .scaleAspectFill ```swift 4....**创建自定义的圆角图像**:如果上述方法仍然无效,可以考虑使用绘图方法自定义圆角图像,确保在绘制过程中实现平滑效果。 6....**圆角处理不当**:在设置圆角时,处理方法不够平滑或未正确实现。 4. **Content Mode 设置不当**:`UIImageView` 的内容模式设置不当,可能导致图片被不均匀缩放。

    11200

    socket.io实践干货

    ,本例中传输的数据及格式是自定义的,分为三种,一种是画笔画的路径(path),传输的是一系列的坐标点,一种是图片(img),传输的是 base64 字符串,另一种是发送的文字(text),传输的是字符串...img 标签展示 base64Url 的图片,然后在 canvas 接收 img 这个 HTMLElement,画出图片,最后删掉这个临时的 img 标签,如果有更好的方法可以留言 socket.on...打包好的 framework,但各种报错 想起之前 oc 调用 swfit 文件,先是直接把 swift 文件拖进工程,然后使用的时候就import "项目名称-swift.h"就行,不需要桥接文件什么的...具体做法如下 先拖进一个 swift 文件到 oc 工程里,xcode 会提示创建桥接文件,这里就让 xcode 自动创建桥接文件吧 然后把剩余的 socket.io-client-swift...框架 Source 文件夹里的剩余文件全部拖进 oc 工程 使用的时候就import "项目名称-swift.h" 在 iOS 端下,笔画路径坐标,就直接传输字典就行,我这里字典里包括笔画的颜色,坐标点数组

    1.3K30

    使用CAShapeLayer绘图

    之前讲过使用UIBezierPath在UIView的drawRect中绘图, 今天我们讲下另外一种方式: CAShaperLayer 先说说使用CAShapeLayer的优点: GPU执行, GPU执行...按照之前的思路是创建一个UIView子类, 用UIBezierPath画一个外围的不闭合圆弧, 在画中间点圆 代码量不是很多弹也不少, 那假如用CAShapeLayer实现时怎么样子的呢?...他是什么呢? 是一层对CGPath的封装,他更符合OC面向对象的语法风格。这都不是重点。...重点是这里有一个初学者经常会犯的错误, 同学们在绘制曲线的时候经常会以layer在父图层中的相对位置去绘制曲线,这是错的!!! 应该以layer自身的坐标系划线。...比如hud这个, 我们之前用UIBezierPath在UIView的DrawRect中画画过, 相对比较简单 我们用CAShapeLayer事实看。

    1.2K10

    iOS app 旧貌换新颜 (一)—Launch Page 让 Logo"飞" 出屏幕

    (场外音:自己又给自己开了一个巨坑) 一.灵感的来源 也许有些人看了文章的标题并不一定完全懂是啥意思,其实设计这个的来源源自于我在微博上看到的一个动图,很生动,形象。...最后PaintCode就是把路径转换成UIBezierPath(PaintCode这个软件很厉害,可以直接把SVG里面的路径直接转换成对应的Swift或者Objective-C代码)(后来我发现其实只要用...2.然后打开Sketch,导入刚刚的Logo图片。 3.选择左上角的“Insert”-“Vector”钢笔工具,依次连接Logo图标的各个顶点 4.然后在每段顶点之间,加新的锚点,钢笔工具会出现+号。...在软件的右侧,会出现下面这个面板 通过拖拉这些你加出来的点,可以使路径完全吻合Logo复杂的外形。拖过一番拖拽之后,就应该成下面这个图的样子了。...后来我比较了一下Sketch和AI导出的SVG有什么不同,才发现,我之前AI导出的,加了几个图层,把路径盖住了。用AI绘制路径的方法和Sketch的差不多,如下图。

    13010

    ARKit+Swift 版本的机器学习算法 k-NN

    kNN-Swift-2.png k.png ARKit-KNN-2.png 维基介绍 在模式识别领域中,最近邻居法(KNN算法,又译K-近邻算法)是一种用于分类和回归的非参数统计方法[1]。...在这两种情况下,输入包含特征空间(Feature Space)中的k个最接近的训练样本。 在k-NN分类中,输出是一个分类族群。...在k-NN回归中,输出是该对象的属性值。该值是其k个最近邻居的值的平均值。...[注 1] 邻居都取自一组已经正确分类(在回归的情况下,指属性值正确)的对象。虽然没要求明确的训练步骤,但这也可以当作是此算法的一个训练样本集。 k-近邻算法的缺点是对数据的局部结构非常敏感。...kNN-Swift-1.png ARKit 实现 能 3D 展示多好,别急,下面就是用 ARKit 实现的 3D 版本。

    74000

    Quartz2D复习(一)--- 基础知识 绘制线段圆弧 图片水印 截图

    ) drawRect: (CGRect)rect;  方法,然后在这个方法中,可以去的跟当前view相关联的图形上下文; 绘制相应的图形内容(绘制时产生的线条称为路径,路径由一个或多个线段或曲线段组成)...--》 因为在drawRect: 方法中才能取得跟view相关联的图形上下文    drawRect: 方法在什么时候被调用?     ...layer(图层)属性,drawRect: 方法中取得的是一个Layer  Graphics  Context, 因此,绘制的东西其实是绘制到view的layer上去了。  ...该属性在一段文本上应用多个属性。如果不指定该属性,则默认为 NSParagraphStyle 的defaultParagraphStyle 方法返回的默认段落属性。...在 iOS 中,总是使用横排文本,0 以外的值都未定义。

    2.6K10

    变体美术字设计手册

    里面的类目就不一个个说了,分析的方法和流程和似黑体变体字、似宋体变体字一致,这里只告诉大家混合体变体字应该注意的点在哪里,相信大家自己能理解。 4....创造 · 改造变体美术字的10 种基本方法 这一步是创造笔画或在原有笔画基础上对字体的笔画的细节进行改变,这里向大家介绍 4 种笔画创作的方法和 6 种改变已有笔画细节的方法。 ?...当然,在这个过程中字体的排列方式也很重要,什么样的排列方式更舒服,更适合你的产品需要自己斟酌。 ? 1. 笔画创作的 4 种方法 第一种——矩形造字法(三步走) ?...注:图形替换的可以是某一个偏旁部首,某一个笔画,一个文字内最好只替换一个图形,至于替换哪部分,自己可以慢慢体验。 来个实战演习: ? 第三种——连笔法(三步走) ?...这也可以说是替换法的一种,可能是比较有象征意义,很多设计师们把它当方法的一种。 这就是 10 种创造·改造的基本方法: 4 种笔画创作方法:矩形造字法,钢笔描边法,象形法,西文中用。

    1K80

    想要漂亮的蒙版指引吗?跟着我手把手的教你写出来

    ); 那么我们在actionButtonClick方法实现如下。...于是我在 dealloc的方法添加了 Log信息,果然竟然走了 dealloc的方法。 虽然我创建的局部变量,但是我通过 addSubView方法已经添加到试图上面了。...756EDF51-D681-4F3D-92BF-840EEDFA101B 这究竟是怎么个情况,最后在群中得到的答复是我添加在 keyWindow是当时弹出来的 Alert的 注册通知的弹出框。...还有一点忘记说明,我们可以在父类添加下面方法,用于查找试图对应父类试图所在的中心点位置。...在结束本篇教程之前,还有一个说明点说明一下。如果通过系统自带的方法创建 UIBarButtonItem是无法找到对象,需要查找子试图,并且在 iOS11上面改了试图层次。

    1.5K20
    领券