ios - 用UICollectionView實(shí)現(xiàn)瀑布流詳解

UICollectionView簡(jiǎn)介

關(guān)于UICollectionView萧吠，蘋果是這樣解釋的：管理數(shù)據(jù)項(xiàng)的有序集合陆淀，并使用可定制的布局呈現(xiàn)它們岸梨。在iOS中最簡(jiǎn)單的UICollectionView就是GirdView（網(wǎng)格視圖）,可以以多列的方式將數(shù)據(jù)進(jìn)行展示冒晰。標(biāo)準(zhǔn)的UICollectionView包含以下3個(gè)部分泌豆，他們都是UIView的子類：

  • Cell:用于展示內(nèi)容的主體插佛，可以定制其尺寸和內(nèi)容辟癌。
  • Supplementary view :用于追加視圖背苦，和UITableView里面的Header和Footer的作用類似。

  • Decoration View : 用于裝飾視圖献宫，是每個(gè)section的背景.


    標(biāo)準(zhǔn)UICollectionView的構(gòu)成

UICollectionView和UITableView對(duì)比

  • 相同點(diǎn)：
    • 都是繼承自UIScrollView钥平，支持滾動(dòng)。
    • 都支持?jǐn)?shù)據(jù)單元格的重用機(jī)制姊途。
    • 都是通過代理方法和數(shù)據(jù)源方法來實(shí)現(xiàn)控制和顯示涉瘾。
  • 不同點(diǎn)：
    • UICollectionView的section里面的數(shù)據(jù)單元叫做item，UITableView的叫做cell
    • UICollectionView的布局使用UICollectionViewLayou或者其子類UICollectionViewFlowLayout和容易實(shí)現(xiàn)自定義布局捷兰。

實(shí)現(xiàn)一個(gè)簡(jiǎn)單的UICollectionView的步驟：

由于UICollectionView和UITableView類似立叛，所以實(shí)現(xiàn)一個(gè)UICollectionView的步驟也和UITableView相同，最大的區(qū)別在與UICollectionView的布局贡茅。

  1. 創(chuàng)建布局
  • 使用UICollectionViewFlowLayout或者UICollectionViewLayou實(shí)現(xiàn)布局
  • 布局里面實(shí)現(xiàn)每個(gè)通過itemSize屬性設(shè)置item的的尺寸秘蛇。
  • 用scrollDirection屬性設(shè)置item的滾動(dòng)方向其做，垂直或者橫向。
typedef NS_ENUM(NSInteger, UICollectionViewScrollDirection) {
    UICollectionViewScrollDirectionVertical,
    UICollectionViewScrollDirectionHorizontal
};
  • 其他自定義布局
  1. 創(chuàng)建UICollectionView
  • 用- (instancetype)initWithFrame:(CGRect)frame collectionViewLayout:(UICollectionViewLayout *)layout方法進(jìn)行初始化
    UICollectionView * collectionView = [[UICollectionView alloc]initWithFrame:CGRectMake(0, 100, collectionViewW, collectionViewH) collectionViewLayout:layout];
  • 設(shè)置UICollectionView的代理為控制器
  1. 實(shí)現(xiàn)代理協(xié)議
@protocol UICollectionViewDataSource <NSObject>
@required
/**
* 返回每個(gè)section里面的item的數(shù)量
*/
- (NSInteger)collectionView:(UICollectionView *)collectionView numberOfItemsInSection:(NSInteger)section;

