iOS UICollectionViewFlowLayout 與瀑布流

UICollectionView

當(dāng)我們使用代碼行對(duì) UICollectionView 進(jìn)行初始化時(shí)，都不忘在前面創(chuàng)建一個(gè) UICollectionViewFlowLayout 對(duì)象坛猪。因?yàn)槲覀兛梢酝ㄟ^(guò)UICollectionViewFlowLayout 來(lái)設(shè)定符合我們需求的 UICollectionView 布局脖阵。接下來(lái)，就讓我們先來(lái)談?wù)?UICollectionViewFlowLayout 的使用墅茉。

一命黔、UICollectionViewFlowLayout 的使用

首先初始化一個(gè) UICollectionViewFlowLayout 對(duì)象：

UICollectionViewFlowLayout *layout = [[UICollectionViewFlowLayout alloc] init];

對(duì) UICollectionViewCell 的相關(guān)布局約束：

 // 最小行間距，默認(rèn)是0
 layout.minimumLineSpacing = 5;
 // 最小左右間距就斤，默認(rèn)是10
 layout.minimumInteritemSpacing = 5;
 // 區(qū)域內(nèi)間距悍募，默認(rèn)是 UIEdgeInsetsMake(0, 0, 0, 0)
 layout.sectionInset = UIEdgeInsetsMake(10, 10, 10, 10);

在 UICollectionViewCell 上添加 UILabel 以便測(cè)試：

- (UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath {
    
    UICollectionViewCell *cell = [collectionView dequeueReusableCellWithReuseIdentifier:reuseIdentifier forIndexPath:indexPath];
    
    // cell 序號(hào)
    UILabel *label = (UILabel *)[cell viewWithTag:10];
    
    if (label == nil) {
        
        [cell setBackgroundColor:[UIColor cyanColor]];
        
        label = [[UILabel alloc]init];
        label.textAlignment = NSTextAlignmentCenter;
        label.font = [UIFont systemFontOfSize:80];
        label.adjustsFontSizeToFitWidth = YES;
        label.tag = 10;
        [cell addSubview:label];
    }
    [label setFrame:CGRectMake(0, 0, cell.frame.size.width, cell.frame.size.height)];
    label.text = [[NSString alloc] initWithFormat:@"%ld", indexPath.row + 1];

    return cell;
}

其中行間距和左右間距只能設(shè)置最小值。
所謂的最小值洋机，就是系統(tǒng)在設(shè)置布局時(shí)坠宴，首先按 cell 的寬和最小左右間距橫著排版下去一行最多可以排多少個(gè)，如果還有剩余空間的話绷旗，系統(tǒng)會(huì)將剩下的寬度平均分配該行的每一個(gè)左右間距喜鼓，所以實(shí)際效果的左右間距會(huì)比設(shè)置的左右間距大的多忧设。而行間距也是類似，在高度不一樣的一行 cell 中颠通，只有最高的 cell 是最小行間距，其余高度小的 cell 還會(huì)分配到與該行最高 cell 的高度差值“補(bǔ)貼”膀懈，具體情況后面有演示顿锰。

在 8 plus 模擬器上，cell 的最小左右間距設(shè)置為 5启搂，
cell 設(shè)置大小為 120 x 120 時(shí)硼控，

layout.itemSize = CGSizeMake(120, 120);

效果如下：


cell 大小 120x120

cell 設(shè)置大小為 100 x 100 時(shí)，

layout.itemSize = CGSizeMake(100, 100);

效果如下：


cell 大小 100x100

cell 設(shè)置大小為 80 x 80 時(shí)胳赌，

layout.itemSize = CGSizeMake(80, 80);

效果如下：


cell 大小 80x80

從模擬器的展示結(jié)果來(lái)看牢撼，排版的剩余寬度越大，左右間距也隨之分配到更多的空間疑苫。比較過(guò)程中熏版，我們也可以看到區(qū)域內(nèi)間距 sectionInset 始終都是不變的，但是左右間距會(huì)因排版剩余寬度過(guò)多而變大捍掺，導(dǎo)致與不變的區(qū)域內(nèi)間距差距就更大了撼短。
有時(shí)候?yàn)榱嗣烙^，我們需要將內(nèi)間距和左右間距設(shè)置成一樣的大小挺勿。這時(shí)曲横，我們需要像系統(tǒng)一樣先預(yù)算出在 cell 大小固定和左右間距取最小值的情況下，在一行中可以排版多少個(gè) cell 不瓶。只不過(guò)禾嫉，在分配剩余的寬度空間時(shí)，我們不僅將其分配給左右間距蚊丐，還有區(qū)域內(nèi)間距熙参。

