IM界面输入框及键盘实现

上篇已经能够收发消息了，这篇将讲解如何实现聊天界面的键盘功能，效果图如下

效果图.gif

该界面分为两个部分，上部分是显示消息流，而下部分是一个工具栏其包括语音按钮、输入框、表情按钮、更多按钮等视图。上部分用一个tableView就可以实现了，而下部分如何封装？好我们先看工具栏的结构，细看其分为两个部分，从上到下看；上部分为语音按钮、输入框、表情按钮、更多按钮；下部分是表情页、更多页的详情视图。其示意图如下

工具栏.png

好现在我们就用代码来实现上面的结构：

//LXChatViewController.m
@interface LXChatViewController ()<UITableViewDelegate, UITableViewDataSource, LXChatBarViewDelegate>

@property (nonatomic, strong) UITableView *tableView;
@property (nonatomic, strong) LXChatBarView *barView;
@end
@implementation LXChatViewController

#pragma mark - life cycle
- (void)viewDidLoad {
    //
    UITableView *tableView = [[UITableView alloc] initWithFrame:tbRect style:UITableViewStylePlain];
       ...
    [self.view addSubview:tableView];

    CGRect barRect = CGRectMake(inset.left, CGRectGetMaxY(tbRect), CGRectGetWidth(deviceBounds), 50 + 250 + LXGlobalDefined.safeInset.bottom);
    LXChatBarView *barView = [[LXChatBarView alloc] initWithFrame:barRect];
    barView.delegate = self;
    [self.view addSubview:barView];
    self.barView = barView;
}