/**
* 返回每個(gè)item的具體樣式
*/
- ( UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath;

@optional
/**
* 返回有多少個(gè)section
*/
- (NSInteger)numberOfSectionsInCollectionView:(UICollectionView *)collectionView;

/**
* 返回UICollectionReusableView
*/
- (UICollectionReusableView *)collectionView:(UICollectionView *)collectionView viewForSupplementaryElementOfKind:(NSString *)kind atIndexPath:(NSIndexPath *)indexPath;

/**
* 設(shè)置某個(gè)Item是否可以移動(dòng)
*/
- (BOOL)collectionView:(UICollectionView *)collectionView canMoveItemAtIndexPath:(NSIndexPath *)indexPath ;

/**
*移動(dòng)item的使用調(diào)用的方法
*/
- (void)collectionView:(UICollectionView *)collectionView moveItemAtIndexPath:(NSIndexPath *)sourceIndexPath toIndexPath:(NSIndexPath*)destinationIndexPath ;

- (nullable NSArray<NSString *> *)indexTitlesForCollectionView:(UICollectionView *)collectionView ;

- (NSIndexPath *)collectionView:(UICollectionView *)collectionView indexPathForIndexTitle:(NSString *)title atIndex:(NSInteger)index ;

@end

示例代碼

#import "ViewController.h"

static NSString * const cellID = @"cellID";

@interface ViewController ()<UICollectionViewDataSource>

@end

@implementation ViewController


- (void)viewDidLoad {
    [super viewDidLoad];
    
    // 創(chuàng)建布局
    UICollectionViewFlowLayout * layout = [[UICollectionViewFlowLayout alloc]init];
    layout.itemSize = CGSizeMake(50, 50);
    layout.scrollDirection = UICollectionViewScrollDirectionHorizontal;

    // 創(chuàng)建collectionView
    CGFloat collectionViewW = self.view.frame.size.width;
    CGFloat collectionViewH = 200;
    UICollectionView * collectionView = [[UICollectionView alloc]initWithFrame:CGRectMake(0, 100, collectionViewW, collectionViewH) collectionViewLayout:layout];
    collectionView.backgroundColor = [UIColor blackColor];
    collectionView.dataSource = self;
    [self.view addSubview:collectionView];
    
    // 注冊(cè)
    [collectionView registerClass:[UICollectionViewCell class] forCellWithReuseIdentifier:cellID];
}


#pragma mark - <UICollectionViewDataSource>
- (NSInteger)collectionView:(UICollectionView *)collectionView numberOfItemsInSection:(NSInteger)section{
    return 50;
}

- (UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath{
    
    UICollectionViewCell * cell = [collectionView dequeueReusableCellWithReuseIdentifier:cellID forIndexPath:indexPath];
    
    // 設(shè)置圓角
    cell.layer.cornerRadius = 5.0;
    cell.layer.masksToBounds = YES;
    cell.backgroundColor = [UIColor redColor];
    

    return cell;
}

@end

實(shí)現(xiàn)效果

可以水平滾動(dòng)的uicollectionView

如果將layout.scrollDirection = UICollectionViewScrollDirectionHorizontal;改為layout.scrollDirection = UICollectionViewScrollDirectionVertical;就能實(shí)現(xiàn)垂直滾動(dòng)
![可以垂直滾動(dòng)的uicollectionView]](http://upload-images.jianshu.io/upload_images/3738156-bfa3fa47379abcba.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

UICollectionViewDelegate

同樣的UICollectionView也有代理方法赁还，在實(shí)現(xiàn)代理協(xié)議之后通過代理方法來實(shí)現(xiàn)和用戶的交互操作妖泄。具體來說主要負(fù)責(zé)一以下三分工作：

  • cell的高亮效果顯示
- (BOOL)collectionView:(UICollectionView *)collectionView shouldHighlightItemAtIndexPath:(NSIndexPath *)indexPath;
- (void)collectionView:(UICollectionView *)collectionView didHighlightItemAtIndexPath:(NSIndexPath *)indexPath;
- (void)collectionView:(UICollectionView *)collectionView didUnhighlightItemAtIndexPath:(NSIndexPath *)indexPath;
  • cell的選中狀態(tài)
- (BOOL)collectionView:(UICollectionView *)collectionView shouldDeselectItemAtIndexPath:(NSIndexPath *)indexPath; // called when the user taps on an already-selected item in multi-select mode
- (void)collectionView:(UICollectionView *)collectionView didSelectItemAtIndexPath:(NSIndexPath *)indexPath;
- (void)collectionView:(UICollectionView *)collectionView didDeselectItemAtIndexPath:(NSIndexPath *)indexPath;
  • 支持長(zhǎng)按后的菜單
- (BOOL)collectionView:(UICollectionView *)collectionView shouldShowMenuForItemAtIndexPath:(NSIndexPath *)indexPath;
- (BOOL)collectionView:(UICollectionView *)collectionView canPerformAction:(SEL)action forItemAtIndexPath:(NSIndexPath *)indexPath withSender:(nullable id)sender;
- (void)collectionView:(UICollectionView *)collectionView performAction:(SEL)action forItemAtIndexPath:(NSIndexPath *)indexPath withSender:(nullable id)sender;

UICollectionViewLayout和UICollectionViewFlowLayout

UICollectionView的精髓就是UICollectionViewLayout，這也是UICollectionView和UITableView最大的不同艘策。UICollectionViewLayout決定了UICollectionView是如何顯示在界面上的蹈胡。在展示之間，一般需要生成合適的UICollectionViewLayout的子類對(duì)象朋蔫，并將其賦值到UICollectionView的布局屬性上罚渐。
UICollectionViewFlowLayout是UICollectionViewLayout的子類。這個(gè)布局是最簡(jiǎn)單最常用的驯妄。它實(shí)現(xiàn)了直線對(duì)其的布局排布方式荷并，Gird View就是用UICollectionViewFlowLayout布局方式。

UICollectionViewLayout布局的具體思路：

  • 設(shè)置itemSzie屬性青扔，它定義了每一個(gè)item的大小源织。在一個(gè)示例中通過設(shè)置layout的itemSize屬性全局的設(shè)置了cell的尺寸。如果想要對(duì)某個(gè)cell定制尺寸微猖，可以使用- (CGSize)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout*)collectionViewLayout sizeForItemAtIndexPath:(NSIndexPath *)indexPath方法實(shí)現(xiàn)
  • 設(shè)置間隔
    間隔可以指定item之間的間隔和每一行之間的間隔雀鹃。間隔和itemSzie一樣，既有全局屬性励两，也可以對(duì)每一個(gè)item設(shè)定：
@property (nonatomic) CGFloat minimumLineSpacing;
@property (nonatomic) CGFloat minimumInteritemSpacing;
- (CGFloat)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout*)collectionViewLayout minimumLineSpacingForSectionAtIndex:(NSInteger)section;
- (CGFloat)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout*)collectionViewLayout minimumInteritemSpacingForSectionAtIndex:(NSInteger)section;
  • 設(shè)定滾動(dòng)方向
