富文本簡單設置、加虛線邊框

    NSString *text = @"守夜人誓言:「長夜將至,我從今開始守望,至死方休。我將不娶妻、不封地、不生子。我將不戴寶冠,不爭榮寵。我將盡忠職守,生死於斯。我是黑暗中的利劍,長城上的守衛。我是抵御寒冷的烈焰,破曉時分的光線,喚醒眠者的號角,守護王國的堅盾。我將生命與榮耀獻給守夜人,今夜如此,夜夜皆然。」";
    //設置文本屬性
    NSMutableParagraphStyle *paraStyle = [[NSMutableParagraphStyle alloc]init];
    //設置行間距
    [paraStyle setLineSpacing:5];
    [paraStyle setLineBreakMode:NSLineBreakByWordWrapping];
    //字體大小
    UIFont *textFont = [UIFont systemFontOfSize:15];
    //字體顏色
    UIColor *textColor = [UIColor lightGrayColor];
    NSDictionary *textDic = @{NSFontAttributeName : textFont,NSForegroundColorAttributeName : textColor,NSParagraphStyleAttributeName : paraStyle};
    //富文本
    NSAttributedString *attrText = [[NSAttributedString alloc]initWithString:text attributes:textDic];
    //計算文本的size
    CGSize textSize = [text boundingRectWithSize:CGSizeMake([UIScreen mainScreen].bounds.size.width *0.5, MAXFLOAT) options:NSStringDrawingUsesLineFragmentOrigin attributes:textDic context:nil].size;
    
    UILabel *textLabel = [[UILabel alloc]init];
    textLabel.attributedText = attrText;
    textLabel.numberOfLines = 0;
    [self.view addSubview:textLabel];
    //布局
    [textLabel mas_makeConstraints:^(MASConstraintMaker *make) {
        make.center.mas_equalTo(self.view);
        make.width.mas_equalTo(ceil(textSize.width));//
        make.height.mas_equalTo(ceil(textSize.height));
    }];
    
    //設置虛線邊框
    CAShapeLayer *borderLayer = [CAShapeLayer layer];
    borderLayer.bounds = CGRectMake(0, 0, textSize.width + 10, textSize.height + 10);
    //中心點位置
    borderLayer.position = CGPointMake(textSize.width *0.5, textSize.height *0.5);
    
    borderLayer.path = [UIBezierPath bezierPathWithRect:CGRectMake(0, 0, textSize.width + 10, textSize.height + 10)].CGPath;
    //邊框的寬度
    borderLayer.lineWidth = 3;
    //邊框虛線線段的寬度
    borderLayer.lineDashPattern = @[@5,@5];
    borderLayer.fillColor = [UIColor clearColor].CGColor;
    borderLayer.strokeColor = [UIColor purpleColor].CGColor;
    [textLabel.layer addSublayer:borderLayer];

效果圖

![Uploading Snip20160513_1_356370.png . . .]


Snip20160513_1.png
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 173,523評論 25 708
  • 1.半透明邊框 問題: 如果我們要為一個容器設置紅色背景和一道黑色半透明邊框,我們可能會這樣寫: 但是效果卻是這樣...
    FlyingWWS閱讀 4,158評論 4 21
  • 1.多重邊框 我們可以通過使用border-image來寫一個多重邊框,或使用多個元素來模擬多重邊框,不過我們有更...
    FlyingWWS閱讀 2,431評論 2 5
  • 馬牛羊,雞犬豕。此六畜,人所飼。 還是先從字面上來看,再簡單不過了,就是人類馴化、飼養的六種動物,這個連解釋都...
    山水國學閱讀 1,640評論 0 2
  • 今天是最后一天了,我一直都沒有很排斥也沒有感覺很喜歡。這個軍訓十幾天我不知道是怎么過來的。但是也并沒有完全沒有收獲...
    不要藏在心里就好閱讀 208評論 0 1