以cell 大小 80x80 為例：

UICollectionViewFlowLayout *layout = [[UICollectionViewFlowLayout alloc] init];
layout.itemSize = CGSizeMake(80, 80);
// 以最小間距為10計(jì)算間距
// 每行可放多少 cell
NSInteger nCountCell = (kScreenWidth - 10) / (layout.itemSize.width + 10);
// 平均后的間距
CGFloat fSpacing = (kScreenWidth - layout.itemSize.width * nCountCell) / (nCountCell + 1);
layout.minimumInteritemSpacing = fSpacing;
layout.minimumLineSpacing = fSpacing;
layout.sectionInset = UIEdgeInsetsMake(fSpacing, fSpacing, fSpacing, fSpacing);

執(zhí)行結(jié)果：

等間距

以上講的 UICollectionViewFlowLayout 使用是基于 cell 的大小是統(tǒng)一的情況。當(dāng)有不同大小的 cell 放在同一個(gè) UICollectionView 里麦备，還要符合我們的心意排版尊惰，這個(gè)時(shí)候就需要自定義 UICollectionViewFlowLayout 類了，而專門適用于這種參差不齊 cell 的布局有個(gè)專業(yè)名詞--“瀑布流”泥兰。

以下來(lái)自百度百科關(guān)于瀑布流的介紹：

瀑布流弄屡，又稱瀑布流式布局。是比較流行的一種網(wǎng)站頁(yè)面布局鞋诗，視覺(jué)表現(xiàn)為參差不齊的多欄布局膀捷，隨著頁(yè)面滾動(dòng)條向下滾動(dòng)，這種布局還會(huì)不斷加載數(shù)據(jù)塊并附加至當(dāng)前尾部削彬。最早采用此布局的網(wǎng)站是Pinterest全庸，逐漸在國(guó)內(nèi)流行開(kāi)來(lái)秀仲。國(guó)內(nèi)大多數(shù)清新站基本為這類風(fēng)格。

二壶笼、UICollectionViewFlowLayout 實(shí)現(xiàn)瀑布流

有句諺語(yǔ)是這樣講的：

巧婦難為無(wú)米之炊

要想實(shí)現(xiàn)瀑布流布局神僵，就需要先實(shí)現(xiàn)大小參差不齊的 cell，而要實(shí)現(xiàn)大小參差不齊的 cell 覆劈，就需要用到 UICollectionViewDelegate 的擴(kuò)展協(xié)議 UICollectionViewDelegateFlowLayout保礼，這個(gè)協(xié)議是在 UICollectionViewDelegate 的基礎(chǔ)上增加了 UICollectionViewFlowLayout 一些可以根據(jù) NSIndexPath 和 section 來(lái)定制獨(dú)立的布局屬性，該協(xié)議提供多個(gè)可選方法责语。

@protocol UICollectionViewDelegateFlowLayout <UICollectionViewDelegate>
@optional

- (CGSize)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout*)collectionViewLayout sizeForItemAtIndexPath:(NSIndexPath *)indexPath;
- (UIEdgeInsets)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout*)collectionViewLayout insetForSectionAtIndex:(NSInteger)section;
- (CGFloat)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout*)collectionViewLayout minimumLineSpacingForSectionAtIndex:(NSInteger)section;
- (CGFloat)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout*)collectionViewLayout minimumInteritemSpacingForSectionAtIndex:(NSInteger)section;
- (CGSize)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout*)collectionViewLayout referenceSizeForHeaderInSection:(NSInteger)section;
- (CGSize)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout*)collectionViewLayout referenceSizeForFooterInSection:(NSInteger)section;

