CoreText精彩文字轮廓绘制动画的一点改进

最新推荐文章于 2021-10-09 19:20:53 发布
最新推荐文章于 2021-10-09 19:20:53 发布
阅读量5.4k 收藏
点赞数 1
分类专栏： iOS开发小干货 iOS开发之旅 文章标签： CoreText 动画 路径 文字 轮廓
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/mydo/article/details/51582783
版权
本文介绍了在CoreText中遇到的文字轮廓动画显示异常的问题，通过分析原代码，发现由于动画删除操作与animationDidStop回调顺序不确定导致画笔有时不显示。解决方案是修改animationDidStop方法，确保画笔在正确的时间启用，成功修复了小bug，使得动画能正常工作。
摘要由CSDN通过智能技术生成

大熊猫猪·侯佩原创或翻译作品.欢迎转载,转载请注明出处.
如果觉得写的不好请多提意见,如果觉得不错请多多支持点赞.谢谢! hopy ;)

原文在:

http://oleb.net/blog/2010/12/animating-drawing-of-cgpath-with-cashapelayer/

原理说明在:

http://www.codeproject.com/Articles/109729/Low-level-text-rendering

文章写得非常棒!推荐大家阅读.

不过其源代码运行有点小问题,就是有时候画笔显示不出来!

第一次绘制图形的时候没问题,而切换至文字轮廓绘制的时候有时候画笔不显示.

在- (void) animationDidStop:(CAAnimation *)anim finished:(BOOL)flag处下断点,发现在切换视图时(此时上一个动画还未完成),也会被打断.

进入startAnimation方法查看


                

                
                
        

        

    

  


        

            

                

                

                了解本专栏
                
                
                  
                订阅专栏 解锁全文
                 
                
                    
                    超级会员免费看
                
            

            
            
            
        

    

      

        

            

              
                
                  大熊猫侯佩
                
              
            

            

                关注
              
            

        

        

          
      

      

            

                专栏目录
          

                

                        订阅专栏
                









                



	

		

			

				
					
OpenCV 入门教程：寻找和绘制轮廓

				
			

			

				

					小蓝枣的博客
				

				

					07-09
					
					2114
					
				

			

		

		

			
				
寻找和绘制轮廓是图像处理中常用的技术之一，用于识别、定位和分析图像中的目标区域。在 OpenCV 中，寻找和绘制轮廓可以通过边缘检测和形态学操作实现。本文将以寻找和绘制轮廓为中心，为你介绍使用 OpenCV 进行轮廓处理的基本步骤和实例。

			
		

	



                

              
                



	

		

			

				
					
CoreText

				
			

			

				

					03-09
				

			

		

		

			
				
CoreText

			
		

	



                


  
              

                


	

		

			

				
					
IOS CoreText.framework --- 基本用法

					
热门推荐

				
			

			

				

					fengsh998的专栏
				

				

					03-19
					
					6万+
					
				

			

		

		

			
				
API接口文档。
https://developer.apple.com/library/mac/#documentation/Carbon/Reference/CoreText_Framework_Ref/_index.html


CoreText 框架中最常用的几个类：



CTFont
CTFontCollection
CTFontDescriptor
CTFram

			
		

	





	

		

			

				
					
[Swift通天遁地]八、媒体与动画-(12)CoreText框架中的字体的FontMetrics布局信息

				
			

			

				

					weixin_30591551的博客
				

				

					02-07
					
					114
					
				

			

		

		

			
				
★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★➤微信公众号：山青咏芝（shanqingyongzhi）➤博客园地址：山青咏芝（https://www.cnblogs.com/strengthen/）➤GitHub地址：https://github.com/strengthen/LeetCode➤原文地址：https://www.cnblogs.com/stre...

			
		

	



		

			
		



	

		

			

				
					
初识CoreText

				
			

			

				

					weixin_30621711的博客
				

				

					08-04
					
					127
					
				

			

		

		

			
				