- (void)viewWillAppear:(BOOL)animated {
    [super viewWillAppear:animated];
    [[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(keyboardWillShow:) name:UIKeyboardWillShowNotification object:nil];
    [[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(keyboardWillHiden:) name:UIKeyboardWillHideNotification object:nil];
}

- (void)viewWillDisappear:(BOOL)animated {
    [super viewWillDisappear:animated];
    [[NSNotificationCenter defaultCenter] removeObserver:self];
}

#pragma mark - notification
- (void)keyboardWillShow:(NSNotification *)notification {
    //LXLog(@"show keyboard %@", notification);
    CGRect keyboardBeginFrame = [notification.userInfo[UIKeyboardFrameBeginUserInfoKey] CGRectValue];
    CGRect keyboardEndFrame = [notification.userInfo[UIKeyboardFrameEndUserInfoKey] CGRectValue];
    LXLog(@"begin frame %@, end frame %@", NSStringFromCGRect(keyboardBeginFrame), NSStringFromCGRect(keyboardEndFrame));
    CGSize size = keyboardEndFrame.size;
    CGRect barFrame = self.barView.frame;
    UIEdgeInsets inset = LXGlobalDefined.safeInset;
    CGFloat distance = size.height - inset.bottom + self.barView.barHeight - 50;
    CGFloat barY = LXdeviceHeight - size.height - self.barView.barHeight;
    [UIView animateWithDuration:0.25 delay:0 options:UIViewAnimationOptionCurveEaseInOut animations:^{
        self.barView.frame = CGRectMake(barFrame.origin.x, barY, barFrame.size.width, barFrame.size.height);
        self.tableView.contentInset = UIEdgeInsetsMake(0, 0, distance + insetBottom, 0);
        if (self.list.count > 0) {
            [self scrollToListBottomWithAnimation:false needReloadList:false];
        }
    } completion:^(BOOL finished) {
        
    }];
}

- (void)keyboardWillHiden:(NSNotification *)notification {
    //LXLog(@"hiden keyboard %@", notification);
    LXBarViewShowType type = self.barView.showType;
    if (type == LXBarViewShowTypeMore || type == LXBarViewShowTypeEmoji) {
        return;
    }
    CGRect beginFrame = [notification.userInfo[UIKeyboardFrameBeginUserInfoKey] CGRectValue];
    CGRect endFrame = [notification.userInfo[UIKeyboardFrameEndUserInfoKey] CGRectValue];
    LXLog(@"begin frame %@, end frame %@", NSStringFromCGRect(beginFrame), NSStringFromCGRect(endFrame));
    CGRect barFrame = self.barView.frame;
    UIEdgeInsets inset = LXGlobalDefined.safeInset;
    CGFloat barY = LXdeviceHeight - inset.bottom - self.barView.barHeight;
    
    [UIView animateWithDuration:0.25 animations:^{
        self.barView.frame = CGRectMake(barFrame.origin.x, barY, barFrame.size.width, barFrame.size.height);
        self.tableView.contentInset = UIEdgeInsetsMake(0, 0, insetBottom + self.barView.barHeight - 50, 0);
    }];
}

#pragma mark - UIScrollViewDelegate
- (void)scrollViewWillBeginDragging:(UIScrollView *)scrollView {
    //UIKeyboardWillHideNotification
    if (self.barView.showType == LXBarViewShowTypeText) {
        [self.view endEditing:true];
    } else if (self.barView.showType == LXBarViewShowTypeMore) {
        CGSize size = self.barView.moreView.frame.size;
        [self hidenKeyboardSize:size];
    } else if (self.barView.showType == LXBarViewShowTypeEmoji) {
        CGSize size = self.barView.emojiView.frame.size;
        [self hidenKeyboardSize:size];
    } else if (self.barView.showType == LXBarViewShowTypeAudio) {
        return;
    }
    self.barView.showType = LXBarViewShowTypeNone;
}

- (void)hidenKeyboardSize:(CGSize)size {
    CGRect barFrame = self.barView.frame;
    UIEdgeInsets inset = LXGlobalDefined.safeInset;
    CGFloat barY = LXdeviceHeight - self.barView.barHeight - inset.bottom;
    [UIView animateWithDuration:0.25 delay:0 options:UIViewAnimationOptionCurveEaseInOut animations:^{
        self.barView.frame = CGRectMake(barFrame.origin.x, barY, CGRectGetWidth(barFrame), CGRectGetHeight(barFrame));
        self.tableView.contentInset = UIEdgeInsetsMake(0, 0, insetBottom + self.barView.barHeight - 50, 0);
    } completion:^(BOOL finished) {
        self.barView.emojiView.hidden = true;
        self.barView.moreView.hidden = true;
    }];
}

#pragma mark - LXChatBarViewDelegate
- (void)barView:(LXChatBarView *)barView willShowKeyboard:(LXBarViewShowType)type size:(CGSize)size {
    CGRect barFrame = self.barView.frame;
    UIEdgeInsets inset = LXGlobalDefined.safeInset;
    CGFloat distance = size.height + barView.barHeight - 50;
    CGFloat barY = LXdeviceHeight - size.height - barView.barHeight - inset.bottom;
    [UIView animateWithDuration:0.25 delay:0 options:UIViewAnimationOptionCurveEaseInOut animations:^{
        self.barView.frame = CGRectMake(barFrame.origin.x, barY, barFrame.size.width, barFrame.size.height);
        self.tableView.contentInset = UIEdgeInsetsMake(0, 0, distance + insetBottom, 0);
        if (self.list.count > 0) {
            [self scrollToListBottomWithAnimation:false needReloadList:false];
        }
    } completion:^(BOOL finished) {
        
    }];
}

- (void)barView:(LXChatBarView *)barView willHidenKeyboard:(LXBarViewShowType)type size:(CGSize)size {
    CGRect barFrame = self.barView.frame;
    UIEdgeInsets inset = LXGlobalDefined.safeInset;
    CGFloat barY = LXdeviceHeight - barView.barHeight - inset.bottom;
    [UIView animateWithDuration:0.25 delay:0 options:UIViewAnimationOptionCurveEaseInOut animations:^{
        self.barView.frame = CGRectMake(barFrame.origin.x, barY, CGRectGetWidth(barFrame), CGRectGetHeight(barFrame));
        self.tableView.contentInset = UIEdgeInsetsMake(0, 0, insetBottom, 0);
    } completion:^(BOOL finished) {
        self.barView.emojiView.hidden = true;
        self.barView.moreView.hidden = true;
    }];
}

- (void)barView:(LXChatBarView *)barView barHeightWillChange:(CGFloat)height {
    UIEdgeInsets inset = self.tableView.contentInset;
    [UIView animateWithDuration:0.25 delay:0 options:UIViewAnimationOptionCurveEaseInOut animations:^{
        self.tableView.contentInset = UIEdgeInsetsMake(0, 0, inset.bottom - height, 0);
        if (self.list.count > 0) {
            NSIndexPath *indexPath = [NSIndexPath indexPathForRow:self.list.count - 1 inSection:0];
            [self.tableView scrollToRowAtIndexPath:indexPath atScrollPosition:UITableViewScrollPositionBottom animated:false];
        }
    } completion:^(BOOL finished) {
        
    }];
}

消息流界面中关键代码是在Controller的viewWillAppear注册通知，在viewWillDisappear移除通知，显示键盘和隐藏键盘时tableView的动画其实是修改它的contentInset来实现；然后再设置了bar的delegate。再看工具栏的关键代码具体实现

#pragma mark - event
- (void)setTextViewIfneed {
    if (self.text) {
        self.textView.text = self.text;
    }
}
- (void)tapEmoji:(UIButton *)button {
    [self setTextViewIfneed];
    if (self.showType == LXBarViewShowTypeMore) {
        // 隐藏more键盘
        self.moreView.hidden = true;
        // 显示emoji键盘
        [self showEmoji:true];
        return;
    }
    if (self.showType == LXBarViewShowTypeEmoji) {
        // 显示系统键盘
        [self.textView becomeFirstResponder];
        return;
    }
    if (self.showType == LXBarViewShowTypeAudio) {
        //
        
        // 显示emoji键盘
        [self showEmoji:false];
        return;
    }
    if (self.showType == LXBarViewShowTypeText) {
        self.showType = LXBarViewShowTypeEmoji;
        // 隐藏系统键盘
        [self.textView resignFirstResponder];
    }
    // 显示emoji键盘
    [self showEmoji:false];
}

- (void)showEmoji:(BOOL)animated {
    self.emojiView.hidden = false;
    self.moreView.hidden = true;
    CGSize size = self.emojiView.frame.size;
    if ([self.delegate respondsToSelector:@selector(barView:willShowKeyboard:size:)]) {
        [self.delegate barView:self willShowKeyboard:LXBarViewShowTypeEmoji size:size];
    }
    self.showType = LXBarViewShowTypeEmoji;
    [self.emojiBtn setImage:[UIImage imageNamed:@"keyboard"] forState:UIControlStateNormal];
    if (animated) {
        CGRect frame = self.emojiView.frame;
        CGRect begin = CGRectMake(CGRectGetMinX(frame), CGRectGetHeight(frame), CGRectGetWidth(frame), CGRectGetHeight(frame));
        self.emojiView.frame = begin;
        [UIView animateWithDuration:0.25 delay:0 options:UIViewAnimationOptionCurveEaseInOut animations:^{
            self.emojiView.frame = frame;
        } completion:^(BOOL finished) {
            
        }];
    }
}

- (void)reEmojiInit {
    [self.emojiBtn setImage:[UIImage imageNamed:@"emoji"] forState:UIControlStateNormal];
}

- (void)tapMore:(UIButton *)button {
    [self setTextViewIfneed];
    if (self.showType == LXBarViewShowTypeMore) {
        // 显示系统键盘
        [self.textView becomeFirstResponder];
        return;
    }
    if (self.showType == LXBarViewShowTypeAudio) {
        // 隐藏语音相关
        
        // 弹起more键盘
        [self showMore:false];
        return;
    }
    if (self.showType == LXBarViewShowTypeEmoji) {
        // 隐藏emoji键盘
        self.emojiView.hidden = true;
        // 弹起more键盘
        [self showMore:true];
        return;
    }
    if (self.showType == LXBarViewShowTypeText) {
        self.showType = LXBarViewShowTypeMore;
        // 隐藏系统键盘
        [self.textView resignFirstResponder];
    }
    // 弹起more键盘
    [self showMore:false];
}

- (void)showMore:(BOOL)animated {
    self.moreView.hidden = false;
    self.emojiView.hidden = true;
    if ([self.delegate respondsToSelector:@selector(barView:willShowKeyboard:size:)]) {
        CGSize size = self.moreView.bounds.size;
        [self.delegate barView:self willShowKeyboard:LXBarViewShowTypeMore size:size];
    }
    self.showType = LXBarViewShowTypeMore;
    if (animated) {
        CGRect frame = self.moreView.frame;
        CGRect begin = CGRectMake(CGRectGetMinX(frame), CGRectGetHeight(frame), CGRectGetWidth(frame), CGRectGetHeight(frame));
        self.moreView.frame = begin;
        [UIView animateWithDuration:0.25 delay:0 options:UIViewAnimationOptionCurveEaseInOut animations:^{
            self.moreView.frame = frame;
        } completion:^(BOOL finished) {
            
        }];
    }
}

- (void)tapAudio:(UIButton *)button {
    if (self.showType == LXBarViewShowTypeAudio) {
        // 显示系统键盘
        self.textView.text = self.text;
        [self.textView becomeFirstResponder];
        return;
    }
    self.textView.text = nil;
    if (self.showType == LXBarViewShowTypeEmoji || self.showType == LXBarViewShowTypeMore) {
        // 获取size
        CGSize size = self.showType == LXBarViewShowTypeEmoji? self.emojiView.frame.size: self.moreView.frame.size;
        // 隐藏
        if ([self.delegate respondsToSelector:@selector(barView:willHidenKeyboard:size:)]) {
            [self.delegate barView:self willHidenKeyboard:self.showType size:size];
        }
        [self showAudio];
        return;
    }
    [self showAudio];
    [self.textView resignFirstResponder];
}

- (void)showAudio {
    self.showType = LXBarViewShowTypeAudio;
    //
    [self.audioBtn setImage:[UIImage imageNamed:@"keyboard"] forState:UIControlStateNormal];
    //
    self.placeLabel.hidden = false;
    self.placeLabel.text = LXAudioPressTalk;
}

- (void)reAudioInit {
    //
    [self.audioBtn setImage:[UIImage imageNamed:@"audio"] forState:UIControlStateNormal];
    //
    self.placeLabel.hidden = true;
}

- (void)pressAudio:(UILongPressGestureRecognizer *)gesture {
    UIGestureRecognizerState state = gesture.state;
    CGPoint point = CGPointZero;
    switch (state) {
        case UIGestureRecognizerStateBegan: {
            LXLog(@"begin press");
            break;
            }
        case UIGestureRecognizerStateChanged: {
            //LXLog(@"changed");
            CGPoint temp = [gesture locationInView:self];
            LXLog(@"point = %@", NSStringFromCGPoint(temp));
            point = temp;
            break;
            }
        case UIGestureRecognizerStateCancelled: {
            LXLog(@"cancelled");
            break;
            }
        case UIGestureRecognizerStateFailed: {
            LXLog(@"failed");
            break;
            }
        case UIGestureRecognizerStateEnded: {
            LXLog(@"ended");
            break;
            }
        default:
            break;
    }
    [self showAudioTipViewBy:state pressPoint:point];
}

- (void)showAudioTipViewBy:(UIGestureRecognizerState)state pressPoint:(CGPoint)point {
    if (state == UIGestureRecognizerStateBegan) {
        self.recoderState = LXAudioRecoderStateBegin;
        self.placeLabel.text = LXAudioOutEnd;
        [self.audioRecoder record];
        if ([self.audioTipView superview]) {
            return;
        }
        CGRect dBounds = [UIScreen mainScreen].bounds;
        CGFloat wh = 120.0;
        CGFloat x = (CGRectGetWidth(dBounds) - wh) / 2;
        CGFloat y = (CGRectGetHeight(dBounds) - wh) / 2;
        self.audioTipView.frame = CGRectMake(x, y, wh, wh);
        self.audioTipView.image = [UIImage imageNamed:@"pressAudio"];
        [[UIApplication sharedApplication].keyWindow addSubview:self.audioTipView];
    } else if (state == UIGestureRecognizerStateChanged) {
        
        if (point.y < 0 || point.y > self.frame.size.height) {
            // 显示取消
            self.placeLabel.text = LXAudioOutCancel;
            self.audioTipView.image = [UIImage imageNamed:@"cancelAudio"];
            self.recoderState = LXAudioRecoderStateWillCancel;
        } else {
            // 显示结束
            self.placeLabel.text = LXAudioOutEnd;
            self.audioTipView.image = [UIImage imageNamed:@"pressAudio"];
            self.recoderState = LXAudioRecoderStateWillEnd;
        }
    } else if (state == UIGestureRecognizerStateEnded) {
        [self.audioTipView removeFromSuperview];
        self.placeLabel.text = LXAudioPressTalk;
        [self.audioRecoder stop];
    }
}
#pragma mark - getter/setter
- (void)setShowType:(LXBarViewShowType)showType {
    _showType = showType;
    if (showType == LXBarViewShowTypeAudio) {
        [self reEmojiInit];
    } else if (showType == LXBarViewShowTypeEmoji) {
        [self reAudioInit];
    } else {
        [self reEmojiInit];
        [self reAudioInit];
    }
}

到此工具栏上的语音、表情、更多按钮的事件处理已经完成；看效果图输入框是随着输入的字符其高度也会发生变化，因此需要自定义一个UITextView，并且需要将其高度变化的回调传到外部。

// LXTextView.h
typedef void(^LXTextViewHeightChange)(CGFloat height);
@interface LXTextView : UITextView

@property (nonatomic, assign) CGFloat maxHeight;
@property (nonatomic, copy) LXTextViewHeightChange heightChangeCallback;
@end

// LXTextView.m
static void *LXContentSizeContext = &LXContentSizeContext;
@interface LXTextView ()

@property (nonatomic, assign) CGFloat originHeight;
@property (nonatomic, assign) UIEdgeInsets inset;
@end
@implementation LXTextView

- (instancetype)initWithFrame:(CGRect)frame {
    if (self = [super initWithFrame:frame]) {
        self.layer.borderColor = UIColor.lightGrayColor.CGColor;
        self.layer.borderWidth = 1.0;
        self.maxHeight = 90;
        self.originHeight = CGRectGetHeight(frame);
        self.autocapitalizationType = UITextAutocapitalizationTypeNone;
        self.autocorrectionType = UITextAutocorrectionTypeNo;
        self.enablesReturnKeyAutomatically = true;
        self.layoutManager.allowsNonContiguousLayout = false;
        self.font = [UIFont systemFontOfSize:14.0];
        [self addObserver:self forKeyPath:@"contentSize" options:(NSKeyValueObservingOptionNew | NSKeyValueObservingOptionOld) context:LXContentSizeContext];
    }
    return self;
}

- (instancetype)init {
    return [self initWithFrame:CGRectZero];
}

- (void)dealloc {
    [self removeObserver:self forKeyPath:@"contentSize"];
}

- (void)observeValueForKeyPath:(NSString *)keyPath ofObject:(id)object change:(NSDictionary<NSKeyValueChangeKey,id> *)change context:(void *)context {
    if ([keyPath isEqualToString:@"contentSize"]) {
        LXLog(@"%@", change);
        CGSize newSize = [change[@"new"] CGSizeValue];
        CGSize oldSize = [change[@"old"] CGSizeValue];
        if (newSize.height != oldSize.height) {
            //
            LXLog(@"高度变化");
            CGFloat height = newSize.height > self.originHeight? newSize.height: self.originHeight;
            height = height < self.maxHeight? height: self.maxHeight;
            if (self.heightChangeCallback) {
                self.heightChangeCallback(height);
                //[self scrollRangeToVisible:NSMakeRange(self.text.length, 1)];
                dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t)(0 * NSEC_PER_SEC)), dispatch_get_main_queue(), ^{
                    CGRect visible = CGRectMake(0, self.contentSize.height - 15, self.contentSize.width, 15);
                    [self scrollRectToVisible:visible animated:false];
                });
            }
        }
    }
}
@end

