Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/lixiang1994/attributedstring

基于Swift插值方式优雅的构建富文本, 支持点击长按事件, 支持不同类型过滤, 支持自定义视图等.
https://github.com/lixiang1994/attributedstring

app apple attributedstring attributes click cocoapods ios label macos nsattributedstring paragraph regex rich-text string swift swift5 text textview tvos watchos

Last synced: about 19 hours ago
JSON representation

基于Swift插值方式优雅的构建富文本, 支持点击长按事件, 支持不同类型过滤, 支持自定义视图等.

Awesome Lists containing this project

README

        

![Logo](Resources/logo.png)

# AttributedString - 基于Swift插值方式优雅的构建富文本

[![License](https://img.shields.io/cocoapods/l/AttributedString.svg)](LICENSE) 
![Swift](https://img.shields.io/badge/Swift-5.2-orange.svg) 
![Platform](https://img.shields.io/cocoapods/p/AttributedString.svg?style=flat) 
[![Swift Package Manager](https://img.shields.io/badge/Swift_Package_Manager-compatible-4BC51D.svg?style=flat")](https://swift.org/package-manager/) 
[![Carthage](https://img.shields.io/badge/Carthage-compatible-4BC51D.svg?style=flat)](https://github.com/Carthage/Carthage) 
[![Cocoapods](https://img.shields.io/cocoapods/v/AttributedString.svg)](https://cocoapods.org)

## [🇨🇳天朝子民](README_CN.md)

## Features

- [x] Constructing rich text using interpolation, Smooth coding, Elegant and natural style.
- [x] More control extension support.
- [x] Support for multi-level rich text cascading and provide other style priority strategies.
- [x] Support for all `NSAttributedString.Key` functions.
- [x] Support iOS & macOS & watchOS & tvOS.
- [x] Support text and attachment click or press event callback, support highlight style.
- [x] Support async image attachment, you can load remote image to `UITextView`.
- [x] Support view attachment, you can add custom view to `UITextView`.
- [x] Continue to add more new features.

## Screenshot

Simple

Coding


All
Font


Kern
Stroke

## Installation

#### CocoaPods - Podfile

```ruby
pod 'AttributedString'
```

#### Carthage - Cartfile

```ruby
github "lixiang1994/AttributedString"
```

#### [Swift Package Manager for Apple platforms](https://developer.apple.com/documentation/xcode/adding_package_dependencies_to_your_app)

Select Xcode menu `File > Swift Packages > Add Package Dependency` and enter repository URL with GUI.
```
Repository: https://github.com/lixiang1994/AttributedString
```

#### [Swift Package Manager](https://swift.org/package-manager/)

Add the following to the dependencies of your `Package.swift`:
```swift
.package(url: "https://github.com/lixiang1994/AttributedString.git", from: "version")
```

## Usage

First make sure to import the framework:

```swift
import AttributedString
```

How to initialize:

```swift
// Normal
let a: ASAttributedString = .init("lee", .font(.systemFont(ofSize: 13)))
// Interpolation
let b: ASAttributedString = "\("lee", .font(.systemFont(ofSize: 13)))"
```

Here are some usage examples. All devices are also available as simulators:

#### Font:

```swift
textView.attributed.text = """

\("fontSize: 13", .font(.systemFont(ofSize: 13)))

\("fontSize: 20", .font(.systemFont(ofSize: 20)))

\("fontSize: 22 weight: semibold", .font(.systemFont(ofSize: 22, weight: .semibold)))

"""
```

#### ForegroundColor:

```swift
textView.attributed.text = """

\("foregroundColor", .foreground(.white))

\("foregroundColor", .foreground(.red))

"""
```

#### Strikethrough:

```swift
textView.attributed.text = """

\("strikethrough: single", .strikethrough(.single))

\("strikethrough: double color: .red", .strikethrough(.double, color: .red))

"""
```

#### Attachment: (Does not include watchOS)

```swift
// ASAttributedString.Attachment

textView.attributed.text = """

\(.data(xxxx, type: "zip"))

\(.file(try!.init(url: .init(fileURLWithPath: "xxxxx"), options: [])))

\(.attachment(NSTextAttachment()))

"""
```

#### Attachment Image: (Does not include watchOS)

```swift
// ASAttributedString.ImageAttachment

textView.attributed.text = """

\(.image(UIImage(named: "xxxx")))

\(.image(UIImage(named: "xxxx"), .custom(size: .init(width: 200, height: 200))))

\(.image(UIImage(named: "xxxx"), .proposed(.center))).

"""
```

#### Attachment Async Image: (Only supports iOS: UITextView)

```swift
// ASAttributedString.AsyncImageAttachment

textView.attributed.text = """

\(.image(url, placeholder: xxxxx))

"""
```

Custom loader:

```swift
ASAttributedString.AsyncImageAttachment.Loader = AsyncImageAttachmentKingfisherLoader.self
```

Please read the demo `AttachmentViewController.swift` file for details.

#### Attachment View: (Only supports iOS: UITextView)

```swift
// ASAttributedString.ViewAttachment

textView.attributed.text = """

\(.view(xxxxView))

\(.view(xxxxView, .custom(size: .init(width: 200, height: 200))))

\(.view(xxxxView, .proposed(.center))).

"""
```

#### Wrap:

```swift
let a: ASAttributedString = .init("123", .background(.blue))
let b: ASAttributedString = .init("456", .background(.red))
textView.attributed.text = "\(wrap: a) \(wrap: b, .paragraph(.alignment(.center)))"

// Defalut embedding mode, Nested internal styles take precedence over external styles
textView.attributed.text = "\(wrap: a, .paragraph(.alignment(.center)))"
textView.attributed.text = "\(wrap: .embedding(a), .paragraph(.alignment(.center)))"
// Override mode, Nested outer style takes precedence over inner style
textView.attributed.text = "\(wrap: .override(a), .paragraph(.alignment(.center)))"
```

#### Append:

```swift
let a: ASAttributedString = .init("123", .background(.blue))
let b: ASAttributedString = .init("456", .background(.red))
let c: ASAttributedString = .init("789", .background(.gray))
textView.attributed.text = a + b
textView.attributed.text += c
```

#### Checking:

```swift
var string: ASAttributedString = .init("my phone number is +86 18611401994.", .background(.blue))
string.add(attributes: [.foreground(color)], checkings: [.phoneNumber])
textView.attributed.text = string
```

```swift
var string: ASAttributedString = .init("open https://www.apple.com and https://github.com/lixiang1994/AttributedString", .background(.blue))
string.add(attributes: [.foreground(color)], checkings: [.link])
textView.attributed.text = string
```

```swift
var string: ASAttributedString = .init("123456789", .background(.blue))
string.add(attributes: [.foreground(color)], checkings: [.regex("[0-6]")])
textView.attributed.text = string
```

#### Action: (Only supports iOS: UILabel / UITextView & macOS: NSTextField)

For complex styles, it is recommended to use UITextView.

UITextview needs to set `isEditable` and `isSelectable` to `false`.

##### Click:

```swift
// Text
let a: ASAttributedString = .init("lee", .action({ }))
// Attachment (image)
let b: ASAttributedString = .init(.image(image), action: {
// code
})

// It is recommended to use functions as parameters.
func clicked() {
// code
}
// Normal
let c: ASAttributedString = .init("lee", .action(clicked))
let d: ASAttributedString = .init(.image(image), action: clicked)
// Interpolation
let e: ASAttributedString = "\("lee", .action(clicked))"
let f: ASAttributedString = "\(.image(image), action: clicked)"

// More information.
func clicked(_ result: ASAttributedString.Action.Result) {
switch result.content {
case .string(let value):
print("Currently clicked text: \(value) range: \(result.range)")

case .attachment(let value):
print("Currently clicked attachment: \(value) range: \(result.range)")
}
}

label.attributed.text = "This is \("Label", .font(.systemFont(ofSize: 20)), .action(clicked))"
textView.attributed.text = "This is a picture \(.image(image, .custom(size: .init(width: 100, height: 100))), action: clicked) Displayed in custom size."
```

##### Press:

```swift
func pressed(_ result: ASAttributedString.Action.Result) {
switch result.content {
case .string(let value):
print("Currently pressed text: \(value) range: \(result.range)")

case .attachment(let value):
print("Currently pressed attachment: \(value) range: \(result.range)")
}
}

label.attributed.text = "This is \("Long Press", .font(.systemFont(ofSize: 20)), .action(.press, pressed))"
textView.attributed.text = "This is a picture \(.image(image, .custom(size: .init(width: 100, height: 100))), trigger: .press, action: pressed) Displayed in custom size."
```

##### Highlight style:

```swift
func clicked(_ result: ASAttributedString.Action.Result) {
switch result.content {
case .string(let value):
print("Currently clicked text: \(value) range: \(result.range)")

case .attachment(let value):
print("Currently clicked attachment: \(value) range: \(result.range)")
}
}

label.attributed.text = "This is \("Label", .font(.systemFont(ofSize: 20)), .action([.foreground(.blue)], clicked))"
```

##### Custom:

```swift
let custom = ASAttributedString.Action(.press, highlights: [.background(.blue), .foreground(.white)]) { (result) in
switch result.content {
case .string(let value):
print("Currently pressed text: \(value) range: \(result.range)")

case .attachment(let value):
print("Currently pressed attachment: \(value) range: \(result.range)")
}
}

label.attributed.text = "This is \("Custom", .font(.systemFont(ofSize: 20)), .action(custom))"
textView.attributed.text = "This is a picture \(.image(image, .original(.center)), action: custom) Displayed in original size."
```

#### Observe: (Only supports iOS: UILabel / UITextView & macOS: NSTextField)

```swift
label.attributed.observe([.phoneNumber], highlights: [.foreground(.blue)]) { (result) in
print("Currently clicked \(result)")
}

textView.attributed.observe([.link], highlights: [.foreground(.blue)]) { (result) in
print("Currently clicked \(result)")
}
```

For more examples, see the sample application.

## Properties available via `Attribute` class

The following properties are available:

| PROPERTY | TYPE | DESCRIPTION |
| ----------------- | ------------------------------------ | ------------------------------------------------------------ |
| font | `UIFont` | font |
| color | `UIColor` | foreground color |
| background | `UIColor` | background color |
| paragraph | `ParagraphStyle` | paragraph attributes |
| ligature | `Bool` | Ligatures cause specific character combinations to be rendered using a single custom glyph that corresponds to those characters |
| kern | `CGFloat` | kerning |
| strikethrough | `NSUnderlineStyle` . `UIColor` | strikethrough style and color (if color is nil foreground is used) |
| underline | `NSUnderlineStyle` , `UIColor` | underline style and color (if color is nil foreground is used) |
| link | `String` / `URL` | URL |
| baselineOffset | `CGFloat` | character’s offset from the baseline, in point |
| shadow | `NSShadow` | shadow effect of the text |
| stroke | `CGFloat`, `UIColor` | stroke width and color |
| textEffect | `NSAttributedString.TextEffectStyle` | text effect |
| obliqueness | `CGFloat` | text obliqueness |
| expansion | `CGFloat` | expansion / shrink |
| writingDirection | `WritingDirection` / `[Int]` | initial writing direction used to determine the actual writing direction for text |
| verticalGlyphForm | `Bool` | vertical glyph (Currently on iOS, it's always horizontal.) |

## Cases available via `Attribute.Checking` enumerated

| CASE | DESCRIPTION |
| ------------------------------------ | -------------------------------------------- |
| `range(NSRange)` | custom range |
| `regex(String)` | regular expression |
| `action` | action |
| `date` | date (Based on `NSDataDetector`) |
| `link` | link (Based on `NSDataDetector`) |
| `address` | address (Based on `NSDataDetector`) |
| `phoneNumber` | phone number (Based on `NSDataDetector`) |
| `transitInformation` | transit Information (Based on `NSDataDetector`) |

## Contributing

If you have the need for a specific feature that you want implemented or if you experienced a bug, please open an issue.
If you extended the functionality of AttributedString yourself and want others to use it too, please submit a pull request.

## License

AttributedString is under MIT license. See the [LICENSE](LICENSE) file for more info.

-----

> ## 欢迎入群交流
![QQ](https://github.com/lixiang1994/Resources/blob/master/QQClub/QQClub.JPG)