typedef NS_ENUM(NSInteger, UICollectionViewScrollDirection) {
    UICollectionViewScrollDirectionVertical,
    UICollectionViewScrollDirectionHorizontal
};
  • 設(shè)置Header和Footer的尺寸
    設(shè)置Header和Footer的尺寸也分為全局和局部。在這里需要注意滾動(dòng)的方向囊颅，滾動(dòng)方向不同当悔，header和footer的寬度和高度只有一個(gè)會(huì)起作用。垂直滾動(dòng)時(shí)section間寬度為尺寸的高踢代。
@property (nonatomic) CGSize headerReferenceSize;
@property (nonatomic) CGSize footerReferenceSize;
- (CGSize)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout*)collectionViewLayout referenceSizeForHeaderInSection:(NSInteger)section;
- (CGSize)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout*)collectionViewLayout referenceSizeForFooterInSection:(NSInteger)section;
  • 設(shè)置內(nèi)邊距
@property (nonatomic) UIEdgeInsets sectionInset;
- (UIEdgeInsets)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout*)collectionViewLayout insetForSectionAtIndex:(NSInteger)section;

用UICollectionView實(shí)現(xiàn)瀑布流

瀑布流很常用盲憎，尤其是在電商類app中用于展示商品信息，比如某寶：



實(shí)現(xiàn)瀑布流的方式有幾種胳挎，但是比較簡(jiǎn)單的是通過UICollectionView饼疙，因?yàn)閏ollectionView自己會(huì)實(shí)現(xiàn)cell的循環(huán)利用，所以自己不用實(shí)現(xiàn)循環(huán)利用的機(jī)制慕爬。瀑布就最重要的就是布局窑眯，要選取最短的那一列來排布，保證每一列之間的間距不會(huì)太大医窿。

