iOS 图文混排

  1) 在iOS 7之前也有一种用于文字排版和渲染的技术——Core Text,而引入Text Kit的目的并非要取代Core Text。 Core Text是面????层的文字排版和渲染技术,如果我们需要将文本内容??接渲染到图形上下文时,从性能角度考虑 ??,最佳??方案??是使用Core Text。??是从易??用性角度考虑??,使用Text Kit是最好的选择,因为??能直????接使用UIKit 提供的一些文本控件,例如:UITextView、UILabel和UITextField,对文字进行排版。

   Text Kit具有很多优点:文本控件UITextView、UITextField和UILabel是构建于Text Kit之上的。Text Kit完全?? 掌控着文字的排版和渲染:可以调整字距??、行??距、文字大小??,指定??定的字体,对文字进行分页或分栏,??支持??文 本编辑??、自定义??文字截??断,??支持文字的换行、??折叠??和着色??等处理,??支持凸??版印刷效??????果。

 

??     2)  我们在使用Text Kit时,会??涉及如下核心类。

  • ??  NSTextContainer。定义了文本可以排版的区域??。??默认情况下是??矩形区域??,如果是其他??形??状的区域??,需要通过子类化NSTextContainer来创建。

  • ??  NSLayoutManager。该类??责对文字进行编辑排版处理,将存储在NSTextStorage中的数据转换为可以在视图控件中显示的文本内容,并把字字符编码映射????到对应的字形上,然后将字形排版到NSTextContainer定??的区??域中。

  • ??  NSTextStorage。主要用来存储文本的字??和相关属性,是NSMutableAttributedString的子类。此外,??NSTextStorage中的字??符或属性发生改变时,会通知NSLayoutManager,进而??做到文本内容的显示更新。

  • ??  NSAttributedString。??支持渲染不同风格的文本。

  • ??  NSMutableAttributedString。可变类型??的NSAttributedString,是NSAttributedString的子类

                                    技术分享

   3)读者喜欢??????阅读图文并茂??的文章,因此在应用界面中,有时不??仅仅??需要有文字,还要有图片,这就涉????及文字和图 片的混排了。在图文混排过程中必然会涉??及文字????图片的情况,很多文字处理??件(如Word、WPS、Open Office 等)??有这种功能。Text Kit通过????????(exclusion paths)将文字按照指定的??路径??????在图片等视图对象的周围。

                 技术分享

 

  图文混排的介绍基本就是这样了,下面就直接上方式方法吧!

      *.h文件

@property (nonatomic,strong) NSTextContainer *textContainer;
@property (strong, nonatomic) IBOutlet UITextView *textView;

@property (weak, nonatomic) IBOutlet UIImageView *imageView;
/**
 *查找关键字修改颜色和样式
 * @param word 关键字
 * @param textStorage NSTextStorage对象
 */
-(void)markWord:(NSString *)word inTextStorage:(NSTextStorage *)textStorage;

  

    *.m文件

