Demo增加视图附件演示, 优化代码结构, 大量视图附件时 布局处理待优化

Author: lixiang1994

Demo/Demo.xcodeproj/project.pbxproj

@@ -20,6 +20,7 @@
 		9B6E89D623828178009EBEBE /* AttributedString.framework in Embed Frameworks */ = {isa = PBXBuildFile; fileRef = 9B6E89D423828178009EBEBE /* AttributedString.framework */; settings = {ATTRIBUTES = (CodeSignOnCopy, RemoveHeadersOnCopy, ); }; };
 		9B74C1AE24A83A7100242418 /* CheckingViewController.swift in Sources */ = {isa = PBXBuildFile; fileRef = 9B74C1AD24A83A7100242418 /* CheckingViewController.swift */; };
 		9B74C1B024A83D9A00242418 /* ViewController.swift in Sources */ = {isa = PBXBuildFile; fileRef = 9B74C1AF24A83D9A00242418 /* ViewController.swift */; };
+		9BB7011724B5C9360018DD68 /* VideoPlayerView.swift in Sources */ = {isa = PBXBuildFile; fileRef = 9BB7011624B5C9360018DD68 /* VideoPlayerView.swift */; };
 		9BD90EFE23840402000DBD29 /* FontViewController.swift in Sources */ = {isa = PBXBuildFile; fileRef = 9BD90EFD23840402000DBD29 /* FontViewController.swift */; };
 		9BD90F00238404C9000DBD29 /* ForegroundColorViewController.swift in Sources */ = {isa = PBXBuildFile; fileRef = 9BD90EFF238404C9000DBD29 /* ForegroundColorViewController.swift */; };
 		9BD90F02238404D5000DBD29 /* BackgroundColorViewController.swift in Sources */ = {isa = PBXBuildFile; fileRef = 9BD90F01238404D5000DBD29 /* BackgroundColorViewController.swift */; };
@@ -68,6 +69,7 @@
 		9B6E89D423828178009EBEBE /* AttributedString.framework */ = {isa = PBXFileReference; explicitFileType = wrapper.framework; path = AttributedString.framework; sourceTree = BUILT_PRODUCTS_DIR; };
 		9B74C1AD24A83A7100242418 /* CheckingViewController.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = CheckingViewController.swift; sourceTree = "<group>"; };
 		9B74C1AF24A83D9A00242418 /* ViewController.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = ViewController.swift; sourceTree = "<group>"; };
+		9BB7011624B5C9360018DD68 /* VideoPlayerView.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = VideoPlayerView.swift; sourceTree = "<group>"; };
 		9BD90EFD23840402000DBD29 /* FontViewController.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = FontViewController.swift; sourceTree = "<group>"; };
 		9BD90EFF238404C9000DBD29 /* ForegroundColorViewController.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = ForegroundColorViewController.swift; sourceTree = "<group>"; };
 		9BD90F01238404D5000DBD29 /* BackgroundColorViewController.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = BackgroundColorViewController.swift; sourceTree = "<group>"; };
@@ -129,6 +131,7 @@
 				9B6E899423823F48009EBEBE /* LaunchScreen.storyboard */,
 				9B6E899723823F48009EBEBE /* Info.plist */,
 				9B74C1AF24A83D9A00242418 /* ViewController.swift */,
+				9BB7011624B5C9360018DD68 /* VideoPlayerView.swift */,
 			);
 			path = Demo;
 			sourceTree = "<group>";
@@ -259,6 +262,7 @@
 				9B1C4964238405A7002CDC4B /* ParagraphStyleViewController.swift in Sources */,
 				9BD90F1223840540000DBD29 /* StrokeViewController.swift in Sources */,
 				9B6E898A23823F47009EBEBE /* AppDelegate.swift in Sources */,
+				9BB7011724B5C9360018DD68 /* VideoPlayerView.swift in Sources */,
 				9BD90F1A2384056F000DBD29 /* WritingDirectionViewController.swift in Sources */,
 				9B1C49662384065D002CDC4B /* AttachmentViewController.swift in Sources */,
 				9BD90F00238404C9000DBD29 /* ForegroundColorViewController.swift in Sources */,

Demo/Demo/Base.lproj/Main.storyboard