@end

而我們要實(shí)現(xiàn)大小參差不齊的 cell 炮障，就需要用到這個(gè)方法：

- (CGSize)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout*)collectionViewLayout sizeForItemAtIndexPath:(NSIndexPath *)indexPath;

我們使用隨機(jī)數(shù) arc4random() 將 cell 的高度設(shè)置在40到80之間：

#pragma mark - UICollectionViewDelegateFlowLayout
//  cell 大小
- (CGSize)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout *)collectionViewLayout sizeForItemAtIndexPath:(NSIndexPath *)indexPath {
    
    // 隨機(jī)高度
    return CGSizeMake(80,  40 + arc4random() % 40);
}

執(zhí)行結(jié)果：

高度在40～80之間的 cell

從執(zhí)行結(jié)果圖中，我們可以看出系統(tǒng)在布局參差不齊的 cell 時(shí) 坤候，將會(huì)以每行高度最高的 cell 為基準(zhǔn)胁赢，其余矮的 cell 的中心和這個(gè)高 cell 的中心保持在同一條水平線上。因此我們實(shí)現(xiàn)瀑布流白筹，就需要先打破這個(gè)規(guī)則（每個(gè) cell 依賴于它所在行的最高 cell 來(lái)布局它的位置）智末，讓每一個(gè) cell 往已經(jīng)排好且最短的列排版。
而要讓每一個(gè) cell 像人一樣能思考地進(jìn)行排版徒河，我們需要重載 UICollectionViewFlowLayout 對(duì)所有 cell 屬性的布局方法：

-(NSArray<UICollectionViewLayoutAttributes *> *)layoutAttributesForElementsInRect:(CGRect)rect;

因?yàn)?UICollectionView 的滾動(dòng)內(nèi)容大小是由 cell 的大小和數(shù)量決定的吹害，系統(tǒng)又會(huì)以每一行最高 cell 的高度定為該行的高，然后逐個(gè)排版下去虚青，導(dǎo)致重載布局方法之后它呀，滾動(dòng)到底部會(huì)出現(xiàn)一大堆空白。

布局之后剩余的空白區(qū)

雖然 - (CGSize)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout *)collectionViewLayout sizeForItemAtIndexPath:(NSIndexPath *)indexPath;方法可以為我們定制不同 cell 的大小棒厘，但是 UICollectionView 滾動(dòng)內(nèi)容大小是根據(jù)系統(tǒng)的排版標(biāo)準(zhǔn)去算的纵穿，會(huì)導(dǎo)致滾動(dòng)空間的溢出，所以這個(gè)方法在這種有上下縮進(jìn)的情況下不適用奢人。
因此為了準(zhǔn)確地計(jì)算出 UICollectionView 合理的滾動(dòng)內(nèi)容大小谓媒，首先，我們需要在每一次更新布局前就引入各個(gè) cell 的大小到自定義的 UICollectionViewFlowLayout 中何乎，然后在準(zhǔn)備方法 - (void)prepareLayout; 中句惯，規(guī)劃具體布局，接著支救，計(jì)算出瀑布流布局所需要滾動(dòng)內(nèi)容的高抢野，以及在這么大的滾動(dòng)內(nèi)容大小下，每一個(gè) cell 的 itemsize 要設(shè)置多大的平均值各墨。

具體代碼實(shí)現(xiàn)指孤。
自定義瀑布流頭文件 MyFlowLayout.h ：

#import <UIKit/UIKit.h>

/**
 自定義瀑布流布局
 */
@interface MyFlowLayout : UICollectionViewFlowLayout

/**
 瀑布流布局方法
 
 @param itemWidth item 的寬度
 @param itemHeightArray item 的高度數(shù)組
 */
- (void)flowLayoutWithItemWidth:(CGFloat)itemWidth itemHeightArray:(NSArray<NSNumber *> *)itemHeightArray;

@end

實(shí)現(xiàn)文件 MyFlowLayout.m ：

#import "MyFlowLayout.h"



@interface MyFlowLayout ()

/**
 item 的高度數(shù)組
 */
@property (nonatomic, copy) NSArray<NSNumber *> *arrItemHeight;