- (void)viewDidLoad {
    [super viewDidLoad];
    // Do any additional setup after loading the view from its nib.
 
    //创建一个矩形区域
    CGRect textViewRect=CGRectInset(self.view.bounds, 10.0, 20.0);
    //创建NSTextStorage对象,它需要一个字符串作为构造方法的参数,这里我们是从TextView 控件取出来付值给它的
    NSTextStorage *textStorage=[[NSTextStorage alloc] initWithString:self.textView.text];
    NSLayoutManager *layoutManager=[[NSLayoutManager alloc] init];
    //将刚创建的nstextStorage和NSLayoutManager对象关联起来
    [textStorage addLayoutManager:layoutManager];
    self.textContainer =[[NSTextContainer alloc] initWithSize:textViewRect.size];
    //将NSLayoutManager和NSTextContainer关联起来
    [layoutManager addTextContainer:self.textContainer];
    
    /**
     *重新构建原来的TextView控件,并且重新添加到视图上。这主要是因为只有重新创建代码
    *才能通过Text Kit中NSLayoutManager来管理,而原来在Interface Builder中创建的TextView控件不*能使用了
     */
    [self.textView removeFromSuperview];
    self.textView=[[UITextView alloc] initWithFrame:textViewRect textContainer:_textContainer];
//    [self.view addSubview:self.textView];
    [self.textView setFont:[UIFont systemFontOfSize:20.0f]];
    //添加的textView在ImageView之下
    [self.view insertSubview:self.textView belowSubview:self.imageView];
    //设置凸版印刷效果
    [textStorage beginEditing];
    /**
     *声明一个字典对象,其中包括@{NSTextEffectAttribute-*Name:NSTextEffectLetterpressStyle},NSTextEffectAttributeName是文本效果建,而*NSTextEffect- LetterpressStyle是文本效果值,这里面它们都是常量
     */
    NSDictionary *attrsDic = @{NSTextEffectAttributeName: NSTextEffectLetterpressStyle};
    NSMutableAttributedString *attrStr = [[NSMutableAttributedString alloc] initWithString:_textView.text attributes:attrsDic];
    [textStorage setAttributedString:attrStr];
    [self markWord:@"我" inTextStorage:textStorage];
    [self markWord:@"N" inTextStorage:textStorage];
    [textStorage endEditing];
    
    self.textView.textContainer.exclusionPaths=@[[self translatedBezierPath]];//设置translatedBezierPath方法 
    
}
 
//改变textview和imageView的坐标
- (UIBezierPath *)translatedBezierPath
{
    CGRect imageRect = [self.textView convertRect:_imageView.frame fromView:self.view];  UIBezierPath *newPath = [UIBezierPath bezierPathWithRect:imageRect];
    return newPath;
}
//根据指定的文本设置样式风格
-(void)markWord:(NSString *)word inTextStorage:(NSTextStorage *)textStorage{
    //
    NSRegularExpression *regex=[NSRegularExpression regularExpressionWithPattern:word options:0 error:nil];
    //通过正则表达式NSRegularExpression对象对TextView中的文本内 容进行扫描,结果放到数组中
    NSArray *matches=[regex matchesInString:self.textView.text  options:0 range:NSMakeRange(0, [self.textView.text length])];
    //为找到的文本设置颜色
    for (NSTextCheckingResult *match in matches) {
        NSRange matchRange=[match range];
        [textStorage addAttribute:NSForegroundColorAttributeName value:[UIColor redColor] range:matchRange];
    }
}

 

  那么图文混排的效果由上面的代码就能完成 。

     4)以前的iOS用户会抱怨????,为什么不能设置自定义??字体????呢?在iOS 7系统??之后苹果对于字体在显示上做??了一些优 化,??让不同大小??的字体在屏幕上都??能清晰????地显示。通常用户设置了自己偏??好的字体了,用户可以????(设置??-》通用-》辅????助功能)设置??粗体文字的过程。用户还可以在下图所示的????(设置??-》通用??-》文字大小??) 是设置文字大小??的过程。 

      技术分享

??  但是并不是在设置中进行设置就万????事大吉??了,我们还要在应用代码中进行编程,以应对这些变化。我们需要 在应用中给文本控件设置为用户设置的字体,而不是在代码中??编码字体及大小??。iOS 7中可以通过UIFont中新??增的preferredFontForTextStyle:方法来??取用户设置的字体。

  iOS 7中提供了6种字体样式供选择。
??   UIFontTextStyleHeadline。标题字体,例如:报纸??的标题。
??   UIFontTextStyleSubheadline。子标题字体。
??   UIFontTextStyleBody。正文字体。
??   UIFontTextStyleFootnote。??脚注字体。
??   UIFontTextStyleCaption1。标题字体,一般??用于照片或者字幕。 ??

   UIFontTextStyleCaption2。另一个可选Caption字体 

        技术分享

//监听系统设置
    [[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(preferredContentSizeChanged:) name:UIContentSizeCategoryDidChangeNotification object:nil];

 

//设置字体大小
-(void)preferredContentSizeChanged:(NSNotification *)notification{
    self.textView.font=[UIFont preferredFontForTextStyle:UIFontTextStyleBody];
}

   经过这两步就能设置动态字体了!!!!!

        技术分享

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。