D33:CoreGraphic, 瀑布流(UICollectionView)

目录

一. 基本图形的绘制

  1. 直线
  2. 矩形
  3. 椭圆
  4. 圆: 使用画椭圆的方法即可
  5. 虚线画笔

二. 文字绘制

三. 在内存中生成图片(无需再用drawRect方法)

四. 复杂图形的绘制

  1. 绘制圆角矩形(将画直线的内容全部注释, 只保留画圆弧的内容, 仍可以画出一个完整的圆角矩形)
  2. 绘制正三角形

五. 实践: 播放音乐时的频率折线图

六. 定宽不定高的瀑布流(UICollectionView)

  1. 新建MyLayout类, 继承于UICollectionViewLayout(基本框架)
  2. 核心内容: 计算每个Cell的frame
  3. Cell类和Model类(省略Model类代码)
  4. ViewController.m中实现代理方法, 显示视图

一. 基本图形的绘制

  1. UIGraphicsGetCurrentContext()获取上下文指针
  • 设置画线的颜色, 宽度, 端点(或范围)
  • CGContextStroke…或CGContextFill…绘制
    基本图形的绘制
1. 直线
// 视图显示的时候默认会调用这个方法
// 一般不会直接调用该方法
// 如果需要调用这个方法里面的代码, 可以调用视图对象的setNeedsDisplay方法
- (void)drawRect:(CGRect)rect
{
    // C方法获取上下文指针
    CGContextRef ctx = UIGraphicsGetCurrentContext();

    // 设置绘制的颜色
    CGContextSetStrokeColorWithColor(ctx, [UIColor redColor].CGColor);
    // 设置直线的宽度
    CGContextSetLineWidth(ctx, 10);
    // 直线的端点
    const CGPoint points1[] = {CGPointMake(20, 20), CGPointMake(100, 20)};
    // 画线
    /*
     CGContextStrokeLineSegments(<#CGContextRef c#>, <#const CGPoint *points#>, <#size_t count#>)
     第一个参数: 绘图的上下文
     第二个参数: 直线的端点数组
     第三个参数: 数组里面元素的个数
     */
    CGContextStrokeLineSegments(ctx, points1, 2);
    
    // 2条直线, 相接
    CGContextSetLineWidth(ctx, 4);
    const CGPoint points2[] = {CGPointMake(30, 30), CGPointMake(30, 100), CGPointMake(30, 100), CGPointMake(100, 70)};
    // 画线
    // C语言数组长度计算: sizeof(points2) / sizeof(points2[0]) 
    CGContextStrokeLineSegments(ctx, points2, 4);
    
    // 直线交叉, 直线交叉处是圆形的
    CGContextSetLineCap(ctx, kCGLineCapRound);
    const CGPoint points3[] = {CGPointMake(120, 30), CGPointMake(120, 100), CGPointMake(120, 100), CGPointMake(200, 70)};
    // 画线
    CGContextStrokeLineSegments(ctx, points3, sizeof(points3) / sizeof(points3[0]));
    
    // 直线交叉处是方形的
    CGContextSetLineWidth(ctx, 15);
    CGContextSetLineCap(ctx, kCGLineCapSquare);
    const CGPoint points4[] = {CGPointMake(230, 30), CGPointMake(230, 100), CGPointMake(230, 100), CGPointMake(300, 70)};
    // 画线
    CGContextStrokeLineSegments(ctx, points4, sizeof(points4) / sizeof(points4[0]));
}
2. 矩形
- (void)drawRect:(CGRect)rect {
    …………………………………………………………………………………………
    
    // 1) 空心
    // 设置线宽
    CGContextSetLineWidth(ctx, 6);
    // 直线颜色
    CGContextSetStrokeColorWithColor(ctx, [UIColor blueColor].CGColor);
    // 绘制矩形
    /*
     CGContextStrokeRect(<#CGContextRef c#>, <#CGRect rect#>)
     第一个参数: 上下文
     第二个参数: 矩形的范围
     */
    CGContextStrokeRect(ctx, CGRectMake(30, 120, 130, 60));
    
    // 2) 实心矩形
    CGContextSetFillColorWithColor(ctx, [UIColor cyanColor].CGColor);
    // 绘制
    CGContextFillRect(ctx, CGRectMake(170, 120, 100, 60));
}
3. 椭圆
- (void)drawRect:(CGRect)rect {
    …………………………………………………………………………………………
    
    // 1) 空心
    // 设置线宽
    CGContextSetLineWidth(ctx, 2);
    // 设置线的颜色
    CGContextSetStrokeColorWithColor(ctx, [UIColor brownColor].CGColor);
    // 绘制
    CGContextStrokeEllipseInRect(ctx, CGRectMake(30, 200, 100, 40));
    
    // 2) 实心
    CGContextFillEllipseInRect(ctx, CGRectMake(150, 200, 100, 40));
}
4. 圆: 使用画椭圆的方法即可
5. 虚线画笔
- (void)drawRect:(CGRect)rect {
    …………………………………………………………………………………………
    
    /*
     CGContextSetLineDash(<#CGContextRef c#>, <#CGFloat phase#>, <#const CGFloat *lengths#>, <#size_t count#>)
     第一个参数: 绘图的上下文
     第二个参数: 相位
     第三个参数: 数组
     第四个参数: 数组的长度
     */
    // 1) 画一个虚线
    const CGFloat dash1[] = {10, 10};
    CGContextSetLineDash(ctx, 0, dash1, 2);
    // 画线
    const CGPoint points5[] = {CGPointMake(30, 260), CGPointMake(300, 260)};
    CGContextStrokeLineSegments(ctx, points5, 2);
    
    // 2) 另画虚线, 观察数组dash[]的作用
    const CGFloat dash2[] = {1, 10};
    CGContextSetLineDash(ctx, 0, dash2, 2);
    // 画线
    const CGPoint points6[] = {CGPointMake(30, 300), CGPointMake(300, 300)};
    CGContextStrokeLineSegments(ctx, points6, 2);
    
    const CGFloat dash3[] = {10, 20, 20};
    CGContextSetLineDash(ctx, 0, dash3, 3);
    // 画线
    const CGPoint points7[] = {CGPointMake(30, 340), CGPointMake(300, 340)};
    CGContextStrokeLineSegments(ctx, points7, 3);
    
    // 3) 修改相位
    const CGFloat dash4[] = {10, 10};
    CGContextSetLineDash(ctx, 5, dash4, 2);
    // 画线
    const CGPoint points8[] = {CGPointMake(30, 380), CGPointMake(300, 380)};
    CGContextStrokeLineSegments(ctx, points8, 3);
}