/**
 cell 布局屬性集
 */
@property (nonatomic, strong) NSArray<UICollectionViewLayoutAttributes *> *arrAttributes;

@end

@implementation MyFlowLayout

/**
 瀑布流布局方法
 
 @param itemWidth item 的寬度
 @param itemHeightArray item 的高度數(shù)組
 */
- (void)flowLayoutWithItemWidth:(CGFloat)itemWidth itemHeightArray:(NSArray<NSNumber *> *)itemHeightArray {
    
    self.itemSize = CGSizeMake(itemWidth, 0);
    self.arrItemHeight = itemHeightArray;
    [self.collectionView reloadData];
}

- (void)prepareLayout {
    
    [super prepareLayout];
    
    // item 數(shù)量為零不做處理
    if ([self.arrItemHeight count] == 0) {
        
        return;
    }
    
    // 計(jì)算一行可以放多少個(gè)項(xiàng)
    NSInteger nItemInRow = (self.collectionViewContentSize.width - self.sectionInset.left - self.sectionInset.right + self.minimumInteritemSpacing) / (self.itemSize.width + self.minimumInteritemSpacing);
    // 對(duì)列的長(zhǎng)度進(jìn)行累計(jì)
    NSMutableArray *arrmColumnLength = [NSMutableArray arrayWithCapacity:100];
    for (NSInteger i = 0; i < nItemInRow; i++) {
        
        [arrmColumnLength addObject:@0];
    }
    
    NSMutableArray *arrmTemp = [NSMutableArray arrayWithCapacity:100];
    // 遍歷設(shè)置每一個(gè)item的布局
    for (NSInteger i = 0; i < [self.arrItemHeight count]; i++) {
        
        // 設(shè)置每個(gè)item的位置等相關(guān)屬性
        NSIndexPath *index = [NSIndexPath indexPathForItem:i inSection:0];
        // 創(chuàng)建每一個(gè)布局屬性類，通過(guò)indexPath來(lái)創(chuàng)建
        UICollectionViewLayoutAttributes *attris = [self layoutAttributesForItemAtIndexPath:index];
        CGRect recFrame = attris.frame;
        // 有數(shù)組得到的高度
        recFrame.size.height = [self.arrItemHeight[i] doubleValue];
        // 最短列序號(hào)
        NSInteger nNumShort = 0;
        // 最短的長(zhǎng)度
        CGFloat fShortLength = [arrmColumnLength[0] doubleValue];
        // 比較是否存在更短的列
        for (int i = 1; i < [arrmColumnLength count]; i++) {

            CGFloat fLength = [arrmColumnLength[i] doubleValue];
            if (fLength < fShortLength) {

                nNumShort = i;
                fShortLength = fLength;
            }
        }
        // 插入到最短的列中
        recFrame.origin.x = self.sectionInset.left + (self.itemSize.width + self.minimumInteritemSpacing) * nNumShort;
        recFrame.origin.y = fShortLength + self.minimumLineSpacing;
        // 更新列的累計(jì)長(zhǎng)度
        arrmColumnLength[nNumShort] = [NSNumber numberWithDouble:CGRectGetMaxY(recFrame)];
        
        // 更新布局
        attris.frame = recFrame;
        [arrmTemp addObject:attris];
    }
    self.arrAttributes = arrmTemp;
    
    // 因?yàn)槭褂昧似俨剂鞑季质沟脻L動(dòng)范圍是根據(jù) item 的大小和個(gè)數(shù)決定的，所以以最長(zhǎng)的列為基準(zhǔn)恃轩，將高度平均到每一個(gè) cell 中
    // 最長(zhǎng)列序號(hào)
    NSInteger nNumLong = 0;
    // 最長(zhǎng)的長(zhǎng)度
    CGFloat fLongLength = [arrmColumnLength[0] doubleValue];
    // 比較是否存在更短的列
    for (int i = 1; i < [arrmColumnLength count]; i++) {

        CGFloat fLength = [arrmColumnLength[i] doubleValue];
        if (fLength > fLongLength) {

            nNumLong = i;
            fLongLength = fLength;
        }
    }
    // 在大小一樣的情況下结洼，有多少行
    NSInteger nRows = ([self.arrItemHeight count] + nItemInRow - 1) / nItemInRow;
    self.itemSize = CGSizeMake(self.itemSize.width, (fLongLength + self.minimumLineSpacing) / nRows - self.minimumLineSpacing);
    
}

