443 lines
16 KiB
Objective-C
443 lines
16 KiB
Objective-C
//
|
|
// MessageToolbarView.m
|
|
// xplan-ios
|
|
//
|
|
// Created by 冯硕 on 2022/4/20.
|
|
//
|
|
|
|
#import "SessionToolbarView.h"
|
|
///Third
|
|
#import <Masonry/Masonry.h>
|
|
///Tool
|
|
#import "ThemeColor.h"
|
|
#import "XPMacro.h"
|
|
///Model
|
|
#import "MessageMenuModel.h"
|
|
///View
|
|
#import "MessageToolMenuCollectionViewCell.h"
|
|
#import "SessionAudioRecordView.h"
|
|
|
|
#define TOOL_HEIGHT 60
|
|
#define MENU_HEIGHT 130
|
|
|
|
@interface SessionToolbarView ()<UICollectionViewDelegate, UICollectionViewDataSource, UITextFieldDelegate>
|
|
///最大的那个容器
|
|
@property (nonatomic,strong) UIStackView *stackView;
|
|
///上部分的功能的容器
|
|
@property (nonatomic,strong) UIStackView *toolStackView;
|
|
///切换语音和文字的按钮
|
|
@property (nonatomic,strong) UIButton *changeButton;
|
|
///更多按钮
|
|
@property (nonatomic,strong) UIButton *moreButton;
|
|
///语音和输入框的
|
|
@property (nonatomic,strong) UIStackView *audioStackView;
|
|
///输入框背景
|
|
@property (nonatomic,strong) UIView * inputBackView;
|
|
///输入框
|
|
@property (nonatomic,strong) UITextField *inputView;
|
|
///语音
|
|
@property (nonatomic,strong) UIButton *audioButton;
|
|
///列表
|
|
@property (nonatomic,strong) UICollectionView *collectionView;
|
|
///底部的view
|
|
@property (nonatomic,strong) UIView * placeView;
|
|
///菜单数据
|
|
@property (nonatomic,strong) NSArray<MessageMenuModel *> *menuList;
|
|
///录音的view
|
|
@property (nonatomic,strong) SessionAudioRecordView *audioRecordView;
|
|
@end
|
|
|
|
@implementation SessionToolbarView
|
|
|
|
- (instancetype)initWithFrame:(CGRect)frame {
|
|
self = [super initWithFrame:frame];
|
|
if (self) {
|
|
[self addNotification];
|
|
[self addAudioButtonAction];
|
|
[self initSubViews];
|
|
[self initSubViewConstraints];
|
|
}
|
|
return self;
|
|
}
|
|
#pragma mark - Public Method
|
|
- (void)foldMenuView {
|
|
[self.inputView resignFirstResponder];
|
|
if (self.collectionView.hidden == NO) {
|
|
self.collectionView.hidden = YES;
|
|
self.moreButton.selected = NO;
|
|
}
|
|
}
|
|
|
|
|
|
#pragma mark - Private Method
|
|
- (void)addAudioButtonAction {
|
|
///button 周围有一个70px的范围 超出这个范围的话 就是out 在这个范围的话就是in 从范围外到范围内的话就是enter 从范围内到范围外的话exit
|
|
[self.audioButton addTarget:self action:@selector(audioTouchDownAction) forControlEvents:UIControlEventTouchDown];
|
|
[self.audioButton addTarget:self action:@selector(audioTouchUpOutsideAction) forControlEvents:UIControlEventTouchUpOutside];
|
|
[self.audioButton addTarget:self action:@selector(audioTouchUpInsideAction) forControlEvents:UIControlEventTouchUpInside];
|
|
[self.audioButton addTarget:self action:@selector(audioTouchDragEnterAction) forControlEvents:UIControlEventTouchDragEnter];
|
|
[self.audioButton addTarget:self action:@selector(audioTouchDragExitAction) forControlEvents:UIControlEventTouchDragExit];
|
|
}
|
|
|
|
- (void)addNotification {
|
|
[[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(keyboardWillHidden:) name:UIKeyboardWillHideNotification object:nil];
|
|
[[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(keyboardWillShow:) name:UIKeyboardWillShowNotification object:nil];
|
|
}
|
|
|
|
- (void)initSubViews {
|
|
self.backgroundColor = [ThemeColor appCellBackgroundColor];
|
|
[self addSubview:self.stackView];
|
|
|
|
[self.stackView addArrangedSubview:self.toolStackView];
|
|
[self.stackView addArrangedSubview:self.collectionView];
|
|
[self.stackView addArrangedSubview:self.placeView];
|
|
|
|
[self.toolStackView addArrangedSubview:self.changeButton];
|
|
[self.toolStackView addArrangedSubview:self.audioStackView];
|
|
[self.toolStackView addArrangedSubview:self.moreButton];
|
|
|
|
[self.audioStackView addArrangedSubview:self.inputBackView];
|
|
[self.audioStackView addArrangedSubview:self.audioButton];
|
|
|
|
[self.inputBackView addSubview:self.inputView];
|
|
}
|
|
|
|
- (void)initSubViewConstraints {
|
|
[self mas_makeConstraints:^(MASConstraintMaker *make) {
|
|
make.bottom.mas_equalTo(self.stackView);
|
|
}];
|
|
|
|
[self.stackView mas_makeConstraints:^(MASConstraintMaker *make) {
|
|
make.left.right.mas_equalTo(self).inset(15);
|
|
make.top.mas_equalTo(self);
|
|
}];
|
|
|
|
[self.toolStackView mas_makeConstraints:^(MASConstraintMaker *make) {
|
|
make.height.mas_equalTo(TOOL_HEIGHT);
|
|
}];
|
|
|
|
[self.collectionView mas_makeConstraints:^(MASConstraintMaker *make) {
|
|
make.height.mas_equalTo(MENU_HEIGHT);
|
|
}];
|
|
|
|
[self.placeView mas_makeConstraints:^(MASConstraintMaker *make) {
|
|
make.height.mas_equalTo(kSafeAreaBottomHeight);
|
|
}];
|
|
|
|
[self.changeButton mas_makeConstraints:^(MASConstraintMaker *make) {
|
|
make.size.mas_equalTo(CGSizeMake(40, 40));
|
|
}];
|
|
|
|
[self.moreButton mas_makeConstraints:^(MASConstraintMaker *make) {
|
|
make.size.mas_equalTo(CGSizeMake(40, 40));
|
|
}];
|
|
|
|
[self.audioStackView mas_makeConstraints:^(MASConstraintMaker *make) {
|
|
make.height.mas_equalTo(40);
|
|
}];
|
|
|
|
[self.inputBackView mas_makeConstraints:^(MASConstraintMaker *make) {
|
|
make.height.mas_equalTo(34);
|
|
}];
|
|
|
|
[self.audioButton mas_makeConstraints:^(MASConstraintMaker *make) {
|
|
make.height.mas_equalTo(34);
|
|
}];
|
|
|
|
[self.inputView mas_makeConstraints:^(MASConstraintMaker *make) {
|
|
make.left.mas_equalTo(self.inputBackView.mas_left).offset(16);
|
|
make.top.bottom.mas_equalTo(self.inputBackView);
|
|
make.right.mas_equalTo(self.inputBackView).offset(-5);
|
|
}];
|
|
}
|
|
|
|
#pragma mark - UICollectionViewDelegate And UICollectionViewDatasource
|
|
- (NSInteger)collectionView:(UICollectionView *)collectionView numberOfItemsInSection:(NSInteger)section {
|
|
return self.menuList.count;
|
|
}
|
|
|
|
- (__kindof UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath {
|
|
MessageToolMenuCollectionViewCell * cell = [collectionView dequeueReusableCellWithReuseIdentifier:NSStringFromClass([MessageToolMenuCollectionViewCell class]) forIndexPath:indexPath];
|
|
MessageMenuModel * model = [self.menuList objectAtIndex:indexPath.row];
|
|
cell.imageName = model.imageName;
|
|
return cell;
|
|
}
|
|
|
|
- (void)collectionView:(UICollectionView *)collectionView didSelectItemAtIndexPath:(NSIndexPath *)indexPath {
|
|
[collectionView deselectItemAtIndexPath:indexPath animated:YES];
|
|
if (self.menuList.count > 0) {
|
|
MessageMenuModel * model = [self.menuList objectAtIndex:indexPath.row];
|
|
if (self.delegate && [self.delegate respondsToSelector:@selector(didSelectMenuItem:)]) {
|
|
[self.delegate didSelectMenuItem:model];
|
|
}
|
|
}
|
|
}
|
|
|
|
#pragma mark - UITextFieldDelegate
|
|
- (BOOL)textFieldShouldReturn:(UITextField *)textField {
|
|
if (textField.text.length >0) {
|
|
if (self.delegate && [self.delegate respondsToSelector:@selector(sendTextMessage:)]) {
|
|
[self.delegate sendTextMessage:textField.text];
|
|
textField.text = nil;
|
|
}
|
|
}
|
|
return YES;
|
|
}
|
|
|
|
#pragma mark - Event Response
|
|
- (void)keyboardWillShow:(NSNotification *)notification {
|
|
if (self.collectionView.hidden == NO) {
|
|
self.collectionView.hidden = YES;
|
|
self.moreButton.selected = NO;
|
|
}
|
|
NSDictionary *userInfo = [notification userInfo];
|
|
CGRect keyboardEndFrame = [userInfo[UIKeyboardFrameEndUserInfoKey] CGRectValue];
|
|
if (CGRectIsNull(keyboardEndFrame)) {
|
|
return;
|
|
}
|
|
UIViewAnimationCurve animationCurve = [userInfo[UIKeyboardAnimationCurveUserInfoKey] integerValue];
|
|
NSInteger animationCurveOption = (animationCurve << 16);
|
|
double animationDuration = [userInfo[UIKeyboardAnimationDurationUserInfoKey] doubleValue];
|
|
[UIView animateWithDuration:animationDuration delay:0.0 options:animationCurveOption animations:^{
|
|
if (self.delegate && [self.delegate respondsToSelector:@selector(keyboardWillChangeFrame:)]) {
|
|
[self.delegate keyboardWillChangeFrame:keyboardEndFrame];
|
|
}
|
|
} completion:^(BOOL finished) {
|
|
|
|
}];
|
|
}
|
|
|
|
- (void)keyboardWillHidden:(NSNotification*)notification {
|
|
CGRect keyboardEndFrame = CGRectMake(0, 0, 0, 0);
|
|
[UIView animateWithDuration:0.25 animations:^{
|
|
if (self.delegate && [self.delegate respondsToSelector:@selector(keyboardWillChangeFrame:)]) {
|
|
[self.delegate keyboardWillChangeFrame:keyboardEndFrame];
|
|
}
|
|
}];
|
|
}
|
|
|
|
- (void)changeButtonAction:(UIButton *)sender {
|
|
sender.selected = !sender.selected;
|
|
self.inputBackView.hidden = sender.selected;
|
|
self.audioButton.hidden = !sender.selected;
|
|
self.collectionView.hidden = YES;
|
|
self.moreButton.selected = NO;
|
|
if (sender.selected) {
|
|
[self.inputView resignFirstResponder];
|
|
} else {
|
|
[self.inputView becomeFirstResponder];
|
|
}
|
|
}
|
|
|
|
- (void)moreButtonAction:(UIButton *)sender {
|
|
sender.selected = !sender.selected;
|
|
self.collectionView.hidden = !sender.selected;
|
|
[self.inputView resignFirstResponder];
|
|
CGRect keyboardEndFrame = CGRectMake(0, 0, 0, 0);
|
|
[UIView animateWithDuration:0.25 animations:^{
|
|
if (self.delegate && [self.delegate respondsToSelector:@selector(keyboardWillChangeFrame:)]) {
|
|
[self.delegate keyboardWillChangeFrame:keyboardEndFrame];
|
|
}
|
|
}];
|
|
}
|
|
|
|
- (void)audioButtonAction:(UIButton *)sender {
|
|
|
|
}
|
|
|
|
- (void)audioTouchDownAction {
|
|
///开始录音
|
|
NSLog(@"UIControlEventTouchDown");
|
|
if (!self.audioRecordView.superview) {
|
|
[[UIApplication sharedApplication].keyWindow addSubview:self.audioRecordView];
|
|
[self.audioRecordView mas_makeConstraints:^(MASConstraintMaker *make) {
|
|
make.center.mas_equalTo(self.audioRecordView.superview);
|
|
}];
|
|
[self.audioRecordView configAudioRecord:@"message_tool_audio_record_first" title:@"手指上滑，取消发送" isAnimation:YES];
|
|
}
|
|
|
|
}
|
|
|
|
- (void)audioTouchUpOutsideAction {
|
|
///取消录音
|
|
NSLog(@"UIControlEventTouchUpOutside");
|
|
[self.audioRecordView removeFromSuperview];
|
|
}
|
|
|
|
- (void)audioTouchUpInsideAction {
|
|
///手指抬起 完成录音
|
|
NSLog(@"UIControlEventTouchUpInside");
|
|
[self.audioRecordView removeFromSuperview];
|
|
}
|
|
|
|
- (void)audioTouchDragEnterAction {
|
|
///手指上滑 取消发送
|
|
NSLog(@"UIControlEventTouchDragEnter");
|
|
[self.audioRecordView configAudioRecord:@"message_tool_audio_record_first" title:@"手指上滑，取消发送" isAnimation:YES];
|
|
}
|
|
|
|
- (void)audioTouchDragExitAction {
|
|
///松开手指 取消发送
|
|
NSLog(@"UIControlEventTouchDragExit");
|
|
[self.audioRecordView configAudioRecord:@"message_tool_audio_record_cancel" title:@"松开手指 取消发送" isAnimation:NO];
|
|
}
|
|
|
|
#pragma mark - Getters And Setters
|
|
- (void)setSendDisabled:(BOOL)sendDisabled {
|
|
self.userInteractionEnabled = !sendDisabled;
|
|
if (sendDisabled) {
|
|
self.inputView.text = @"";
|
|
NSAttributedString * attribute = [[NSAttributedString alloc] initWithString:@"暂时无法私聊" attributes:@{NSFontAttributeName : [UIFont systemFontOfSize:15], NSForegroundColorAttributeName : [ThemeColor secondTextColor]}];
|
|
self.inputView.attributedPlaceholder = attribute;
|
|
} else {
|
|
NSAttributedString * attribute = [[NSAttributedString alloc] initWithString:@"请输入消息" attributes:@{NSFontAttributeName : [UIFont systemFontOfSize:15], NSForegroundColorAttributeName : [ThemeColor secondTextColor]}];
|
|
self.inputView.attributedPlaceholder = attribute;
|
|
}
|
|
}
|
|
|
|
- (UIStackView *)stackView {
|
|
if (!_stackView) {
|
|
_stackView = [[UIStackView alloc] init];
|
|
_stackView.axis = UILayoutConstraintAxisVertical;
|
|
_stackView.distribution = UIStackViewDistributionFill;
|
|
_stackView.alignment = UIStackViewAlignmentFill;
|
|
_stackView.spacing = 0;
|
|
}
|
|
return _stackView;
|
|
}
|
|
|
|
- (UIStackView *)toolStackView {
|
|
if (!_toolStackView) {
|
|
_toolStackView = [[UIStackView alloc] init];
|
|
_toolStackView.axis = UILayoutConstraintAxisHorizontal;
|
|
_toolStackView.distribution = UIStackViewDistributionFill;
|
|
_toolStackView.alignment = UIStackViewAlignmentCenter;
|
|
_toolStackView.spacing = 8;
|
|
}
|
|
return _toolStackView;
|
|
}
|
|
|
|
- (UIButton *)changeButton {
|
|
if (!_changeButton) {
|
|
_changeButton = [UIButton buttonWithType:UIButtonTypeCustom];
|
|
[_changeButton setImage:[UIImage imageNamed:@"message_session_tool_text"] forState:UIControlStateNormal];
|
|
[_changeButton setImage:[UIImage imageNamed:@"message_session_tool_audio"] forState:UIControlStateSelected];
|
|
[_changeButton addTarget:self action:@selector(changeButtonAction:) forControlEvents:UIControlEventTouchUpInside];
|
|
}
|
|
return _changeButton;
|
|
}
|
|
|
|
- (UIStackView *)audioStackView {
|
|
if (!_audioStackView) {
|
|
_audioStackView = [[UIStackView alloc] init];
|
|
_audioStackView.axis = UILayoutConstraintAxisHorizontal;
|
|
_audioStackView.distribution = UIStackViewDistributionFill;
|
|
_audioStackView.alignment = UIStackViewAlignmentCenter;
|
|
_audioStackView.spacing = 0;
|
|
}
|
|
return _audioStackView;
|
|
}
|
|
|
|
- (UIView *)inputBackView {
|
|
if (!_inputBackView) {
|
|
_inputBackView = [[UIView alloc] init];
|
|
_inputBackView.backgroundColor = UIColorFromRGB(0xF1F1FA);
|
|
_inputBackView.layer.masksToBounds = YES;
|
|
_inputBackView.layer.cornerRadius = 17;
|
|
}
|
|
return _inputBackView;
|
|
}
|
|
|
|
- (UITextField *)inputView{
|
|
if (!_inputView) {
|
|
_inputView = [[UITextField alloc] init];
|
|
NSAttributedString * attribute = [[NSAttributedString alloc] initWithString:@"请输入消息" attributes:@{NSFontAttributeName : [UIFont systemFontOfSize:15], NSForegroundColorAttributeName : [ThemeColor secondTextColor]}];
|
|
_inputView.attributedPlaceholder = attribute;
|
|
_inputView.borderStyle = UITextBorderStyleNone;
|
|
_inputView.tintColor = [ThemeColor appMainColor];
|
|
_inputView.textColor = [ThemeColor mainTextColor];
|
|
_inputView.font = [UIFont systemFontOfSize:12.f];
|
|
_inputView.delegate = self;
|
|
_inputView.autocorrectionType = UITextAutocorrectionTypeNo;
|
|
_inputView.returnKeyType = UIReturnKeySend;
|
|
}
|
|
return _inputView;
|
|
}
|
|
|
|
- (UIButton *)audioButton {
|
|
if (!_audioButton) {
|
|
_audioButton = [UIButton buttonWithType:UIButtonTypeCustom];
|
|
[_audioButton setTitle:@"按住说话" forState:UIControlStateNormal];
|
|
[_audioButton setTitle:@"松开结束" forState:UIControlStateSelected];
|
|
[_audioButton setTitleColor:[ThemeColor mainTextColor] forState:UIControlStateNormal];
|
|
_audioButton.titleLabel.font = [UIFont systemFontOfSize:14 weight:UIFontWeightMedium];
|
|
_audioButton.layer.masksToBounds = YES;
|
|
_audioButton.layer.cornerRadius = 17;
|
|
_audioButton.backgroundColor = UIColorFromRGB(0xF1F1FA);
|
|
[_audioButton addTarget:self action:@selector(audioButtonAction:) forControlEvents:UIControlEventTouchUpInside];
|
|
_audioButton.hidden = YES;
|
|
}
|
|
return _audioButton;
|
|
}
|
|
|
|
- (UIButton *)moreButton {
|
|
if (!_moreButton) {
|
|
_moreButton = [UIButton buttonWithType:UIButtonTypeCustom];
|
|
[_moreButton setImage:[UIImage imageNamed:@"message_session_tool_more_normal"] forState:UIControlStateNormal];
|
|
[_moreButton setImage:[UIImage imageNamed:@"message_session_tool_more_select"] forState:UIControlStateSelected];
|
|
[_moreButton addTarget:self action:@selector(moreButtonAction:) forControlEvents:UIControlEventTouchUpInside];
|
|
}
|
|
return _moreButton;
|
|
}
|
|
|
|
- (UICollectionView *)collectionView{
|
|
if (!_collectionView) {
|
|
UICollectionViewFlowLayout *layout = [[UICollectionViewFlowLayout alloc] init];
|
|
layout.sectionInset = UIEdgeInsetsMake(0, 0, 0, 0);
|
|
layout.itemSize = CGSizeMake(48, 48);
|
|
layout.minimumLineSpacing = 24;
|
|
layout.minimumInteritemSpacing = 10;
|
|
_collectionView = [[UICollectionView alloc] initWithFrame:CGRectZero collectionViewLayout:layout];
|
|
_collectionView.dataSource = self;
|
|
_collectionView.delegate = self;
|
|
_collectionView.backgroundColor = [UIColor clearColor];
|
|
_collectionView.hidden = YES;
|
|
[_collectionView registerClass:[MessageToolMenuCollectionViewCell class] forCellWithReuseIdentifier:NSStringFromClass([MessageToolMenuCollectionViewCell class])];
|
|
}
|
|
return _collectionView;
|
|
}
|
|
|
|
- (UIView *)placeView {
|
|
if (!_placeView) {
|
|
_placeView = [[UIView alloc] init];
|
|
_placeView.backgroundColor = [UIColor clearColor];
|
|
}
|
|
return _placeView;
|
|
}
|
|
|
|
- (NSArray<MessageMenuModel *> *)menuList {
|
|
if (!_menuList) {
|
|
MessageMenuModel * phototModel = [[MessageMenuModel alloc] init];
|
|
phototModel.imageName = @"message_session_menu_photo";
|
|
phototModel.type= MessageMenuType_Photo;
|
|
|
|
MessageMenuModel * giftModel = [[MessageMenuModel alloc] init];
|
|
giftModel.imageName = @"message_session_menu_gift";
|
|
giftModel.type= MessageMenuType_Gift;
|
|
|
|
_menuList = @[phototModel, giftModel];
|
|
}
|
|
return _menuList;
|
|
}
|
|
|
|
- (SessionAudioRecordView *)audioRecordView {
|
|
if (!_audioRecordView) {
|
|
_audioRecordView = [[SessionAudioRecordView alloc] init];
|
|
}
|
|
return _audioRecordView;
|
|
}
|
|
|
|
|
|
|
|
@end
|