二. 文字绘制

  1. 获取上下文指针
  • (可选)设置阴影CGContextSetShadow(), 设置绘制模式CGTextDrawingMode
  • 绘制(设置文字绘制位置和文字属性)str1 drawAtPoint:<#(CGPoint)#> withAttributes:<#(NSDictionary *)#>
    文字绘制
- (void)drawRect:(CGRect)rect
{
    // 获取上下文
    CGContextRef ctx = UIGraphicsGetCurrentContext();
    
    NSString *str1 = @"Who is this?";
    /*
     str1 drawAtPoint:<#(CGPoint)#> withAttributes:<#(NSDictionary *)#>
     第一个参数: 文字绘制的位置
     第二个参数: 文字的属性
     */
    NSDictionary *dict = @{NSFontAttributeName:[UIFont systemFontOfSize:20], NSForegroundColorAttributeName:[UIColor redColor]};
    [str1 drawAtPoint:CGPointMake(30, 40) withAttributes:dict];
    
    // 设置阴影
    /*
     CGContextSetShadow(<#CGContextRef context#>, <#CGSize offset#>, <#CGFloat blur#>)
     第一个参数: 绘图的上下文
     第二个参数: 阴影的偏移量(CGSize类型的值, 第一个值是x方向的偏移量, 正数表示阴影在文字的右边, 第二个值是y方向上的偏移量, 正数表示阴影在文字的下边)
     第三个参数: 阴影的透明度(0-1)
     */
    CGContextSetShadow(ctx, CGSizeMake(4, 4), 1);
    
    // 绘制文字
    NSString *str2 = @"It's Yuen";
    [str2 drawAtPoint:CGPointMake(30, 80) withAttributes:@{NSFontAttributeName:[UIFont systemFontOfSize:14], NSForegroundColorAttributeName:[UIColor greenColor]}];

#warning CGTextDrawingMode
    /*
     CGContextSetTextDrawingMode(<#CGContextRef c#>, <#CGTextDrawingMode mode#>)
     第二个参数:
     enum CGTextDrawingMode {
     kCGTextFill,
     kCGTextStroke,
     kCGTextFillStroke,
     kCGTextInvisible,
     kCGTextFillClip,
     kCGTextStrokeClip,
     kCGTextFillStrokeClip,
     kCGTextClip
     };
     */
    CGContextSetTextDrawingMode(ctx, kCGTextStroke);
    NSString *str3 = @"Oh, I'm fine.";
    [str3 drawAtPoint:CGPointMake(30, 120) withAttributes:@{NSFontAttributeName:[UIFont systemFontOfSize:14], NSForegroundColorAttributeName:[UIColor greenColor]}];
    
    CGContextSetTextDrawingMode(ctx, kCGTextFillStroke);
    NSString *str4 = @"I'm sorry";
    [str4 drawAtPoint:CGPointMake(30, 160) withAttributes:@{NSForegroundColorAttributeName:[UIColor purpleColor], NSFontAttributeName:[UIFont systemFontOfSize:16]}];
}