// 返回所有的 cell 布局?jǐn)?shù)組
-(NSArray<UICollectionViewLayoutAttributes *> *)layoutAttributesForElementsInRect:(CGRect)rect {
    
    return self.arrAttributes;
}
@end

在視圖控制器上的調(diào)用：

MyFlowLayout *layout = [[MyFlowLayout alloc] init];
// 創(chuàng)建隨機(jī)高度的數(shù)組
NSMutableArray *arrmHeight = [NSMutableArray arrayWithCapacity:100];
for (NSInteger i = 0; i < 50; i++) {
    
    // 40～80 的隨機(jī)高度
    [arrmHeight addObject:[NSNumber numberWithDouble:40 + arc4random() % 40]];
}
[layout flowLayoutWithItemWidth:80 itemHeightArray:arrmHeight];
// 以最小間距為10計(jì)算間距
// 每行可放多少 cell
NSInteger nCountCell = (kScreenWidth - 10) / (layout.itemSize.width + 10);
// 平均后的間距
CGFloat fSpacing = (kScreenWidth - layout.itemSize.width * nCountCell) / (nCountCell + 1);
layout.minimumInteritemSpacing = fSpacing;
layout.minimumLineSpacing = fSpacing;
layout.sectionInset = UIEdgeInsetsMake(fSpacing, fSpacing, fSpacing, fSpacing);

self.collection = [[UICollectionView alloc] initWithFrame:CGRectMake(0, 64, kScreenWidth, kScreenHeight - 64) collectionViewLayout:layout];
_collection.backgroundColor = [UIColor whiteColor];
_collection.delegate = self;
_collection.dataSource = self;
[self.view addSubview:_collection];

// 注冊(cè) cell
[_collection registerClass:[UICollectionViewCell class] forCellWithReuseIdentifier:cellId];

執(zhí)行結(jié)果：


平均 cell 的 itemSize 之后

除了這種高度參差不齊的 cell，我們?cè)陂_(kāi)發(fā)過(guò)程中叉跛，還會(huì)遇到寬度參差不齊的布局松忍。

三、UICollectionViewFlowLayout 的靠左布局

因?yàn)樵趯挾葏⒉畈积R的布局中筷厘，不會(huì)影響滾動(dòng)內(nèi)容的高度鸣峭，所以我們可以通過(guò) - (CGSize)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout *)collectionViewLayout sizeForItemAtIndexPath:(NSIndexPath *)indexPath; 來(lái)實(shí)現(xiàn) itemSize 的不規(guī)則：

//  cell 大小
- (CGSize)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout *)collectionViewLayout sizeForItemAtIndexPath:(NSIndexPath *)indexPath {
    
    // 隨機(jī)寬度
    return CGSizeMake(40 + arc4random() % 4 * 20, 50);
}

UICollectionViewFlowLayout 的屬性設(shè)置：

//創(chuàng)建流水布局對(duì)象
UICollectionViewFlowLayout *layout = [[UICollectionViewFlowLayout alloc] init];
layout.minimumLineSpacing = 10;
layout.minimumInteritemSpacing = 10;
layout.sectionInset = UIEdgeInsetsMake(10, 10, 10, 10);

UICollectionViewDelegate 和 UICollectionViewDataSource 的相關(guān)實(shí)現(xiàn)：

- (NSInteger)collectionView:(UICollectionView *)collectionView numberOfItemsInSection:(NSInteger)section {

    return 70;
}