@@ -16,7 +16,7 @@
                         <rect key="frame" x="0.0" y="0.0" width="375" height="812"/>
                         <autoresizingMask key="autoresizingMask" widthSizable="YES" heightSizable="YES"/>
                         <subviews>
-                            <tableView clipsSubviews="YES" contentMode="scaleToFill" alwaysBounceVertical="YES" dataMode="prototypes" style="grouped" separatorStyle="default" rowHeight="-1" estimatedRowHeight="-1" sectionHeaderHeight="18" sectionFooterHeight="18" translatesAutoresizingMaskIntoConstraints="NO" id="M9o-2j-0MG">
+                            <tableView clipsSubviews="YES" contentMode="scaleToFill" alwaysBounceVertical="YES" delaysContentTouches="NO" dataMode="prototypes" style="grouped" separatorStyle="default" rowHeight="-1" estimatedRowHeight="-1" sectionHeaderHeight="18" sectionFooterHeight="18" translatesAutoresizingMaskIntoConstraints="NO" id="M9o-2j-0MG">
                                 <rect key="frame" x="0.0" y="88" width="375" height="641"/>
                                 <color key="backgroundColor" cocoaTouchSystemColor="groupTableViewBackgroundColor"/>
                                 <prototypes>
@@ -1594,7 +1594,7 @@
 
         This is a picture -&gt; \(.image(#imageLiteral(resourceName: "huaji"))) -&gt; Displayed in original size.
 
-        This is a picture -&gt; \(.image(#imageLiteral(resourceName: "huaji"), .custom(size: .init(width: 200, height: 200)))) -&gt; Displayed in custom size.
+        This is a picture -&gt; \(.image(#imageLiteral(resourceName: "huaji"), .custom(.center, size: .init(width: 50, height: 50)))) -&gt; Displayed in custom size.
 
         This is the recommended size image -&gt; \(.image(#imageLiteral(resourceName: "huaji"), .proposed(.center))).
 

Demo/Demo/Details/AttachmentViewController.swift

@@ -7,6 +7,7 @@
 //
 
 import UIKit
+import AttributedString
 
 class AttachmentViewController: UIViewController {
 
@@ -15,14 +16,77 @@ class AttachmentViewController: UIViewController {
     override func viewDidLoad() {
         super.viewDidLoad()
 
-        textView.attributed.text = """
+        let customView = UIView(frame: .init(x: 0, y: 0, width: 100, height: 100))
+        customView.backgroundColor = .red
 
-        This is a picture -> \(.image(#imageLiteral(resourceName: "huaji"))) -> Displayed in original size.
+        let customImageView = UIImageView(image: #imageLiteral(resourceName: "swift-image-1"))
+        customImageView.contentMode = .scaleAspectFill
+        customImageView.sizeToFit()
 
-        This is a picture -> \(.image(#imageLiteral(resourceName: "huaji"), .custom(size: .init(width: 200, height: 200)))) -> Displayed in custom size.
+        let customLabel = UILabel()
+        customLabel.text = "1234567890"
+        customLabel.font = .systemFont(ofSize: 30, weight: .medium)
+        customLabel.backgroundColor = #colorLiteral(red: 0.9568627477, green: 0.6588235497, blue: 0.5450980663, alpha: 1)
+        customLabel.sizeToFit()
 
-        This is the recommended size image -> \(.image(#imageLiteral(resourceName: "huaji"), .proposed(.center)))).
+        func clicked() {
+            // 更改自定义视图的大小 (x y 无效)
+            customView.frame = .init(x: 100, y: 0, width: .random(in: 100 ... 200), height: .random(in: 100 ... 200))
+            // 更改自定义图片视图的图片
+            customImageView.image = #imageLiteral(resourceName: "swift-icon")
+            customImageView.sizeToFit()
+            // 更改自定义标签的文本
+            customLabel.text = "45678"
+            customLabel.sizeToFit()
+        }
 
-        """
+        textView.attributed.text = .init(
+            """
+            
+            This is a picture -> \(.image(#imageLiteral(resourceName: "huaji"))) -> Displayed in original size.
+            
+            This is a picture -> \(.image(#imageLiteral(resourceName: "swift-icon"), .custom(.center, size: .init(width: 50, height: 50)))) -> Displayed in custom size.
+            
+            This is the recommended size image -> \(.image(#imageLiteral(resourceName: "swift-icon"), .proposed(.center)))).
+            
+            -----------------------
+            
+            \("ViewAttachment only support UITextView (以下视图附件仅UITextView支持):", .font(.systemFont(ofSize: 24, weight: .medium)))
+            
+            \("Change something", .foreground(.blue), .action(clicked))
+            
+            aaaa\(.view(customView, .original(.center)))aaa
+            
+            bbbb\(.view(customLabel, .original(.origin)))bbb
+            
+            cccc\(.view(customImageView, .original(.origin)))ccc
+            
+            """,
+            .font(.systemFont(ofSize: 18))
+        )
+        
+        var s = AttributedString("")
+        for i in 0 ... 1000 {
+            s += AttributedString(
+                """
+                
+                \(i):\(.image(#imageLiteral(resourceName: "swift-icon"), .custom(.center, size: .init(width: 50, height: 50)))).
+                
+                """)
+        }
+        
+        for i in 0 ... 2000 {
+            let customView = UIView(frame: .init(x: 0, y: 0, width: 100, height: 100))
+            customView.backgroundColor = .red
+            
+            s += AttributedString(
+                """
+                
+                \(i):\(.view(customView, .original(.center))).
+                
+                """)
+        }
+            
+        textView.attributed.text = s
     }
 }

Demo/Demo/SimpleViewController.swift

@@ -7,6 +7,7 @@
 //
 
 import UIKit
+import AVKit
 import AttributedString
 
 class SimpleViewController: UIViewController {
@@ -15,9 +16,55 @@ class SimpleViewController: UIViewController {
 
     private var list: [Model] = []
 
-    override func viewDidLoad() {
-        super.viewDidLoad()
+    private let player = AVPlayer(
+        url: URL(string: "https://devstreaming-cdn.apple.com/videos/wwdc/2020/10648/3/B4DA06E5-8715-4478-B755-EDFF6EC473F9/master.m3u8")!
+    )
+    private var playerView: VideoPlayerView = .init()
+    
+    private func setup() {
+        tableView.separatorInset = .init(top: 0, left: 10, bottom: 0, right: 10)
+    }
+    
+    private func setupPlayer() {
+        let playerLayer = AVPlayerLayer(player: player)
+        playerView = VideoPlayerView({ (view) in
+            view.layer.addSublayer(playerLayer)
+        })
+        playerView.observe { (size, animation) in
+            if let animation = animation {
+                CATransaction.begin()
+                CATransaction.setAnimationDuration(animation.duration)
+                CATransaction.setAnimationTimingFunction(animation.timingFunction)
+                playerLayer.frame = .init(origin: .zero, size: size)
+                CATransaction.commit()
+                
+            } else {
+                playerLayer.frame = .init(origin: .zero, size: size)
+            }
+        }
+        playerView.observe { (contentMode) in
+            switch contentMode {
+            case .scaleToFill:
+                playerLayer.videoGravity = .resize
+                
+            case .scaleAspectFit:
+                playerLayer.videoGravity = .resizeAspect
+                
+            case .scaleAspectFill:
+                playerLayer.videoGravity = .resizeAspectFill
+                
+            default:
+                playerLayer.videoGravity = .resizeAspectFill
+            }
+        }
+        playerView.contentMode = .scaleAspectFit
+        playerView.backgroundColor = .black
 
+        // 更新播放视图大小
+        playerView.frame = .init(x: 0, y: 0, width: view.bounds.width, height: 9 / 16 * view.bounds.width)
+    }
+    
+    private func setupAttributedString() {
         ///
         ///     .init(
         ///         """
@@ -74,6 +121,19 @@ class SimpleViewController: UIViewController {
             \(.image(#imageLiteral(resourceName: "swift-image-1")))
             """,
             """
+            \("Unsafe Swift", .font(.systemFont(ofSize: 40, weight: .semibold)))
+            
+            \(
+            """
+            What exactly makes code “unsafe”? Join the Swift team as we take a look at the programming language's safety precautions — and when you might need to reach for unsafe operations. We'll take a look at APIs that can cause unexpected states if not used correctly, and how you can write code more specifically to avoid undefined behavior. Learn how to work with C APIs that use pointers and the steps to take when you want to use Swift's unsafe pointer APIs. To get the most out of this session, you should have some familiarity with Swift and the C programming language. And for more information on working with pointers, check out \"Safely Manage Pointers in Swift\".
+            """, .font(.systemFont(ofSize: 17))
+            )
+            
+            \(.view(playerView))
+            
+            That's cool! 😎
+            """,
+            """
             \("Features:", .font(.systemFont(ofSize: 30, weight: .semibold)))
             \("foregroundColor", .foreground(#colorLiteral(red: 0.5568627715, green: 0.3529411852, blue: 0.9686274529, alpha: 1)))
             \("backgroundColor", .background(#colorLiteral(red: 0.6642242074, green: 0.6642400622, blue: 0.6642315388, alpha: 1)))
@@ -131,15 +191,46 @@ class SimpleViewController: UIViewController {
             """
         ]
 
-        list = array.map { .init($0) }
+        let width = UIScreen.main.bounds.width - view.safeAreaInsets.left - view.safeAreaInsets.right - 20
+        list = array.map { .init($0, width: width) }
+        tableView.reloadData()
+    }
+    
+    private func reload() {
+        // 更新播放视图大小
+        playerView.frame = .init(x: 0, y: 0, width: view.bounds.width, height: 9 / 16 * view.bounds.width)
+        // 获取最大宽度 重新设置内容
+        let width = UIScreen.main.bounds.width - view.safeAreaInsets.left - view.safeAreaInsets.right - 20
+        list = list.map { .init($0.content, width: width) }
         tableView.reloadData()
     }
 
+    override func viewDidLoad() {
+        super.viewDidLoad()
+        
+        setup()
+        setupPlayer()
+        setupAttributedString()
+    }
+    
+    override func viewDidAppear(_ animated: Bool) {
+        super.viewDidAppear(animated)
+        player.play()
+    }
+    
+    override func viewDidDisappear(_ animated: Bool) {
+        super.viewDidDisappear(animated)
+        player.pause()
+    }
+    
+    override func viewSafeAreaInsetsDidChange() {
+        super.viewSafeAreaInsetsDidChange()
+        reload()
+    }
+    
     override func traitCollectionDidChange(_ previousTraitCollection: UITraitCollection?) {
         super.traitCollectionDidChange(previousTraitCollection)
-        
-        list = list.map { .init($0.content) }
-        tableView.reloadData()
+        reload()
     }
 }
 
@@ -186,11 +277,11 @@ extension SimpleViewController {
         let content: AttributedString
         let height: CGFloat
 
-        init(_ content: AttributedString) {
+        init(_ content: AttributedString, width: CGFloat) {
             self.content = content
             self.height = content.value.boundingRect(
                 with: .init(
-                    width: UIScreen.main.bounds.width - 20,
+                    width: width,
                     height: .greatestFiniteMagnitude
                 ),
                 options: [

Demo/Demo/VideoPlayerView.swift

@@ -0,0 +1,59 @@
+//
+//  VideoPlayerView.swift
+//  Demo
+//
+//  Created by Lee on 2020/7/8.
+//  Copyright © 2020 LEE. All rights reserved.
+//
+
+import UIKit
+
+class VideoPlayerView: UIView {
+
+    private var updateContentMode: ((UIView.ContentMode) -> Void)?
+    private var updateLayout: ((CGSize, CAAnimation?) -> Void)?
+    
+    override init(frame: CGRect) {
+        super.init(frame: frame)
+    }
+    
+    init(_ add: (UIView) -> Void) {
+        super.init(frame: .zero)
+        clipsToBounds = true
+        add(self)
+    }
+    
+    func observe(contentMode: @escaping ((UIView.ContentMode) -> Void)) {
+        updateContentMode = { (mode) in
+            contentMode(mode)
+        }
+        updateContentMode?(self.contentMode)
+    }
+    
+    func observe(layout: @escaping ((CGSize, CAAnimation?) -> Void)) {
+        updateLayout = { (size, animation) in
+            layout(size, animation)
+        }
+        layoutSubviews()
+    }
+    
+    required init?(coder aDecoder: NSCoder) {
+        fatalError("init(coder:) has not been implemented")
+    }
+    
+    override public var contentMode: UIView.ContentMode {
+        get {
+            return super.contentMode
+        }
+        set {
+            super.contentMode = newValue
+            self.updateContentMode?(newValue)
+        }
+    }
+    
+    override public func layoutSubviews() {
+        super.layoutSubviews()
+        
+        updateLayout?(bounds.size, layer.animation(forKey: "bounds.size"))
+    }
+}