textView高度变化其实是监听其contentSize的变化而做出具体的改变，另外scrollRectToVisible:animated:滚动到底部如果不延迟执行不起作用，具体是什么原因笔者也不知道，如有知悉者还请告知，甚是感谢。到此工具栏上部分的功能基本已经实现，接下来是实现表情、更多的详情页。
表情的详情页其实是由一个UICollectionView、UIPageControl、底部视图构成，其中需要自定义UICollectionView的layout，如何实现这个layout呢？请看具体代码

//  LXEmojiLayout.h
@interface LXEmojiLayout : UICollectionViewLayout

@property (nonatomic, assign) UIEdgeInsets sectionInset;
@property (nonatomic, assign) CGSize itemSize;
@property (nonatomic, assign) CGFloat linePadding;
@property (nonatomic, assign) CGFloat itemPadding;
@end

// LXEmojiLayout.m
@interface LXEmojiLayout ()

@property (nonatomic, assign) CGFloat totalWidth;
@property (nonatomic, strong) NSMutableArray *attrsArr;
@end
@implementation LXEmojiLayout

- (void)prepareLayout {
    [super prepareLayout];
    
    self.totalWidth = 0;
    NSMutableArray *attributesArr = [NSMutableArray array];
    NSInteger sectionCount = [self.collectionView numberOfSections];
    for (int i = 0; i < sectionCount; i++) {
        NSInteger itemCount = [self.collectionView numberOfItemsInSection:i];
        for (int j = 0; j < itemCount; j++) {
            NSIndexPath *indexPath = [NSIndexPath indexPathForItem:j inSection:i];
            UICollectionViewLayoutAttributes *attrs = [self layoutAttributesForItemAtIndexPath:indexPath];
            [attributesArr addObject:attrs];
        }
    }
    self.attrsArr = attributesArr;
}