實(shí)現(xiàn)步驟

  • 自定義繼承自UICollectionViewLayout的子類來進(jìn)行實(shí)現(xiàn)布局
    • 調(diào)用- (void)prepareLayout進(jìn)行初始化
    • 重載- (CGSize)collectionViewContentSize返回內(nèi)容的大小
    • 重載- (NSArray<UICollectionViewLayoutAttributes *> *)layoutAttributesForElementsInRect:(CGRect)rect方法返回rect中所有元素的布局屬性磅甩，返回的是一個(gè)數(shù)組
    • 重載- (UICollectionViewLayoutAttributes *)layoutAttributesForItemAtIndexPath:(NSIndexPath *)indexPath方法返回對(duì)應(yīng)的indexPath的位置的cell的布局屬性。
    • 重載- (nullable UICollectionViewLayoutAttributes *)layoutAttributesForSupplementaryViewOfKind:(NSString *)elementKind atIndexPath:(NSIndexPath *)indexPath;方法返回對(duì)應(yīng)indexPath的位置的追加視圖的布局屬性姥卢，如果沒有就不用重載
    • 重載- (nullable UICollectionViewLayoutAttributes *)layoutAttributesForDecorationViewOfKind:(NSString*)elementKind atIndexPath:(NSIndexPath *)indexPath;方法返回對(duì)應(yīng)indexPath的位置的裝飾視圖的布局屬性卷要，如果沒有也不需要重載
    • 重載- (BOOL)shouldInvalidateLayoutForBoundsChange:(CGRect)newBounds;當(dāng)邊界發(fā)生改變時(shí)渣聚，是否應(yīng)該刷新。

自定義UICollectionViewLayout布局的示例代碼

用代理來實(shí)現(xiàn)對(duì)item的布局屬性的控制
.h文件

#import <UIKit/UIKit.h>

@class LMHWaterFallLayout;

@protocol  LMHWaterFallLayoutDeleaget<NSObject>

@required
/**
 * 每個(gè)item的高度
 */
- (CGFloat)waterFallLayout:(LMHWaterFallLayout *)waterFallLayout heightForItemAtIndexPath:(NSUInteger)indexPath itemWidth:(CGFloat)itemWidth;

@optional
/**
 * 有多少列
 */
- (NSUInteger)columnCountInWaterFallLayout:(LMHWaterFallLayout *)waterFallLayout;

/**
 * 每列之間的間距
 */
- (CGFloat)columnMarginInWaterFallLayout:(LMHWaterFallLayout *)waterFallLayout;

/**
 * 每行之間的間距
 */
- (CGFloat)rowMarginInWaterFallLayout:(LMHWaterFallLayout *)waterFallLayout;

/**
 * 每個(gè)item的內(nèi)邊距
 */
- (UIEdgeInsets)edgeInsetdInWaterFallLayout:(LMHWaterFallLayout *)waterFallLayout;


@end

@interface LMHWaterFallLayout : UICollectionViewLayout
/** 代理 */
@property (nonatomic, weak) id<LMHWaterFallLayoutDeleaget> delegate;

@end

.m文件

#import "LMHWaterFallLayout.h"

/** 默認(rèn)的列數(shù)    */
static const CGFloat LMHDefaultColunmCount = 3;
/** 每一列之間的間距    */
static const CGFloat LMHDefaultColunmMargin = 10;

/** 每一行之間的間距    */
static const CGFloat LMHDefaultRowMargin = 10;

/** 內(nèi)邊距    */
static const UIEdgeInsets LMHDefaultEdgeInsets = {10,10,10,10};


