新浪微博客户端(42)-完善表情键盘的工具条

Posted 夜行过客

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了新浪微博客户端(42)-完善表情键盘的工具条相关的知识,希望对你有一定的参考价值。

 

DJEmotionTabBar.m

//
//  DJEmotionTabBar.m
//  微博
//
//  Created by 海月高 on 16/11/26.
//  Copyright © 2016年 yongdaimi. All rights reserved.
//

#import "DJEmotionTabBar.h"
#import "DJEmotionTabBarButton.h"

@interface DJEmotionTabBar()

@property (nonatomic,weak) UIButton *selectedBtn;

@end

@implementation DJEmotionTabBar


- (instancetype)initWithFrame:(CGRect)frame
{
    self = [super initWithFrame:frame];
    if (self) {
    
        // 添加选项btn
        [self setupBtnTitle:@"最近" type:DJEmotionTabBarButtonTypeRecent];
        DJEmotionTabBarButton *defaultBtn = [self setupBtnTitle:@"默认" type:DJEmotionTabBarButtonTypeDefault];
        [self setupBtnTitle:@"Emoji" type:DJEmotionTabBarButtonTypeEmoji];
        [self setupBtnTitle:@"浪小花" type:DJEmotionTabBarButtonTypeLxh];
        
        
        // 设置“默认”选项的btn为选中状态
        [self btnClick:defaultBtn];
        
    }
    return self;
}



- (DJEmotionTabBarButton *)setupBtnTitle:(NSString *)title type:(DJEmotionTabBarButtonType)buttonType{

    
    DJEmotionTabBarButton *btn = [[DJEmotionTabBarButton alloc] init];
    [btn setTitle:title forState:UIControlStateNormal];
    
    [btn setTitleColor:DJColor(140,140,140) forState:UIControlStateNormal];
    [btn setTitleColor:DJColor(86, 86, 86) forState:UIControlStateSelected];
    
    
    [btn setBackgroundImage:[UIImage imageNamed:@"compose_emotion_table_normal"] forState:UIControlStateNormal];
    [btn setBackgroundImage:[UIImage imageNamed:@"compose_emotion_table_selected"] forState:UIControlStateSelected];
    [btn addTarget:self action:@selector(btnClick:) forControlEvents:UIControlEventTouchDown];

    btn.titleLabel.font = [UIFont systemFontOfSize:13];
    
    [btn setTag:buttonType];
    
    [self addSubview:btn];
    
    return btn;

}



- (void)layoutSubviews {

    [super layoutSubviews];
    NSUInteger count =  self.subviews.count;
    CGFloat btnY = 0;
    CGFloat btnH = self.height;
    CGFloat btnW = self.width / count;
    for (int i = 0; i < count; i++) {
        UIButton *btn = self.subviews[i];
        btn.x = i * btnW;
        btn.y = btnY;
        btn.width = btnW;
        btn.height = btnH;
    }
    
}



- (void)btnClick:(DJEmotionTabBarButton *)btn {

    self.selectedBtn.selected = NO;
    btn.selected = YES;
    self.selectedBtn = btn;
    
    // 传递点击消息
    if ([self.delegate respondsToSelector:@selector(emotionTabBar:didSelectedButtonType:)]) {
        DJEmotionTabBarButtonType type =  (DJEmotionTabBarButtonType)btn.tag;
        [self.delegate emotionTabBar:self didSelectedButtonType:type];
    }
    
}


@end

最终效果:

 

以上是关于新浪微博客户端(42)-完善表情键盘的工具条的主要内容,如果未能解决你的问题,请参考以下文章

新浪微博客户端(48)-添加删除按钮到表情键盘

新浪微博客户端(38)-显示键盘上的工具条

新浪微博客户端(46)-点击表情按钮弹出表情

新浪微博客户端(53)-记录用户最近点击表情

新浪微博客户端(49)-删除输入的Emotion表情

新浪微博客户端(45)-显示表情