- (UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath {
        
    UICollectionViewCell *cell = [collectionView dequeueReusableCellWithReuseIdentifier:reuseIdentifier forIndexPath:indexPath];
    
    // Configure the cell
    UILabel *label = (UILabel *)[cell viewWithTag:10];
    
    if (label == nil) {

        // 添加子控件
        label = [[UILabel alloc]init];
        label.textAlignment = NSTextAlignmentCenter;
        label.font = [UIFont systemFontOfSize:30];
        label.adjustsFontSizeToFitWidth = YES;
        label.tag = 10;
        [cell addSubview:label];
    }
    [label setFrame:CGRectMake(0, 0, cell.frame.size.width, cell.frame.size.height)];
    label.text = [[NSString alloc] initWithFormat:@"%ld", indexPath.row + 1];

    return cell;
}

執(zhí)行結(jié)果：

寬度不規(guī)則的 cell

從結(jié)果中可以看出，因?yàn)閷挾炔灰粯訉?dǎo)致每一行排版剩余的空間不一樣敞掘，導(dǎo)致左右間距也就相差較大了。
為了排版美觀楣铁，我們有時(shí)候需要靠左布局玖雁。之前因?yàn)轫?xiàng)目有過(guò)這樣的產(chǎn)品需求，在網(wǎng)絡(luò)上找到了一個(gè)第三方 UICollectionViewFlowLayout 自定義類--UICollectionViewLeftAlignedLayout盖腕。
UICollectionViewLeftAlignedLayout 下載地址

在視圖控制器上的使用：

UICollectionViewLeftAlignedLayout *layout = [[UICollectionViewLeftAlignedLayout alloc] init];
layout.minimumLineSpacing = 10;
layout.minimumInteritemSpacing = 10;
layout.sectionInset = UIEdgeInsetsMake(10, 10, 10, 10);

執(zhí)行結(jié)果：

靠左布局的 cell

因?yàn)檫@次寫(xiě)得比較久赫冬，思路有些亂，希望有問(wèn)題幫忙指出來(lái)溃列，謝謝劲厌！

