Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/meitu/MPITextKit

Powerful text framework for iOS to display rich text based on TextKit, inspired by Texture and YYText.
https://github.com/meitu/MPITextKit

ios label text textkit

Last synced: about 1 month ago
JSON representation

Powerful text framework for iOS to display rich text based on TextKit, inspired by Texture and YYText.

Host: GitHub
URL: https://github.com/meitu/MPITextKit
Owner: meitu
License: mit
Created: 2020-03-25T08:57:49.000Z (over 4 years ago)
Default Branch: master
Last Pushed: 2024-05-17T02:19:00.000Z (7 months ago)
Last Synced: 2024-10-31T16:17:20.408Z (about 1 month ago)
Topics: ios, label, text, textkit
Language: Objective-C
Homepage:
Size: 2.94 MB
Stars: 435
Watchers: 14
Forks: 42
Open Issues: 0
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE

Awesome Lists containing this project

Awesome-iOS - MPITextKit - Powerful text framework for iOS to display rich text based on TextKit. (UI Components)

README

        # MPITextKit

[![build](https://github.com/meitu/MPITextKit/workflows/build/badge.svg)](https://github.com/meitu/MPITextKit/actions?query=workflow%3Abuild) 

[![License MIT](https://img.shields.io/badge/license-MIT-green.svg?style=flat)](https://raw.githubusercontent.com/MPITextKit/master/LICENSE) 

[![CocoaPods](https://img.shields.io/cocoapods/v/MPITextKit.svg?style=flat)](http://cocoapods.org/pods/MPITextKit) 

[![Carthage Compatible](https://img.shields.io/badge/Carthage-compatible-4BC51D.svg?style=flat)](https://github.com/Carthage/Carthage) 

[![SPM supported](https://img.shields.io/badge/SPM-supported-DE5C43.svg?style=flat)](https://swift.org/package-manager) 

[![Platform](https://img.shields.io/cocoapods/p/MPITextKit.svg?style=flat)](http://cocoadocs.org/docsets/MPITextKit) 

[![Support](https://img.shields.io/badge/support-iOS%2010%2B%20-blue.svg?style=flat)](https://www.apple.com/nl/ios/) 

Powerful text framework for iOS to display rich text based on TextKit, inspired by [Texture](https://github.com/texturegroup/texture) and [YYText](https://github.com/ibireme/YYText).



    

    

    

    

    

    



## Features

- UILabel API compatible

- AutoLayout supported

- Renders using TextKit, so handles all the text attributes. eg. NSAttachmentAttributeName, NSStrikethroughStyleAttributeName, NSUnderlineStyleAttributeName etc.

- High performance asynchronous text layout and rendering

- Text attachments with UIImage, UIView and CALayer

- Exclusion paths 

- Custom attributes

- Custom truncation token 

- Debug text layout 

- Text selection 

## Requirements

- iOS 10+

## Installation

MPITextKit supports multiple methods for installing the library in a project.

### Installation with CocoaPods

```

pod 'MPITextKit'

```

### Installation with Swift Package Manager

Once you have your Swift package set up, adding MPITextKit as a dependency is as easy as adding it to the `dependencies` value of your `Package.swift`.

```swift

dependencies: [

    .package(url: "https://github.com/meitu/MPITextKit.git")

]

```

### Installation with Carthage

[Carthage](https://github.com/Carthage/Carthage) is a decentralized dependency manager that builds your dependencies and provides you with binary frameworks. To integrate MPITextKit, add the following to your `Cartfile`.

```ogdl

github "meitu/MPITextKit"

```

## Usage

### Basic

```objc

MPILabel *label = [MPILabel new];

label.text = @"foo";

label.font = [UIFont systemFontOfSize:16];

label.textAlignment = NSTextAlignmentCenter;

label.textVerticalAlignment = MPITextVerticalAlignmentTop;

label.textColor = [UIColor whiteColor];

label.textContainerInset = UIEdgeInsetsMake(8, 8, 8, 8);

```

### Attributed Text

```objc

NSMutableAttributedString *attributedText = [[NSMutableAttributedString alloc] initWithString:@"bar"];

    

// Append Attachment.

MPITextAttachment *attachment = [MPITextAttachment new];

attachment.content = [UIImage imageNamed:@"img"];

attachment.verticalAligment = MPITextVerticalAlignmentCenter;

NSAttributedString *attachmetText = [NSAttributedString attributedStringWithAttachment:attachment];

[text appendAttributedString:attachmetText];

    

MPILabel *label = [MPILabel new];

label.numberOfLines = 0;

label.delegate = self; /// Interact Links.

label.attributedText = attributedText;

// Truncation Token ...

label.truncationAttributedToken = MPITextDefaultTruncationAttributedToken(); 

// Additional Truncation Message.

label.additionalTruncationAttributedMessage = [[NSAttributedString alloc] initWithString:@"more" attributes:@{NSForegroundColorAttributeName: [UIColor colorWithRed:0.000 green:0.449 blue:1.000 alpha:1.000], MPITextLinkAttributeName: [MPITextLink new]}];

[label sizeToFit];

label.center = self.view.center;

[self.view addSubview:label];

```

### Size Calculation

```objc

NSAttributedString *attributedText = [[NSAttributedString alloc] initWithString:text attributes:@{NSFontAttributeName: [UIFont preferredFontForTextStyle:UIFontTextStyleBody]}];

NSAttributedString *token = MPITextDefaultTruncationAttributedToken();

NSAttributedString *additionalMessage =

[[NSAttributedString alloc] initWithString:@"more" attributes:@{NSForegroundColorAttributeName: [UIColor colorWithRed:0.000 green:0.449 blue:1.000 alpha:1.000], MPITextLinkAttributeName: [MPITextLink new]}];

NSAttributedString *truncationAttriubtedText = MPITextTruncationAttributedTextWithTokenAndAdditionalMessage(attributedText, token, additionalMessage);

CGSize fitsSize = CGSizeMake(CGRectGetWidth(self.view.frame) - 30, CGFLOAT_MAX);

// You can change it for testing

NSUInteger numberOfLines = 5;

    

MPITextRenderAttributes *renderAttributes = [MPITextRenderAttributes new];

renderAttributes.attributedText = attributedText;

renderAttributes.truncationAttributedText = truncationAttriubtedText;

renderAttributes.maximumNumberOfLines = numberOfLines;

// Result of calculation, you can use it do something.

CGSize textSize = MPITextSuggestFrameSizeForAttributes(renderAttributes, fitsSize, UIEdgeInsetsZero);

```

## Debug

```objc

MPITextDebugOption *debugOptions = [MPITextDebugOption new];

debugOptions.baselineColor = [[UIColor redColor] colorWithAlphaComponent:0.5];

debugOptions.lineFragmentBorderColor = [[UIColor redColor] colorWithAlphaComponent:0.200];

debugOptions.lineFragmentUsedBorderColor = [UIColor colorWithRed:0.000 green:0.463 blue:1.000 alpha:0.200];

debugOptions.glyphBorderColor = [UIColor colorWithRed:1.000 green:0.524 blue:0.000 alpha:0.200];

[MPITextDebugOption setSharedDebugOption:debugOptions];

```

## Notice

- For multi-line text display in AutoLayout, it is recommended to set the `preferredMaxLayoutWidth` to improve performance.

- You should not use `text` and `attributedText` at the same time.

- When you customize attribute, you should override the  `- isEqual:` and  `- hash` methods.

## Reference

- [Texture](https://github.com/texturegroup/texture): Smooth asynchronous user interfaces for iOS apps.

- [YYText](https://github.com/ibireme/YYText): Powerful text framework for iOS to display and edit rich text.

- [STULabel](https://github.com/stephan-tolksdorf/STULabel): A faster and more flexible label view for iOS.

- [Neat](https://github.com/leavez/Neat): Fix the line height problems of TextKit.

- [Cocoa text system](https://juejin.im/post/5cceef41e51d4514df42072b): Introduction to cocoa text system.

## License

`MPITextKit` is released under the MIT license. See [LICENSE](./LICENSE) file for details.