iOS系統(tǒng)表情鍵盤

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] 獲取系統(tǒng)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;
    //每個分區(qū)的左右邊距
    CGFloat sectionOffset = (kScreenWidth - 8 * 30 - 7 * 15) / 2;
    //分區(qū)內容偏移
    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:@"發(fā)送" 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];
    }
}

//發(fā)送表情
- (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
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末帖努,一起剝皮案震驚了整個濱河市灵汪,隨后出現(xiàn)的幾起案子戒傻,更是在濱河造成了極大的恐慌脑奠,老刑警劉巖纸泄,帶你破解...
    沈念sama閱讀 206,311評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件赖钞,死亡現(xiàn)場離奇詭異,居然都是意外死亡聘裁,警方通過查閱死者的電腦和手機雪营,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,339評論 2 382
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來衡便,“玉大人献起,你說我怎么就攤上這事×蜕拢” “怎么了谴餐?”我有些...
    開封第一講書人閱讀 152,671評論 0 342
  • 文/不壞的土叔 我叫張陵,是天一觀的道長呆抑。 經常有香客問我岂嗓,道長,這世上最難降的妖魔是什么鹊碍? 我笑而不...
    開封第一講書人閱讀 55,252評論 1 279
  • 正文 為了忘掉前任厌殉,我火速辦了婚禮,結果婚禮上侈咕,老公的妹妹穿的比我還像新娘公罕。我一直安慰自己,他們只是感情好耀销,可當我...
    茶點故事閱讀 64,253評論 5 371
  • 文/花漫 我一把揭開白布楼眷。 她就那樣靜靜地躺著,像睡著了一般熊尉。 火紅的嫁衣襯著肌膚如雪罐柳。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,031評論 1 285
  • 那天狰住,我揣著相機與錄音硝清,去河邊找鬼。 笑死转晰,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播查邢,決...
    沈念sama閱讀 38,340評論 3 399
  • 文/蒼蘭香墨 我猛地睜開眼蔗崎,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了扰藕?” 一聲冷哼從身側響起缓苛,我...
    開封第一講書人閱讀 36,973評論 0 259
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎邓深,沒想到半個月后未桥,有當地人在樹林里發(fā)現(xiàn)了一具尸體,經...
    沈念sama閱讀 43,466評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡芥备,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 35,937評論 2 323
  • 正文 我和宋清朗相戀三年冬耿,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片萌壳。...
    茶點故事閱讀 38,039評論 1 333
  • 序言:一個原本活蹦亂跳的男人離奇死亡亦镶,死狀恐怖,靈堂內的尸體忽然破棺而出袱瓮,到底是詐尸還是另有隱情缤骨,我是刑警寧澤,帶...
    沈念sama閱讀 33,701評論 4 323
  • 正文 年R本政府宣布尺借,位于F島的核電站绊起,受9級特大地震影響,放射性物質發(fā)生泄漏燎斩。R本人自食惡果不足惜虱歪,卻給世界環(huán)境...
    茶點故事閱讀 39,254評論 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望瘫里。 院中可真熱鬧实蔽,春花似錦、人聲如沸谨读。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,259評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽劳殖。三九已至铐尚,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間哆姻,已是汗流浹背宣增。 一陣腳步聲響...
    開封第一講書人閱讀 31,485評論 1 262
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留矛缨,地道東北人爹脾。 一個月前我還...
    沈念sama閱讀 45,497評論 2 354
  • 正文 我出身青樓帖旨,卻偏偏與公主長得像,于是被迫代替她去往敵國和親灵妨。 傳聞我的和親對象是個殘疾皇子解阅,可洞房花燭夜當晚...
    茶點故事閱讀 42,786評論 2 345

推薦閱讀更多精彩內容