@interface LMHWaterFallLayout()
/** 存放所有的布局屬性 */
@property (nonatomic, strong) NSMutableArray * attrsArr;
/** 存放所有列的當(dāng)前高度 */
@property (nonatomic, strong) NSMutableArray *columnHeights;
/** 內(nèi)容的高度 */
@property (nonatomic, assign) CGFloat contentHeight;

- (NSUInteger)colunmCount;
- (CGFloat)columnMargin;
- (CGFloat)rowMargin;
- (UIEdgeInsets)edgeInsets;

@end

@implementation LMHWaterFallLayout



#pragma mark 懶加載
- (NSMutableArray *)attrsArr{
    if (!_attrsArr) {
        _attrsArr = [NSMutableArray array];
    }
    
    return _attrsArr;
}

- (NSMutableArray *)columnHeights{
    if (!_columnHeights) {
        _columnHeights = [NSMutableArray array];
    }
    
    return _columnHeights;
}

#pragma mark - 數(shù)據(jù)處理
/**
 * 列數(shù)
 */
- (NSUInteger)colunmCount{
    
    if ([self.delegate respondsToSelector:@selector(columnCountInWaterFallLayout:)]) {
        return [self.delegate columnCountInWaterFallLayout:self];
    }else{
        return LMHDefaultColunmCount;
    }
}

/**
 * 列間距
 */
- (CGFloat)columnMargin{
    if ([self.delegate respondsToSelector:@selector(columnMarginInWaterFallLayout:)]) {
        return [self.delegate columnMarginInWaterFallLayout:self];
    }else{
        return LMHDefaultColunmMargin;
    }
}

/**
 * 行間距
 */
- (CGFloat)rowMargin{
    if ([self.delegate respondsToSelector:@selector(rowMarginInWaterFallLayout:)]) {
        return [self.delegate rowMarginInWaterFallLayout:self];
    }else{
        return LMHDefaultRowMargin;
    }
}

/**
 * item的內(nèi)邊距
 */
- (UIEdgeInsets)edgeInsets{
    if ([self.delegate respondsToSelector:@selector(edgeInsetdInWaterFallLayout:)]) {
        return [self.delegate edgeInsetdInWaterFallLayout:self];
    }else{
        return LMHDefaultEdgeInsets;
    }
}



/**
 * 初始化
 */
- (void)prepareLayout{
    
    [super prepareLayout];
    
    self.contentHeight = 0;
    
    // 清除之前計(jì)算的所有高度
    [self.columnHeights removeAllObjects];
    
    // 設(shè)置每一列默認(rèn)的高度
    for (NSInteger i = 0; i < LMHDefaultColunmCount ; i ++) {
        [self.columnHeights addObject:@(LMHDefaultEdgeInsets.top)];
    }
    
    
    // 清楚之前所有的布局屬性
    [self.attrsArr removeAllObjects];
    
    // 開始創(chuàng)建每一個(gè)cell對(duì)應(yīng)的布局屬性
    NSInteger count = [self.collectionView numberOfItemsInSection:0];
    
    for (int i = 0; i < count; i++) {
        
        // 創(chuàng)建位置
        NSIndexPath * indexPath = [NSIndexPath indexPathForItem:i inSection:0];
        
        // 獲取indexPath位置上cell對(duì)應(yīng)的布局屬性
        UICollectionViewLayoutAttributes * attrs = [self layoutAttributesForItemAtIndexPath:indexPath];
        
        [self.attrsArr addObject:attrs];
    }
    
}


/**
 * 返回indexPath位置cell對(duì)應(yīng)的布局屬性
 */
