增加点击发送验证码功能 onClickSendValidation

Author: guangyao

ios/RCTAuroraIMUI/IMUIMessageCollectionView/Protocol/IMUIMessageMessageCollectionViewDelegate.swift

@@ -44,6 +44,9 @@ import UIKit
    *  Tells the delegate that user tap statusView in message cell
    */
   @objc optional func messageCollectionView(didTapStatusViewInCell: UICollectionViewCell, model: IMUIMessageModelProtocol)
+    
+    @objc optional func messageCollectionView(didTapValidationWithModel: IMUIMessageModelProtocol)
+    
 
   /**
    *  Tells the delegate that the message cell will show in screen

ios/RCTAuroraIMUI/IMUIMessageCollectionView/Views/IMUINotificationMessageCell.swift

@@ -14,20 +14,20 @@ class IMUINotificationMessageCell: IMUIBaseMessageCell {
     var titleLable = UILabel()
     var backView = UIView()
     let screenW = UIScreen.main.bounds.size.width
-//    let labelGest = UITapGestureRecognizer.init()
+    let labelGest = UITapGestureRecognizer.init()
+    var locationIndex:Int = 0
 
     override init(frame: CGRect) {
         super.init(frame: frame)
         titleLable.textColor = UIColor.white
         titleLable.font = UIFont.systemFont(ofSize: 12)
-//        titleLable.font = UIFont.init(name: "helvetica", size: 12)
         titleLable.numberOfLines = 0
         titleLable.isUserInteractionEnabled = true
         backView.backgroundColor = UIColor.init(red: 206/255.0, green: 206/255.0, blue: 206/255.0, alpha: 1)
         backView.layer.cornerRadius = 5
         backView.clipsToBounds = true
         backView.addSubview(titleLable)
-//        labelGest.addTarget(self, action: #selector(self.clickTapValidation(sender:)))
+        labelGest.addTarget(self, action: #selector(self.clickTapValidation(sender:)))
         bubbleView.addSubview(backView)
     }
 
@@ -56,12 +56,13 @@ class IMUINotificationMessageCell: IMUIBaseMessageCell {
         self.backView.frame = CGRect(origin: CGPoint(x:titleX, y:titleY), size: CGSize(width:titleSize.width+10, height:titleSize.height+10))
         self.titleLable.frame = CGRect(origin: CGPoint(x:5, y:5), size: CGSize(width:titleSize.width, height:titleSize.height))
         let attString = NSMutableAttributedString.init(string: strTitle)
-//        if strTitle.hasSuffix("发送朋友验证"){
-//            self.titleLable.addGestureRecognizer(labelGest)
-//            let tmpArr = rangesOf(searchString: "发送朋友验证", inString: strTitle)
-//            let tmpR:NSRange = tmpArr.lastObject as! NSRange
-//            attString.addAttribute(NSForegroundColorAttributeName, value: UIColor.init(red: 35/255.0, green: 141/255.0, blue: 250/255.0, alpha: 1), range: tmpR)
-//        }
+        if strTitle.hasSuffix("发送朋友验证"){
+            self.titleLable.addGestureRecognizer(labelGest)
+            let tmpArr = rangesOf(searchString: "发送朋友验证", inString: strTitle)
+            let tmpR:NSRange = tmpArr.lastObject as! NSRange
+            locationIndex = tmpR.location
+            attString.addAttribute(NSForegroundColorAttributeName, value: UIColor.init(red: 35/255.0, green: 141/255.0, blue: 250/255.0, alpha: 1), range: tmpR)
+        }
         self.titleLable.attributedText = attString
 
     }
@@ -93,12 +94,11 @@ class IMUINotificationMessageCell: IMUIBaseMessageCell {
     func clickTapValidation(sender : UITapGestureRecognizer){
         let touchPoint = sender.location(in: self.titleLable)
         let path:CGMutablePath = CGMutablePath()
-        path.addRect(CGRect(x:0, y:0, width:self.titleLable.frame.size.width, height:self.titleLable.frame.size.height))
+        path.addRect(CGRect(x:0, y:0, width:self.titleLable.frame.size.width, height:self.titleLable.frame.size.height+10))
         let framesetter = CTFramesetterCreateWithAttributedString(self.titleLable.attributedText!)
         let ctframe = CTFramesetterCreateFrame(framesetter, CFRangeMake(0, 0), path, nil)
         //获取行数
         let lines:NSArray = CTFrameGetLines(ctframe)
-        print("line:\(CFArrayGetCount(lines))   line:\(self.titleLable.numberOfLines) height:\(self.titleLable.frame.size.height)")
         let numOfLine:NSInteger = self.titleLable.numberOfLines > 0 ? min(self.titleLable.numberOfLines, CFArrayGetCount(lines)) : CFArrayGetCount(lines)
         if numOfLine != 0 {
             var lineOrigins:[CGPoint] = Array(repeating:.zero,count:numOfLine)
@@ -114,7 +114,10 @@ class IMUINotificationMessageCell: IMUIBaseMessageCell {
                 let lineFrame = CGRect(x:baseLineOri.x, y:baseLineOri.y-ascent, width:lineWidth, height:ascent+descent)
                 if lineFrame.contains(touchPoint){
                     let index = CTLineGetStringIndexForPosition(line, touchPoint)
-                    print("index:\(index)")
+                    if index.hashValue > self.locationIndex {
+                        self.delegate?.messageCollectionView?(didTapValidationWithModel: self.message!)
+                    }
+                
                 }
             }
         }

ios/RCTAuroraIMUI/RCTMessageListView.h

@@ -34,6 +34,7 @@
 @property (nonatomic, copy) RCTBubblingEventBlock onClickChangeAutoScroll;
 @property(nonatomic, copy) RCTBubblingEventBlock onClickLongTapCell;
 @property(nonatomic, copy) RCTBubblingEventBlock onClickScanImageView;
+@property(nonatomic, copy) RCTBubblingEventBlock onClickSendValidation;
 //@property(nonatomic, copy) RCTBubblingEventBlock onClickTapImageMessageBubble;
 
 

ios/RCTAuroraIMUI/RCTMessageListViewManager.m

@@ -43,6 +43,8 @@ - (void)messageCollectionView:(UICollectionView * _Nonnull)_ didEndDisplaying:(U
 /// Tells the delegate when messageCollection beginDragging
 - (void)messageCollectionView:(UICollectionView * _Nonnull)willBeginDragging;
 
+- (void)messageCollectionViewWithDidTapValidationWithModel:(id <IMUIMessageModelProtocol> _Nonnull)model;
+
 
 @end
 
@@ -61,6 +63,8 @@ @implementation RCTMessageListViewManager
 RCT_EXPORT_VIEW_PROPERTY(onClickChangeAutoScroll, RCTBubblingEventBlock)
 RCT_EXPORT_VIEW_PROPERTY(onClickLongTapCell, RCTBubblingEventBlock)
 RCT_EXPORT_VIEW_PROPERTY(onClickScanImageView, RCTBubblingEventBlock)
+RCT_EXPORT_VIEW_PROPERTY(onClickSendValidation, RCTBubblingEventBlock)
+
 //RCT_EXPORT_VIEW_PROPERTY(onClickTapImageMessageBubble, RCTBubblingEventBlock)
 
 RCT_EXPORT_MODULE()
@@ -322,6 +326,12 @@ -(void)onClickScanImageView:(NSString *)strResult{
     _messageList.onClickScanImageView(@{ @"result": strResult});
 }
 
+- (void)messageCollectionViewWithDidTapValidationWithModel:(id<IMUIMessageModelProtocol>)model{
+    if(!_messageList.onClickSendValidation) { return; }
+    _messageList.onClickSendValidation(@{@"message": @""});
+}
+
+
 //- (void)messageCollectionViewWithDidTapImageMessageBubbleInCell:(CGRect)rect model:(id<IMUIMessageModelProtocol> _Nonnull)model{
 //    if (!_messageList.onClickTapImageMessageBubble) {return;}
 //    RCTMessageModel *message = model;

messagelist.ios.js

@@ -70,7 +70,7 @@ export default class MessageList extends Component {
   }
 
   _onBeginDragMessageList(event: Event) {
-    if (!this.props.onStatusViewClick) {
+    if (!this.props.onBeginDragMessageList) {
       return;
     }
     this.props.onBeginDragMessageList();
@@ -95,6 +95,12 @@ export default class MessageList extends Component {
       }
       this.props.onClickScanImageView(event.nativeEvent);
     }
+    _onClickSendValidation(event:Event){
+      if(!this.props.onClickSendValidation){
+        return;
+      }
+      this.props.onClickSendValidation();
+    }
 
   render() {
     return (
@@ -109,6 +115,7 @@ export default class MessageList extends Component {
           onClickLoadMessages={this._onClickLoadMessages.bind(this)}
           onClickChangeAutoScroll={this._onClickChangeAutoScroll.bind(this)}
           onClickScanImageView={this._onClickScanImageView.bind(this)}
+          onClickSendValidation={this._onClickSendValidation.bind(this)}
       />
     );
   }
@@ -127,6 +134,7 @@ MessageList.propTypes = {
     onClickLoadMessages:PropTypes.func,
     onClickChangeAutoScroll:PropTypes.func,
     onClickScanImageView:PropTypes.func,
+    onClickSendValidation:PropTypes.func,
   sendBubble: PropTypes.string,
   receiveBubble: PropTypes.string,
   sendBubble: PropTypes.object,