三. 在内存中生成图片(无需再用drawRect方法)

  1. 开始使用上下文中的图片UIGraphicsBeginImageContext()
  • 将图片视图内容绘制到内存中myView.layer renderInContext:ctx(frame中的x和y值设置没有用, 解决方法: 建立一个视图把图片放在新建视图中适当的位置)
  • 获取内存中的图片UIGraphicsGetImageFromCurrentImageContext()
  • 结束绘图UIGraphicsEndImageContext()
    在内存中生成图片
- (void)viewDidLoad {
    [super viewDidLoad];
    // Do any additional setup after loading the view.
    
    self.view.backgroundColor = [UIColor whiteColor];
    
    // 创建一个视图对象
    _myImageView = [[UIImageView alloc] initWithFrame:CGRectMake(40, 100, 300, 400)];
    _myImageView.backgroundColor = [UIColor lightGrayColor];
    [self.view addSubview:_myImageView];
    
    _myImageView.image = [self generateImage];
}

// 生成图片
- (UIImage *)generateImage
{
    // 开始使用上下文中的图片
    UIGraphicsBeginImageContext(CGSizeMake(300, 400));

    // 在上下文中绘制
    CGContextRef ctx = UIGraphicsGetCurrentContext();
    // 直线
    CGContextSetStrokeColorWithColor(ctx, [UIColor redColor].CGColor);
    CGContextSetLineWidth(ctx, 6);
    const CGPoint points1[] = {CGPointMake(30, 30), CGPointMake(200, 30)};
    CGContextStrokeLineSegments(ctx, points1, 2);
    // 矩形
    CGContextStrokeRect(ctx, CGRectMake(30, 120, 100, 60));
    // 椭圆
    CGContextStrokeEllipseInRect(ctx, CGRectMake(30, 120, 100, 60));
    
    // 将图片视图内容绘制到内存中
    // frame中的x和y值设置没有用, 解决方法: 建立一个视图把图片放在适当的位置
    UIView *myView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, 300, 400)];
    UIImageView *tmpImageView = [[UIImageView alloc] initWithFrame:CGRectMake(40, 200, 30, 40)];
    tmpImageView.image = [UIImage imageNamed:@"NO.jpg"];
    
    [myView addSubview:tmpImageView];
    [myView.layer renderInContext:ctx];
    
    // 获取内存中的图片
    UIImage *image = UIGraphicsGetImageFromCurrentImageContext();
    
    // 结束绘图
    UIGraphicsEndImageContext();
    
    return image;
}