- (UICollectionViewLayoutAttributes *)layoutAttributesForItemAtIndexPath:(NSIndexPath *)indexPath{
    
    // 創(chuàng)建布局屬性
    UICollectionViewLayoutAttributes * attrs = [UICollectionViewLayoutAttributes layoutAttributesForCellWithIndexPath:indexPath];
    
    //collectionView的寬度
    CGFloat collectionViewW = self.collectionView.frame.size.width;
    
    // 設(shè)置布局屬性的frame
    
    CGFloat cellW = (collectionViewW - self.edgeInsets.left - self.edgeInsets.right - (self.colunmCount - 1) * self.columnMargin) / self.colunmCount;
    CGFloat cellH = [self.delegate waterFallLayout:self heightForItemAtIndexPath:indexPath.item itemWidth:cellW];

    
    // 找出最短的那一列
    NSInteger destColumn = 0;
    CGFloat minColumnHeight = [self.columnHeights[0] doubleValue];
    
    for (int i = 1; i < LMHDefaultColunmCount; i++) {
        
        // 取得第i列的高度
        CGFloat columnHeight = [self.columnHeights[i] doubleValue];
        
        if (minColumnHeight > columnHeight) {
            minColumnHeight = columnHeight;
            destColumn = i;
        }
    }
    
    CGFloat cellX = self.edgeInsets.left + destColumn * (cellW + self.columnMargin);
    CGFloat cellY = minColumnHeight;
    if (cellY != self.edgeInsets.top) {
        
        cellY += self.rowMargin;
    }
    
    attrs.frame = CGRectMake(cellX, cellY, cellW, cellH);
    
    // 更新最短那一列的高度
    self.columnHeights[destColumn] = @(CGRectGetMaxY(attrs.frame));
    
    // 記錄內(nèi)容的高度 - 即最長(zhǎng)那一列的高度
    CGFloat maxColumnHeight = [self.columnHeights[destColumn] doubleValue];
    if (self.contentHeight < maxColumnHeight) {
        self.contentHeight = maxColumnHeight;
    }
    
    return attrs;
}

/**
 * 決定cell的布局屬性
 */
- (NSArray<UICollectionViewLayoutAttributes *> *)layoutAttributesForElementsInRect:(CGRect)rect{
    
    return self.attrsArr;
}

/**
 * 內(nèi)容的高度
 */
- (CGSize)collectionViewContentSize{
 
//    CGFloat maxColumnHeight = [self.columnHeights[0] doubleValue];
//    for (int i = 0; i < LMHDefaultColunmCount; i++) {
//        
//        // 取得第i列的高度
//        CGFloat columnHeight = [self.columnHeights[i] doubleValue];
//        
//        if (maxColumnHeight < columnHeight) {
//            maxColumnHeight = columnHeight;
//        }
//
//    }
    
    return CGSizeMake(0, self.contentHeight + self.edgeInsets.bottom);
}
@end

示例demo

接下來在控制器里面就只需要按照第一個(gè)示例的步驟僧叉，創(chuàng)建布局奕枝，創(chuàng)建collectionView。在這里瓶堕，瀑布流中每個(gè)cell的圖片和尺寸是后臺(tái)傳過來的隘道，所以只需在布局的代理方法里面將這些數(shù)據(jù)傳入，就可以實(shí)現(xiàn)一個(gè)簡(jiǎn)單的瀑布流了捞烟。
實(shí)現(xiàn)效果


附上代碼下載鏈接：用UICollectionView實(shí)現(xiàn)瀑布