最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 人面猴
    序言：七十年代末，一起剝皮案震驚了整個(gè)濱河市听隐，隨后出現(xiàn)的幾起案子补鼻，更是在濱河造成了極大的恐慌，老刑警劉巖雅任，帶你破解...
    沈念sama閱讀 218,755評(píng)論 6贊 507
  • 死咒
    序言：濱河連續(xù)發(fā)生了三起死亡事件风范，死亡現(xiàn)場(chǎng)離奇詭異，居然都是意外死亡沪么，警方通過(guò)查閱死者的電腦和手機(jī)硼婿，發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,305評(píng)論 3贊 395
  • 救了他兩次的神仙讓他今天三更去死
    文/潘曉璐 我一進(jìn)店門，熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)禽车，“玉大人寇漫，你說(shuō)我怎么就攤上這事⊙乘ぃ” “怎么了州胳？”我有些...
    開(kāi)封第一講書(shū)人閱讀 165,138評(píng)論 0贊 355
  • 道士緝兇錄：失蹤的賣姜人
    文/不壞的土叔 我叫張陵，是天一觀的道長(zhǎng)逸月。 經(jīng)常有香客問(wèn)我陋葡，道長(zhǎng)，這世上最難降的妖魔是什么彻采？ 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,791評(píng)論 1贊 295
  • ?港島之戀（遺憾婚禮）
    正文 為了忘掉前任腐缤，我火速辦了婚禮捌归，結(jié)果婚禮上，老公的妹妹穿的比我還像新娘岭粤。我一直安慰自己惜索，他們只是感情好，可當(dāng)我...
    茶點(diǎn)故事閱讀 67,794評(píng)論 6贊 392
  • 惡毒庶女頂嫁案：這布局不是一般人想出來(lái)的
    文/花漫 我一把揭開(kāi)白布剃浇。 她就那樣靜靜地躺著巾兆，像睡著了一般。 火紅的嫁衣襯著肌膚如雪虎囚。 梳的紋絲不亂的頭發(fā)上角塑，一...
    開(kāi)封第一講書(shū)人閱讀 51,631評(píng)論 1贊 305
  • 城市分裂傳說(shuō)
    那天，我揣著相機(jī)與錄音淘讥，去河邊找鬼圃伶。 笑死，一個(gè)胖子當(dāng)著我的面吹牛蒲列，可吹牛的內(nèi)容都是我干的窒朋。 我是一名探鬼主播，決...
    沈念sama閱讀 40,362評(píng)論 3贊 418
  • 雙鴛鴦連環(huán)套：你想象不到人心有多黑
    文/蒼蘭香墨 我猛地睜開(kāi)眼蝗岖，長(zhǎng)吁一口氣：“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼侥猩！你這毒婦竟也來(lái)了？” 一聲冷哼從身側(cè)響起抵赢，我...
    開(kāi)封第一講書(shū)人閱讀 39,264評(píng)論 0贊 276
  • 萬(wàn)榮殺人案實(shí)錄
    序言：老撾萬(wàn)榮一對(duì)情侶失蹤欺劳，失蹤者是張志新（化名）和其女友劉穎，沒(méi)想到半個(gè)月后铅鲤，有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體杰标，經(jīng)...
    沈念sama閱讀 45,724評(píng)論 1贊 315
  • ?護(hù)林員之死
    正文 獨(dú)居荒郊野嶺守林人離奇死亡，尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,900評(píng)論 3贊 336
  • ?白月光啟示錄
    正文 我和宋清朗相戀三年彩匕，在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了腔剂。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 40,040評(píng)論 1贊 350
  • 活死人
    序言：一個(gè)原本活蹦亂跳的男人離奇死亡驼仪，死狀恐怖掸犬，靈堂內(nèi)的尸體忽然破棺而出，到底是詐尸還是另有隱情绪爸，我是刑警寧澤湾碎，帶...
    沈念sama閱讀 35,742評(píng)論 5贊 346
  • ?日本核電站爆炸內(nèi)幕
    正文 年R本政府宣布，位于F島的核電站奠货，受9級(jí)特大地震影響介褥，放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜，卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,364評(píng)論 3贊 330
  • 男人毒藥：我在死后第九天來(lái)索命
    文/蒙蒙 一柔滔、第九天 我趴在偏房一處隱蔽的房頂上張望溢陪。 院中可真熱鬧，春花似錦睛廊、人聲如沸形真。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 31,944評(píng)論 0贊 22
  • 一樁弒父案超全，背后竟有這般陰謀
    文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)咆霜。三九已至，卻和暖如春嘶朱，著一層夾襖步出監(jiān)牢的瞬間蛾坯，已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 33,060評(píng)論 1贊 270
  • 情欲美人皮
    我被黑心中介騙來(lái)泰國(guó)打工疏遏， 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留脉课，地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 48,247評(píng)論 3贊 371
  • 代替公主和親
    正文 我出身青樓改览，卻偏偏與公主長(zhǎng)得像下翎，于是被迫代替她去往敵國(guó)和親缤言。 傳聞我的和親對(duì)象是個(gè)殘疾皇子宝当，可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,979評(píng)論 2贊 355

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

  • 問(wèn)答題47 /72 常見(jiàn)瀏覽器兼容性問(wèn)題與解決方案？ 參考答案 (1)瀏覽器兼容問(wèn)題一：不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 13,754評(píng)論 1贊 92
  • 本人總是很“二”具體表現(xiàn)很多胆萧，比如從前坐車會(huì)坐反庆揩，出門忘帶錢，把家里的鑰匙鎖在里面….諸多事情跌穗，現(xiàn)在想來(lái)實(shí)在是好笑...
    孫潤(rùn)閱讀 307評(píng)論 6贊 3
  • 感恩今天上午可以在家收拾東西订晌，歸類放置。 感恩先生中午幫忙把凳子從店里帶回來(lái)蚌吸，他說(shuō)了一句很暖心的話:“只要你高興就...
    遇見(jiàn)念念相續(xù)閱讀 120評(píng)論 0贊 0
  • 我在蛋糕店里做了個(gè)蛋糕锈拨。 上面有水果 黃桃、彌猴桃羹唠，還有葡萄...
    竹青奶茶閱讀 186評(píng)論 0贊 3
  • 《遺落的南境——湮滅》被稱作是有克魯蘇神話精神的和新怪譚式奕枢。與《三體》的硬科幻是完全不一樣的種類，也有完全不同的閱...
    晏燈閱讀 2,147評(píng)論 0贊 0