本文将带你了解IOS开发入门IOS--聊天界面底部菜单栏，希望本文对大家学IOS有所帮助。

IOS--聊天界面底部菜单栏。

实现的思路主要是：约束动画。

实现较简单，这里直接上代码：

。h文件：

?

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

#import <uikit uikit.h="">

@protocol   ShowMoreOptionListener   <nsobject>

@optional

-(void)   onChangListener;

@end

@class ScrollView;

/**

 底部菜单视图

 */

@interface   BottomMenuView :   UIView

@property(nonatomic,strong) UIView*   showPartView;         //总是可见部分

@property(nonatomic,strong) UIView*   hiddenPartView;     //底部隐藏部分，需要点击显示部分才能显示出来

@property(nonatomic,weak) id<showmoreoptionlistener>   delegate;  //下面更多操作菜单的的状态代理器

@property(nonatomic,strong) ScrollView*   emojiPanel;

-(void)   buildOptionMenu;

@end

</showmoreoptionlistener></nsobject></uikit>

.m文件：

#import   "BottomMenuView.h"

#import   "Masonry.h"

#import "QuickWordsView.h"

#import "ScrollView.h"

#import "Constants.h"

static const int QuickChat   = 31;

static   const int Emoji = 32;

static const int AddType = 33;

static const int EmojiPanel = 34;

static const int QuickChatPanel = 34;

@implementation BottomMenuView

-(instancetype)   initWithFrame:(CGRect)frame{

    if(self = [super initWithFrame:frame]){}

    return self;

}

-(void)   buildOptionMenu{

    self.showPartView = [[UIView alloc]   init];

    //self.showPartView.backgroundColor =   [UIColor greenColor];

    [self   addSubview:self.showPartView];

    //添加showPartView约束

    [self.showPartView   mas_makeConstraints:^(MASConstraintMaker *make)   {

        make.right.equalTo(self).offset(0);

        make.top.equalTo(self);

        make.left.equalTo(self);

        make.height.mas_equalTo(40);

    }];

    UIButton* showQuickWordsBtn = [[UIButton   alloc] init];

    [showQuickWordsBtn setImage:[UIImage   imageNamed:@"ic_chat_input_method"]   forState:UIControlStateNormal];

    showQuickWordsBtn.imageView.contentMode =   UIViewContentModeScaleAspectFit;

    showQuickWordsBtn.contentHorizontalAlignment   = UIControlContentHorizontalAlignmentLeft;

    showQuickWordsBtn.imageEdgeInsets =   UIEdgeInsetsMake(0, -10,   0, 0);

    showQuickWordsBtn.tag =   QuickChat;

    [showQuickWordsBtn addTarget:self   action:@selector(onClick:)   forControlEvents:UIControlEventTouchUpInside];

    [self.showPartView   addSubview:showQuickWordsBtn];

    [showQuickWordsBtn mas_makeConstraints:^(MASConstraintMaker   *make) {

        make.leading.equalTo(self.showPartView).offset(0);

        make.top.equalTo(self.showPartView);

        make.size.mas_equalTo(CGSizeMake(90, 40));

    }];

    //中间编辑框

    UITextView* editText = [[UITextView alloc]   init];

    [self.showPartView   addSubview:editText];

    [editText   mas_makeConstraints:^(MASConstraintMaker *make)   {

        make.leading.equalTo(showQuickWordsBtn.mas_trailing).offset(-10);

        make.centerY.equalTo(showQuickWordsBtn.mas_centerY);

        make.height.mas_equalTo(37);

        make.trailing.equalTo(self.showPartView).offset(-100);

    }];

    //设置编辑框底部线

    UIView* editTextbottomLine = [[UIView alloc]   init];

    editTextbottomLine.backgroundColor = [UIColor   blackColor];

    [self.showPartView   addSubview:editTextbottomLine];

    [editTextbottomLine mas_makeConstraints:^(MASConstraintMaker   *make) {

        make.leading.equalTo(showQuickWordsBtn.mas_trailing).offset(-10);

        make.top.equalTo(showQuickWordsBtn.mas_bottom);

        make.height.mas_equalTo(1.0);

        make.trailing.equalTo(self.showPartView).offset(-100);

    }];

    //创建表情

    UIButton* emojiBtn = [[UIButton alloc]   init];

    [emojiBtn setImage:[UIImage   imageNamed:@"ic_emoji.png"]   forState:UIControlStateNormal];

    emojiBtn.imageView.contentMode =   UIViewContentModeScaleAspectFit;

    emojiBtn.tag =   Emoji;

    [emojiBtn addTarget:self   action:@selector(onClick:) forControlEvents:UIControlEventTouchUpInside];

    [self addSubview:emojiBtn];

    [emojiBtn mas_makeConstraints:^(MASConstraintMaker   *make) {

        make.leading.equalTo(editText.mas_trailing).offset(5);

        make.centerY.equalTo(self.showPartView.mas_centerY);

        make.size.mas_equalTo(CGSizeMake(38, 38));

    }];

    //创建+btn

    UIButton* addBtn = [[UIButton alloc]   init];

    [addBtn setImage:[UIImage   imageNamed:@"ic_gallery_add.png"]   forState:UIControlStateNormal];

    addBtn.imageView.contentMode =   UIViewContentModeScaleAspectFit;

    addBtn.tag =   AddType;

    [addBtn addTarget:self   action:@selector(onClick:)   forControlEvents:UIControlEventTouchUpInside];

    [self addSubview:addBtn];

    [addBtn   mas_makeConstraints:^(MASConstraintMaker *make) {

        make.right.equalTo(self.showPartView).offset(-10    

本文由职坐标整理并发布，希望对同学们有所帮助。了解更多详情请关注职坐标移动开发之IOS频道！