四. 复杂图形的绘制

  1. 获取上下文
  • 绘制圆角矩形:开始绘制:CGContextMoveToPoint(ctx, x+radius, y), 画直线:CGContextAddLineToPoint(ctx, x+width-radius, y), 画圆弧:CGContextAddArcToPoint(<#CGContextRef c#>, <#CGFloat x1#>, <#CGFloat y1#>, <#CGFloat x2#>, <#CGFloat y2#>, <#CGFloat radius#>)
    绘制正三角形
  • 因为是手动一步步画的所以在结束后需要调用CGContextStrokePath()方法
    复杂图形的绘制
1. 绘制圆角矩形(将画直线的内容全部注释, 只保留画圆弧的内容, 仍可以画出一个完整的圆角矩形)
- (void)drawRect:(CGRect)rect
{
    // 获取上下文
    CGContextRef ctx = UIGraphicsGetCurrentContext();
    
    // 绘制圆角矩形
    [self drawMyRoundedRectWithCornerX:30 y:40 radius:10 width:200 height:80 context:ctx];
    
    // 因为是手动一步步画的所以在结束后需要调用CGContextStrokePath()方法;
    CGContextStrokePath(ctx);
}

/*
 @param x:      起始点的横坐标
 @param y:      起始点的纵坐标
 @param radius: 圆角矩形的半径
 @param width:  矩形的宽度
 @param height: 矩形的高度
 @param ctx:    绘图上下文
 */
- (void)drawMyRoundedRectWithCornerX:(CGFloat)x y:(CGFloat)y radius:(CGFloat)radius width:(CGFloat)width height:(CGFloat)height context:(CGContextRef)ctx
{
#warning 将画直线的内容全部注释, 只保留画圆弧的内容, 仍可以画出一个完整的圆角矩形
    // 用起始点开始
    CGContextMoveToPoint(ctx, x+radius, y);
    
    // 画直线
    CGContextAddLineToPoint(ctx, x+width-radius, y);
    // 画圆弧
    /*
     CGContextAddArcToPoint(<#CGContextRef c#>, <#CGFloat x1#>, <#CGFloat y1#>, <#CGFloat x2#>, <#CGFloat y2#>, <#CGFloat radius#>)
     (x1, y1) 第一个控制点
     (x2, y2) 第二个控制点
     */
    CGContextAddArcToPoint(ctx, x+width, y, x+width, y+radius, radius);
    // 画直线
    CGContextAddLineToPoint(ctx, x+width, y+height-radius);
    // 画圆弧
    CGContextAddArcToPoint(ctx, x+width, y+height, x+width-radius, y+height, radius);
    // 画直线
    CGContextAddLineToPoint(ctx, x+radius, y+height);
    // 画圆弧
    CGContextAddArcToPoint(ctx, x, y+height, x, y+height-radius, radius);
    // 画直线
    CGContextAddLineToPoint(ctx, x, y+radius);
    // 画圆弧
    CGContextAddArcToPoint(ctx, x, y, x+radius, y, radius);
}
2. 绘制正三角形
- (void)drawMyShapeWithCenterX:(CGFloat)x centerY:(CGFloat)y radius:(CGFloat)radius num:(NSInteger)num context:(CGContextRef)ctx
{
    CGContextMoveToPoint(ctx, x+radius, y);
    
    for (int i = 0; i <= num; i++) {
        
        // 计算顶点的位置
        CGPoint point = CGPointMake(x+radius*cos(2*M_PI*i/num), y+radius*sin(2*M_PI*i/num));
        
        // 连线
        CGContextAddLineToPoint(ctx, point.x, point.y);
    }
}

五. 实践: 播放音乐时的频率折线图

六. 定宽不定高的瀑布流(UICollectionView)

瀑布流效果图
1. 新建MyLayout类, 继承于UICollectionViewLayout(基本框架)
//
//  MyLayout.h
//  03_WaterFlow

#import <UIKit/UIKit.h>

@protocol MyLayoutDelegate <NSObject>

- (int)columnsInCollectionView;

@end

@interface MyLayout : UICollectionViewLayout

/*
 @param sectionInsets:  上下左右的间距
 @param itemSpace:      横向的间距
 @param lineSpace:      纵向的间距
 */
- (instancetype)initWithSectionInsets:(UIEdgeInsets)sectionInsets itemSpace:(CGFloat)itemSpace lineSpace:(CGFloat)lineSpace;

// 代理属性
@property (nonatomic, assign) id<MyLayoutDelegate> delegate;

@end

//
//  MyLayout.m
//  03_WaterFlow

#import "MyLayout.h"

@implementation MyLayout
{
    // 布局
    UIEdgeInsets _sectionInsets;
    CGFloat _itemSpace;
    CGFloat _lineSpace;
    
    // 存储每一列当前的高度
    NSMutableArray *_columnArray;
    // 列数
    int _column;
    
    // 存储所有cell的frame
    NSMutableArray *_attributeArray;
}

- (instancetype)initWithSectionInsets:(UIEdgeInsets)sectionInsets itemSpace:(CGFloat)itemSpace lineSpace:(CGFloat)lineSpace
{
    if (self = [super init]) {
        
        // 赋值
        _sectionInsets = sectionInsets;
        _itemSpace = itemSpace;
        _lineSpace = lineSpace;
        
    }
    return self;
}

// 每次重新布局的时候会调用这个方法
- (void)prepareLayout
{
    [super prepareLayout];
    
    // 获取列数
    if (self.delegate) {
        _column = [self.delegate columnsInCollectionView];
    }
    
    // 初始化数组, 初始值就是_sectionInsets.top
    _columnArray = [NSMutableArray array];
    for (int i = 0; i < _column; i++) {
        [_columnArray addObject:[NSNumber numberWithFloat:_sectionInsets.top]];
    }
    
    // 去计算每个cell的frame
    _attributeArray = [NSMutableArray array];
    
    // 一共有多少cell
    NSInteger cellCnt = [self.collectionView numberOfItemsInSection:0];
    
    // 计算宽度
    CGFloat cellW = (self.collectionView.bounds.size.width - _sectionInsets.left - _sectionInsets.right - _itemSpace * (_column - 1)) / _column;
    
    for (int i = 0; i < cellCnt; i++) {
        
        

    }
}

@end
2. 核心内容: 计算每个Cell的frame
- (void)prepareLayout 
{
    …………………………………………………………………………………………

    // 计算宽度
    CGFloat cellW = (self.collectionView.bounds.size.width - _sectionInsets.left - _sectionInsets.right - _itemSpace * (_column - 1)) / _column;

    for (int i = 0; i < cellCnt; i++) {
    
        // x
        // 获取cell在第几列
        NSInteger lowIndex = [self lowestColumnIndex];
        CGFloat x = _sectionInsets.left + (cellW + _itemSpace) * lowIndex;
        
        // y
        CGFloat y = [_columnArray[lowIndex] floatValue];
        
        // w
        // cellW
        
        // h
        NSIndexPath *indexPath = [NSIndexPath indexPathForItem:i inSection:0];
        CGFloat height = [self.delegate heightForCellAtIndexPath:indexPath];
        
        _columnArray[lowIndex] = [NSNumber numberWithFloat:y + height + _lineSpace];
        
        // 创建存储frame的对象
        CGRect frame = CGRectMake(x, y, cellW, height);
        
        UICollectionViewLayoutAttributes *attribute = [UICollectionViewLayoutAttributes layoutAttributesForCellWithIndexPath:indexPath];
        attribute.frame = frame;
        
        // 添加到数组中
        [_attributeArray addObject:attribute];
    }
}

- (NSArray *)layoutAttributesForElementsInRect:(CGRect)rect
{
    return _attributeArray;
}

// 设置最大滚动范围
- (CGSize)collectionViewContentSize
{
    NSInteger index = [self highestColumnIndex];
    return CGSizeMake(self.collectionView.bounds.size.width, [_columnArray[index] floatValue]);
}

// 获取最高的列数
- (NSInteger)highestColumnIndex
{
    NSInteger index = -1;
    CGFloat height = CGFLOAT_MIN;
    
    for (int i = 0; i < _columnArray.count; i++) {
        NSNumber *n = _columnArray[i];
        if (n.floatValue > height) {
            height = n.floatValue;
            index = i;
        }
    }
    return index;
}

// 获取当前最低高度的列序数
- (NSInteger)lowestColumnIndex
{
    CGFloat height = CGFLOAT_MAX;
    NSInteger index = -1;
    for (NSInteger i = 0; i < _columnArray.count; i++) {
        NSNumber *n = _columnArray[i];
        if (n.floatValue < height) {
            height = n.floatValue;
            index = i;
        }
    }
    return index;
}
3. Cell类和Model类(省略Model类代码)
//
//  DataCell.h
//  03_WaterFlow

#import <UIKit/UIKit.h>
#import "DataModel.h"

@interface DataCell : UICollectionViewCell

- (void)config:(DataModel *)model;

@end
  
//
//  DataCell.m
//  03_WaterFlow

#import "DataCell.h"

@implementation DataCell
{
    UILabel *_titleLabel;
}

- (instancetype)initWithFrame:(CGRect)frame
{
    self = [super initWithFrame:frame];
    if (self) {
        
        _titleLabel = [[UILabel alloc] initWithFrame:CGRectMake(0, 20, 120, 20)];
        [self.contentView addSubview:_titleLabel];
    }
    return self;
}

- (void)config:(DataModel *)model
{
    _titleLabel.text = model.title;
}

@end
4. ViewController.m中实现代理方法, 显示视图
//
//  ViewController.m
//  03_WaterFlow

#import "ViewController.h"
#import "DataCell.h"
#import "MyLayout.h"

@interface ViewController () <UICollectionViewDataSource, UICollectionViewDelegate, MyLayoutDelegate>
{
    NSMutableArray *_dataArray;
    
    UICollectionView *_collectionView;
}

@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    // Do any additional setup after loading the view, typically from a nib.
    
    // 1. 初始化数据
    [self prepareData];
    
    // 2. 创建网格视图
    [self createCollectionView];
}