//
- (CGSize)collectionViewContentSize {
    NSInteger sectionCount = [self.collectionView numberOfSections];
    CGFloat pageWidth = self.collectionView.bounds.size.width;
    return CGSizeMake(sectionCount * pageWidth, self.collectionView.bounds.size.height);
}

-(NSArray<UICollectionViewLayoutAttributes *> *)layoutAttributesForElementsInRect:(CGRect)rect {
    return self.attrsArr;
}

- (UICollectionViewLayoutAttributes *)layoutAttributesForItemAtIndexPath:(NSIndexPath *)indexPath {
    UICollectionViewLayoutAttributes *layoutAttributes = [UICollectionViewLayoutAttributes layoutAttributesForCellWithIndexPath:indexPath];
    CGFloat pageWidth = self.collectionView.bounds.size.width;
    CGSize itemSize = self.itemSize;
    CGFloat lPadding = self.linePadding;
    CGFloat hPadding = self.itemPadding;
    NSInteger index = indexPath.row % 8;
    NSInteger line = indexPath.row / 8;
    CGFloat x = indexPath.section * pageWidth + self.sectionInset.left + index * (itemSize.width + hPadding);
    CGFloat y = self.sectionInset.top + line * (itemSize.height + lPadding);
    layoutAttributes.frame = CGRectMake(x, y, itemSize.width, itemSize.height);
    return layoutAttributes;
}
@end

