添加删除表情按钮

Author: acincor

AC博客.xcodeproj/project.xcworkspace/xcuserdata/monkeyhammer.xcuserdatad/UserInterfaceState.xcuserstate

@@ -11,8 +11,12 @@ private let EmoticonViewCellId = "EmoticonViewCellId"
 class EmoticonView: UIView {
     private lazy var packages = EmoticonManager.sharedManager.packages
     private var selectedEmoticonCallBack: (_ emoticon: Emoticon)->()
-    init(selectedEmoticon: @escaping(_ emoticon: Emoticon)->()) {
+    private var deleteCompletion: () -> ()
+    private let deleteButton = UIButton(imageName: "compose_emotion_delete", backImageName: nil)
+    private lazy var maskIconView: UIImageView = UIImageView(image: UIImage(named: "visitordiscover_feed_mask_smallicon"))
+    init(selectedEmoticon: @escaping(_ emoticon: Emoticon)->(),deleteCompletionCallBack: @escaping () -> ()) {
         selectedEmoticonCallBack = selectedEmoticon
+        deleteCompletion = deleteCompletionCallBack
         var rect = UIScreen.main.bounds
         rect.size.height /= 4
         super.init(frame: rect)
@@ -49,12 +53,27 @@ private extension EmoticonView {
     func setupUI() {
         backgroundColor = .systemBackground
         addSubview(collectionView)
+        addSubview(maskIconView)
+        maskIconView.addSubview(deleteButton)
+        maskIconView.isUserInteractionEnabled = true
         collectionView.snp.makeConstraints { make in
             make.top.equalTo(self.snp.top)
             make.bottom.equalTo(self.snp.bottom)
             make.left.equalTo(self.snp.left)
             make.right.equalTo(self.snp.right)
         }
+        maskIconView.snp.makeConstraints { (make) -> Void in
+            make.right.equalTo(self.snp.right)
+            make.height.equalTo(80)
+            make.bottom.equalTo(self.snp.bottom)
+            make.width.equalTo(80)
+        }
+        deleteButton.snp.makeConstraints { make in
+            make.center.equalTo(maskIconView.snp.center)
+        }
+        deleteButton.addAction(UIAction(handler: { _ in
+            self.deleteCompletion()
+        }), for: .touchUpInside)
         prepareCollectionView()
     }
     func prepareCollectionView() {

AC博客/Classes/Tools/Emoticon/EmoticonView.swift

@@ -12,14 +12,8 @@ import UIKit
 // MARK: - 表情模型
 class Emoticon: NSObject {
     @objc var times = 0
-    /// 发送给服务器的表情字符串
     @objc var chs: String?
-    
-    /// 在本地显示的图片名称 + 表情包路径
     @objc var png: String?
-    
-    /// 完整的路径
-    @objc var isRemoved = false
     @objc var emoji: String?
     @objc var isEmpty = false
     init(isEmpty: Bool) {
@@ -31,10 +25,6 @@ class Emoticon: NSObject {
             emoji = code?.emoji
         }
     }
-    init(isRemoved: Bool) {
-        self.isRemoved = isRemoved
-        super.init()
-    }
     @objc var imagePath: String {
 
         // 判断是否有图片

AC博客/Classes/Tools/Emoticon/Model/Emoticon/Emoticon.swift

@@ -9,17 +9,9 @@ import Foundation
 import UIKit
 extension UITextView {
     func insertEmoticon(_ em: Emoticon) {
-        
-        // 1. 空白表情
         if em.isEmpty {
             return
         }
-        
-        // 2. 删除按钮
-        if em.isRemoved {
-            deleteBackward()
-            return
-        }
         if let emoji = em.emoji {
             replace(selectedTextRange!, withText: emoji)
             return

AC博客/Classes/Tools/Extension/UITextView+Emoticon.swift

@@ -52,8 +52,10 @@ override var preferredContainerBackgroundStyle: UIContainerBackgroundStyle {
         self.textView.insertText("#"+viewModel+"#")
         self.textView.delegate?.textViewDidChange!(self.textView)
     }
-    private lazy var emoticonView: EmoticonView = EmoticonView { emoticon in
+    private lazy var emoticonView: EmoticonView = EmoticonView(selectedEmoticon: { emoticon in
         self.textView.insertEmoticon(emoticon)
+    }) {
+        self.textView.deleteBackward()
     }
     private lazy var userCollectionView: UserCollectionCellView = UserCollectionCellView { viewModel in
         self.textView.text.append(contentsOf: "@\(viewModel.user.uid)")
@@ -170,6 +172,7 @@ extension ComposeViewController {
         prepareTextView()
         preparePicturePicker()
     }
+    
     private func prepare() {
         navigationItem.leftBarButtonItem = UIBarButtonItem(title: NSLocalizedString("创建一个话题", comment: ""), style: .plain, target: self, action: #selector(self.createTrend))
         navigationItem.rightBarButtonItem = UIBarButtonItem(title: NSLocalizedString("发布", comment: ""), style: .plain, target: self, action: #selector(self.sendStatus))