最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 人面猴
    序言：七十年代末薄声，一起剝皮案震驚了整個(gè)濱河市，隨后出現(xiàn)的幾起案子题画，更是在濱河造成了極大的恐慌默辨，老刑警劉巖，帶你破解...
    沈念sama閱讀 206,126評(píng)論 6贊 481
  • 死咒
    序言：濱河連續(xù)發(fā)生了三起死亡事件苍息，死亡現(xiàn)場(chǎng)離奇詭異缩幸，居然都是意外死亡，警方通過查閱死者的電腦和手機(jī)竞思，發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,254評(píng)論 2贊 382
  • 救了他兩次的神仙讓他今天三更去死
    文/潘曉璐 我一進(jìn)店門表谊，熙熙樓的掌柜王于貴愁眉苦臉地迎上來，“玉大人盖喷，你說我怎么就攤上這事爆办。” “怎么了课梳？”我有些...
    開封第一講書人閱讀 152,445評(píng)論 0贊 341
  • 道士緝兇錄：失蹤的賣姜人
    文/不壞的土叔 我叫張陵距辆，是天一觀的道長(zhǎng)。 經(jīng)常有香客問我暮刃，道長(zhǎng)跨算，這世上最難降的妖魔是什么？ 我笑而不...
    開封第一講書人閱讀 55,185評(píng)論 1贊 278
  • ?港島之戀（遺憾婚禮）
    正文 為了忘掉前任椭懊，我火速辦了婚禮诸蚕，結(jié)果婚禮上，老公的妹妹穿的比我還像新娘氧猬。我一直安慰自己背犯，他們只是感情好，可當(dāng)我...
    茶點(diǎn)故事閱讀 64,178評(píng)論 5贊 371
  • 惡毒庶女頂嫁案：這布局不是一般人想出來的
    文/花漫 我一把揭開白布狂窑。 她就那樣靜靜地躺著媳板，像睡著了一般。 火紅的嫁衣襯著肌膚如雪泉哈。 梳的紋絲不亂的頭發(fā)上蛉幸，一...
    開封第一講書人閱讀 48,970評(píng)論 1贊 284
  • 城市分裂傳說
    那天破讨，我揣著相機(jī)與錄音，去河邊找鬼奕纫。 笑死提陶，一個(gè)胖子當(dāng)著我的面吹牛，可吹牛的內(nèi)容都是我干的匹层。 我是一名探鬼主播隙笆，決...
    沈念sama閱讀 38,276評(píng)論 3贊 399
  • 雙鴛鴦連環(huán)套：你想象不到人心有多黑
    文/蒼蘭香墨 我猛地睜開眼，長(zhǎng)吁一口氣：“原來是場(chǎng)噩夢(mèng)啊……” “哼升筏！你這毒婦竟也來了撑柔？” 一聲冷哼從身側(cè)響起，我...
    開封第一講書人閱讀 36,927評(píng)論 0贊 259
  • 萬榮殺人案實(shí)錄
    序言：老撾萬榮一對(duì)情侶失蹤您访，失蹤者是張志新（化名）和其女友劉穎铅忿，沒想到半個(gè)月后，有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體灵汪，經(jīng)...
    沈念sama閱讀 43,400評(píng)論 1贊 300
  • ?護(hù)林員之死
    正文 獨(dú)居荒郊野嶺守林人離奇死亡檀训，尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 35,883評(píng)論 2贊 323
  • ?白月光啟示錄
    正文 我和宋清朗相戀三年，在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了享言。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片峻凫。...
    茶點(diǎn)故事閱讀 37,997評(píng)論 1贊 333
  • 活死人
    序言：一個(gè)原本活蹦亂跳的男人離奇死亡，死狀恐怖览露，靈堂內(nèi)的尸體忽然破棺而出荧琼，到底是詐尸還是另有隱情，我是刑警寧澤差牛，帶...
    沈念sama閱讀 33,646評(píng)論 4贊 322
  • ?日本核電站爆炸內(nèi)幕
    正文 年R本政府宣布铭腕，位于F島的核電站，受9級(jí)特大地震影響多糠，放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜浩考，卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,213評(píng)論 3贊 307
  • 男人毒藥：我在死后第九天來索命
    文/蒙蒙 一夹孔、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧析孽，春花似錦搭伤、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,204評(píng)論 0贊 19
  • 一樁弒父案怜俐，背后竟有這般陰謀
    文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至邓尤，卻和暖如春拍鲤，著一層夾襖步出監(jiān)牢的瞬間贴谎，已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,423評(píng)論 1贊 260
  • 情欲美人皮
    我被黑心中介騙來泰國(guó)打工季稳， 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留擅这，地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 45,423評(píng)論 2贊 352
  • 代替公主和親
    正文 我出身青樓景鼠，卻偏偏與公主長(zhǎng)得像仲翎，于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子铛漓，可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,722評(píng)論 2贊 345

推薦閱讀更多精彩內(nèi)容