从代码上看LXEmojiLayout是继承UICollectionViewLayout，并重写了以下方法

// 初始化，在这里我们保存了cell的布局属性
- (void)prepareLayout; 
// 返回collectionView的contentSize
- (CGSize)collectionViewContentSize;         
// 返回rect内所有的cell的布局属性
-(NSArray<UICollectionViewLayoutAttributes *> *)layoutAttributesForElementsInRect:(CGRect)rect;
// 返回某个indexPath下的cell的布局属性，在这里我们改了其frame
- (UICollectionViewLayoutAttributes *)layoutAttributesForItemAtIndexPath:(NSIndexPath *)indexPath;
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
  • 人面猴
    序言：七十年代末，一起剥皮案震惊了整个滨河市，随后出现的几起案子，更是在滨河造成了极大的恐慌，老刑警刘岩，带你破解...
    沈念sama阅读 216,324评论 6赞 498
  • 死咒
    序言：滨河连续发生了三起死亡事件，死亡现场离奇诡异，居然都是意外死亡，警方通过查阅死者的电脑和手机，发现死者居然都...
    沈念sama阅读 92,356评论 3赞 392
  • 救了他两次的神仙让他今天三更去死
    文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
    开封第一讲书人阅读 162,328评论 0赞 353
  • 道士缉凶录：失踪的卖姜人
    文/不坏的土叔 我叫张陵，是天一观的道长。 经常有香客问我，道长，这世上最难降的妖魔是什么？ 我笑而不...
    开封第一讲书人阅读 58,147评论 1赞 292
  • 港岛之恋（遗憾婚礼）
    正文 为了忘掉前任，我火速办了婚礼，结果婚礼上，老公的妹妹穿的比我还像新娘。我一直安慰自己，他们只是感情好，可当我...
    茶点故事阅读 67,160评论 6赞 388
  • 恶毒庶女顶嫁案：这布局不是一般人想出来的
    文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
    开封第一讲书人阅读 51,115评论 1赞 296
  • 城市分裂传说
    那天，我揣着相机与录音，去河边找鬼。 笑死，一个胖子当着我的面吹牛，可吹牛的内容都是我干的。 我是一名探鬼主播，决...
    沈念sama阅读 40,025评论 3赞 417
  • 双鸳鸯连环套：你想象不到人心有多黑
    文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
    开封第一讲书人阅读 38,867评论 0赞 274
  • 万荣杀人案实录
    序言：老挝万荣一对情侣失踪，失踪者是张志新（化名）和其女友刘颖，没想到半个月后，有当地人在树林里发现了一具尸体，经...
    沈念sama阅读 45,307评论 1赞 310
  • 护林员之死
    正文 独居荒郊野岭守林人离奇死亡，尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,528评论 2赞 332
  • 白月光启示录
    正文 我和宋清朗相恋三年，在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,688评论 1赞 348
  • 活死人
    序言：一个原本活蹦乱跳的男人离奇死亡，死状恐怖，灵堂内的尸体忽然破棺而出，到底是诈尸还是另有隐情，我是刑警宁泽，带...
    沈念sama阅读 35,409评论 5赞 343
  • 日本核电站爆炸内幕
    正文 年R本政府宣布，位于F岛的核电站，受9级特大地震影响，放射性物质发生泄漏。R本人自食恶果不足惜，却给世界环境...
    茶点故事阅读 41,001评论 3赞 325
  • 男人毒药：我在死后第九天来索命
    文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹，春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,657评论 0赞 22
  • 一桩弑父案，背后竟有这般阴谋
    文/苍兰香墨 我抬头看了看天上的太阳。三九已至，却和暖如春，着一层夹袄步出监牢的瞬间，已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,811评论 1赞 268
  • 情欲美人皮
    我被黑心中介骗来泰国打工， 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留，地道东北人。 一个月前我还...
    沈念sama阅读 47,685评论 2赞 368
  • 代替公主和亲
    正文 我出身青楼，却偏偏与公主长得像，于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子，可洞房花烛夜当晚...
    茶点故事阅读 44,573评论 2赞 353