- (void)prepareData
{
    _dataArray = [NSMutableArray array];
    for (int i = 0; i < 100; i++) {
        // 创建模型对象
        DataModel *model = [[DataModel alloc] init];
        model.title = [NSString stringWithFormat:@"第%d条数据", i+1];
        model.height = 40+arc4random()%60;
        [_dataArray addObject:model];
    }
}

- (void)createCollectionView
{
    // 布局对象
    MyLayout *layout = [[MyLayout alloc] initWithSectionInsets:UIEdgeInsetsMake(5, 5, 5, 5) itemSpace:10 lineSpace:10];
    layout.delegate = self;
    
    _collectionView = [[UICollectionView alloc] initWithFrame:CGRectMake(0, 20, 375, 667-20) collectionViewLayout:layout];
    _collectionView.delegate = self;
    _collectionView.dataSource = self;
#warning 注册cell
    [_collectionView registerClass:[DataCell class] forCellWithReuseIdentifier:@"cellId"];
    
    _collectionView.backgroundColor = [UIColor whiteColor];
    [self.view addSubview:_collectionView];
}

- (void)didReceiveMemoryWarning {
    [super didReceiveMemoryWarning];
    // Dispose of any resources that can be recreated.
}

#pragma mark - UICollectionView代理方法
- (NSInteger)collectionView:(UICollectionView *)collectionView numberOfItemsInSection:(NSInteger)section
{
    return _dataArray.count;
}