一、基本知识介绍
1.字符（Character）和字形（Glyphs）
排版系统中文本显示的一个重要的过程就是字符到字形的转换，字符是信息本身的元素，而字形是字符的图形表征，字符还会有其它表征比如发音。 字符在计算机中其实就是一个编码，某个字符集中的编码，比如Unicode字符集，就囊括了大都数存在的字符。 而字形则是图形，一般都存储在字体文件中，字形也有它的编码，也就是它在字体中的索引。 一...

			
		

	





	

		

			

				
					
CoreText --- 段落样子CTParagraphStyle

				
			

			

				

					kingsley_cxz的专栏
				

				

					07-21
					
					2147
					
				

			

		

		

			
				
在前面一篇文章中，介绍了属性文字的基本使用，本章节主要针对文字的段落样式展开演示说明。
先定义一段演示文字（文字中有中，英文）。


[cpp] 
view plaincopy


NSString *src = [NSString stringWithString:@"其实流程是这样的： 1、生成要绘制的NSAttributedString对象。 2、生成一个CTFrameset

			
		

	





	

		

			

				
					
coretext图元绘制路径绘制

				
			

			

				

					12-14
				

			

		

		

			
				
在实际应用中，`Glyph`可能指的是字符的字形，CoreText可以获取每个字符的字形信息，包括其轮廓点和连接线，这对于高级的文本图形操作（如阴影、渐变填充）非常有用。通过`CGContextShowGlyphsAtPositions()`函数，...

			
		

	





	

		

			

				
					
iOS 文字动画(每个字逐个显示)

				
			

			

				

					01-16
				

			

		

		

			
				
在iOS开发中，实现文字动画可以为用户界面增添生动性和吸引力。"iOS 文字动画(每个字逐个显示)"这个主题主要关注如何逐个展示文本中的每一个字符，从而创建出独特的视觉效果。以下是对这两种实现方式的详细说明：  1...

			
		

	





	

		

			

				
					
Android 绘制动画(波浪动画/轨迹动画/PathMeasure)

				
			

			

				

					Luzhuo 的博客
				

				

					03-28
					
					6759
					
				

			

		

		

			
				
Android 绘制动画(波浪动画/轨迹动画/PathMeasure)

本文由 Luzhuo 编写,转发请保留该信息. 原文: https://blog.csdn.net/rozol/article/details/79730582  


  绘制动画, 由Android的绘画功能 + 属性动画 组成的一种动画




主要方法

valueAnimator.addUpdateListener...

			
		

	





	

		

			

				
					
How To Create a Simple Magazine App with Core Text

				
			

			

				

					kekey1210的专栏
				

				

					09-03
					
					1001
					
				

			

		

		

			
				
How To Create a Simple Magazine App with Core Text
 
This is a blog post by iOS Tutorial Team member 
Marin Todorov, a software developer

			
		

	





	

		

			

				
					
CoreText进阶（五）  文字排版样式和效果

				
			

			

				

					weixin_33694172的博客
				

				

					04-04
					
					321
					
				

			

		

		

			
				
本文的内容主要是文字的排版样式的文本的绘制效果，排版样式会涉及到内容的水平对其、行间距、段间距相关的讨论；绘制效果会涉及到文本内容的字体、颜色、阴影的相关讨论

其它文章：
CoreText入门（一）-文本绘制
CoreText入门（二）-绘制图片
CoreText进阶（三）-事件处理
CoreText进阶（四）-文字行数限制和显示更多
CoreText进阶（五）- 文字排版样式和效果
Core...

			
		

	





	

		

			

				
					
Core Text(一)

				
			

			

				

					Yuan
				

				

					10-09
					
					202
					
				

			

		

		

			
				
AVFoundation包括对时间码轨迹的支持。时间码轨迹允许您在QuickTime电影文件（.mov）中存储外部时间码信息，如SMPTE时间码。本技术说明讨论了如何使用AVAssetWriter和Avassetrader写入和读取32位时间码（“tmcd”）媒体示例。
先决条件
本技术说明假定读者熟悉AVFoundation，更具体地说，熟悉AVAssetWriter和Avassetrader类。还假定具有CoreMedia示例缓冲区API的一些背景。有关更多信息，请参阅本文档的参考资料部分。

...

			
		

	





	

		

			

				
					
CoreText入门

				
			

			

				

					473687880
				

				

					10-23
					
					235
					
				

			

		

		

			
				
学习了网上的一些CoreText知识之后，总结了一下学习成果，自定义了一个Label控件。
Label特点：
1、可以设置文本中某些字段为关键字；
2、可以设置文本颜色和其中关键字的颜色；
3、可以设置文本下划线样式和其中关键字下划线样式；
4、可以指定文本字体与大小和其中关键字的字体与大小；
5、可以响应关键字点击；

说明一下其中的关键类的意义：
CHLabel.h 自定义的...

			
		

	





	

		

			

				
					
CoreText简介（一）

				
			

			

				

					pengf_wuxiaowu的博客
				

				

					08-18
					
					534
					
				

			

		

		

			
				
关于CoreText
CoreText是一种用于布局文本和处理字体的高级的底层技术。在Mac OS X v10.5和iOS 3.2中引入的核心文本API可以在所有OS X和iOS环境中访问。
重要提示：Core Text是为那些必须在底层进行文本布局和字体处理的开发人员设计的，比如布局引擎的开发人员。如果可能的话，你应该使用更高层次的框架来开发你的应用程序——也就是说，使用iOS中的Text Ki...

			
		

	





	

		

			

				
					
CoreText（一）：基本用法

				
			

			

				

					xiaoxiaobukuang的专栏
				

				

					08-30
					
					8812
					
				

			

		

		

			
				
Core Text是和Core Graphics配合使用的，一般是在UIView的drawRect方法中的Graphics Context上进行绘制的。 且Core Text真正负责绘制的是文本部分，图片还是需要自己去手动绘制，所以你必须关注很多绘制的细节部分。一、CoreText框架CoreText 框架中最常用的几个类： 
（1）、CTFont 
（2）、CTFontCollection 
（3

			
		

	





	

		

			

				
					
CoreText入坑一

				
			

			

				

					cleven
				

				

					03-15
					
					1770
					
				

			

		

		

			
				
CoreText是Mac OS和iOS系统中处理文本的low-level API, 不管是使用OC还是swift, 实际我们使用CoreText都还是间接或直接使用C语言在写代码。CoreText是iOS和Mac OS中文本处理的根基, TextKit和WebKit都是构建于其上。


一. 基础
1.在使用CoreText编写代码之前, 需要先了解一些基础知识。下图是CoreText的基

			
		

	





	

		

			

				
					
CoreText--渲染Attribute

				
			

			

				

					qq_26727151的博客
				

				

					06-08
					
					175
					
				

			

		

		

			
				
CoreText文本渲染
重温Coretext的运用，巩固一下对CTFrame结构的认识。
通过 CTFrameRef 渲染文本attribute样式
- (void)drawRect:(CGRect)rect {
    if (self.frameRef == NULL) {
        return;
    }
    CGContextRef ctx = UIGraphicsGetCurrentContext();
    CGContextSetFillColorWithColor(ctx,

			
		

	





	

		

			

				
					
CoreText小结

				
			

			

				

					勿在浮沙筑高楼
				

				

					05-28
					
					383
					
				

			

		

		

			
				
1 Line 每一行
Run 每一行的具体绘制单元，相同属性的为一个Run，特殊情况是即便属性相同，但中英文不会为同一个Run
2 相关函数
1
获取frame的所有line
CFArrayRef CTFrameGetLines(
    CTFrameRef frame )

获取所有line的位置
void CTFrameGetLineOrigins(
    CTFrameRef frame,
    CFRange range,
    CGPoint origins[_Nonnull] )

2


			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  





	
打赏作者

	

		

		
			
		
		

		

			
大熊猫侯佩

			
赏点钱让我买杯可乐好吗 ;)

		

	

	

			

	

	

    ¥1
    ¥2
    ¥4
    ¥6
    ¥10
    ¥20
	

	

		

			

				

					扫码支付：¥1
				

				

					

					
					获取中
					

				

				

					
					
					扫码支付
				

			

		

		

			
您的余额不足，请更换扫码支付或充值

			
打赏作者

		

	



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值