美文网首页iOS开发技术
iOS系统表情键盘

iOS系统表情键盘

作者: 倪大头 | 来源:发表于2018-08-20 15:51 被阅读700次

    UITextField和UITextView的inputView属性就是用来加入自定义键盘的,使用时赋值即可:

    myTF.inputView = _emojiView;
    

    恢复默认键盘:

    myTF.inputView = nil;
    

    有了这个属性我们只需要写一个自定义的键盘View
    .h:

    #import <UIKit/UIKit.h>
    
    @protocol CustomEmojiDelegate;
    
    @interface CustomEmojiView : UIView
    
    @property (nonatomic, weak) id<CustomEmojiDelegate> delegate;
    
    @end
    
    @protocol CustomEmojiDelegate <NSObject>
    
    @optional
    
    - (void)didClickEmojiLabel:(NSString *)emojiStr;
    
    - (void)didClickSendEmojiBtn;
    
    @end
    

    // [self defaultEmoticons] 获取系统emoji表情,用collectionView展示出来,展示带有emoji表情的字符串时要先转码

    [contentStr stringByReplacingPercentEscapesUsingEncoding:NSUTF8StringEncoding];
    

    .m

    #import "CustomEmojiView.h"
    
    //将数字转为
    #define EMOJI_CODE_TO_SYMBOL(x) ((((0x808080F0 | (x & 0x3F000) >> 4) | (x & 0xFC0) << 10) | (x & 0x1C0000) << 18) | (x & 0x3F) << 24);
    
    @interface CustomEmojiView () <UICollectionViewDelegate,UICollectionViewDataSource>
    
    @end
    
    @implementation CustomEmojiView
    {
        NSArray *emojiArray;
    }
    
    - (instancetype)initWithFrame:(CGRect)frame {
        self = [super initWithFrame:frame];
        if (self) {
            self.backgroundColor = [UIColor colorWithHexString:@"f5f5f6"];
            emojiArray = [self defaultEmoticons];
            [self createUI];
        }
        return self;
    }
    
    - (void)createUI {
        UICollectionViewFlowLayout *layout = [[UICollectionViewFlowLayout alloc]init];
        layout.itemSize = CGSizeMake(30, 30);
        layout.scrollDirection = UICollectionViewScrollDirectionHorizontal;
        layout.minimumLineSpacing = 15;
        layout.minimumInteritemSpacing = 15;
        //每个分区的左右边距
        CGFloat sectionOffset = (kScreenWidth - 8 * 30 - 7 * 15) / 2;
        //分区内容偏移
        layout.sectionInset = UIEdgeInsetsMake(30, sectionOffset, 30, sectionOffset);
        
        UICollectionView *myCollectionView = [[UICollectionView alloc]initWithFrame:CGRectMake(0, 0, self.frame.size.width, self.frame.size.height - 50) collectionViewLayout:layout];
        myCollectionView.backgroundColor = [UIColor colorWithHexString:@"f5f5f6"];
        myCollectionView.delegate = self;
        myCollectionView.dataSource = self;
        myCollectionView.bounces = NO;
        myCollectionView.pagingEnabled = YES;
        myCollectionView.showsVerticalScrollIndicator = NO;
        myCollectionView.showsHorizontalScrollIndicator = NO;
        [myCollectionView registerClass:[UICollectionViewCell class] forCellWithReuseIdentifier:@"emojiCell"];
        [self addSubview:myCollectionView];
        
        UIView *emojiFooter = [[UIView alloc]initWithFrame:CGRectMake(0, self.frame.size.height - 50, self.frame.size.width, 50)];
        emojiFooter.backgroundColor = [UIColor whiteColor];
        [self addSubview:emojiFooter];
        
        UIButton *sendEmojiBtn = [[UIButton alloc]initWithFrame:CGRectMake(emojiFooter.frame.size.width - 70, 0, 70, emojiFooter.frame.size.height)];
        [sendEmojiBtn setTitle:@"发送" forState:UIControlStateNormal];
        [sendEmojiBtn setTitleColor:[UIColor whiteColor] forState:UIControlStateNormal];
        sendEmojiBtn.backgroundColor = [UIColor colorWithHexString:@"fa2447"];
        [emojiFooter addSubview:sendEmojiBtn];
        [sendEmojiBtn addTarget:self action:@selector(sendEmoji) forControlEvents:UIControlEventTouchUpInside];
    }
    
    - (NSInteger)numberOfSectionsInCollectionView:(UICollectionView *)collectionView {
        return (emojiArray.count / 24) + (emojiArray.count % 24 == 0 ? 0 : 1);
    }
    
    - (NSInteger)collectionView:(UICollectionView *)collectionView numberOfItemsInSection:(NSInteger)section {
        if (((emojiArray.count / 24) + (emojiArray.count % 24 == 0 ? 0 : 1)) != section + 1) {
            return 24;
        }else {
            return emojiArray.count - 24 * section;
        }
    }
    
    - (UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath {
        static NSString *identifier = @"emojiCell";
        UICollectionViewCell *cell = [collectionView dequeueReusableCellWithReuseIdentifier:identifier forIndexPath:indexPath];
        if (!cell) {
            cell = [[UICollectionViewCell alloc]init];
        }
        
        [self setCell:cell withIndexPath:indexPath];
        
        return cell;
    }
    
    - (void)setCell:(UICollectionViewCell *)cell withIndexPath:(NSIndexPath *)indexPath {
        [cell.contentView.subviews makeObjectsPerformSelector:@selector(removeFromSuperview)];
        
        UILabel *emojiLabel = [[UILabel alloc]initWithFrame:CGRectMake(0, 0, 30, 30)];
        emojiLabel.text = emojiArray[indexPath.section * 24 + indexPath.row];
        emojiLabel.font = [UIFont systemFontOfSize:25];
        [cell.contentView addSubview:emojiLabel];
    }
    
    - (void)collectionView:(UICollectionView *)collectionView didSelectItemAtIndexPath:(NSIndexPath *)indexPath {
        NSString *emojiStr = emojiArray[indexPath.section * 24 + indexPath.row];
        //NSLog(@"表情 %@", emojiStr);
        if (self.delegate && [self.delegate respondsToSelector:@selector(didClickEmojiLabel:)]) {
            [self.delegate didClickEmojiLabel:emojiStr];
        }
    }
    
    //发送表情
    - (void)sendEmoji {
        if (self.delegate && [self.delegate respondsToSelector:@selector(didClickSendEmojiBtn)]) {
            [self.delegate didClickSendEmojiBtn];
        }
    }
    
    //表情包
    - (NSArray *)defaultEmoticons {
        NSMutableArray *array = [NSMutableArray new];
        for (int i = 0x1F600; i <= 0x1F64F; i++) {
            if (i < 0x1F641 || i > 0x1F644) {
                int sym = EMOJI_CODE_TO_SYMBOL(i);
                NSString *emoT = [[NSString alloc] initWithBytes:&sym length:sizeof(sym) encoding:NSUTF8StringEncoding];
                [array addObject:emoT];
            }
        }
        return array;
    }
    
    @end
    

    相关文章

      网友评论

        本文标题:iOS系统表情键盘

        本文链接:https://www.haomeiwen.com/subject/hpjliftx.html