- (UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath
{
    DataCell *cell = [collectionView dequeueReusableCellWithReuseIdentifier:@"cellId" forIndexPath:indexPath];
    cell.backgroundColor = [UIColor colorWithWhite:0.9 alpha:1];
    
    // 显示数据
    DataModel *model = _dataArray[indexPath.item];
    [cell config:model];
    return cell;
}

#pragma mark - MyLayout代理方法
- (int)columnsInCollectionView
{
    return 3;
}

- (CGFloat)heightForCellAtIndexPath:(NSIndexPath *)indexPath
{
    DataModel *model = _dataArray[indexPath.item];
    return model.height;
}

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

推荐阅读更多精彩内容

  • ios-layer
    转载：http://www.jianshu.com/p/32fcadd12108 每个UIView有一个伙伴称为l...
    F麦子阅读 6,200评论 0赞 13
  • UIBizerPath官方API翻译
    18- UIBezierPath官方API中文翻译(待校对) ----------------- 华丽的分割线 -...
    醉卧栏杆听雨声阅读 1,065评论 1赞 1
  • Android - 收藏集
    Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 172,099评论 25赞 707
  • iOS 绘图教程
    Core Graphics Framework是一套基于C的API框架，使用了Quartz作为绘图引擎。它提供了低...
    ShanJiJi阅读 1,534评论 0赞 20
  • 你想要的时间都会给你
    两个人经历了多少分分合合，走到现在，闹成这样，谁又能说是谁的错！ 他曾经给我说，跟他在一起会吃苦，我信誓旦旦的说，...
    木木妖妖阅读 120评论 1赞 0