首页 > 其他 > 详细

仿科技头条导航下面透明三角

时间:2015-08-11 18:53:20      阅读:316      评论:0      收藏:0      [点我收藏+]

技术分享

//
//  MaskView.m
//  TestDemo
//
//  Created by LHL on 15/8/11.
//  Copyright © 2015年 yongche. All rights reserved.
//

#import "MaskView.h"

@implementation MaskView

- (instancetype)initWithFrame:(CGRect)frame{
    if (self = [super initWithFrame:frame]) {
        imageView = [[UIImageView alloc] initWithFrame:CGRectMake(0, 0, self.bounds.size.width, 16)];
        imageView.image = [UIImage imageNamed:@"channel_normal_bottom_bg"];
        [self addSubview:imageView];
        
        imageView2 = [[UIImageView alloc] initWithFrame:CGRectMake(0, 0, 53, 16)];
        imageView2.image = [UIImage imageNamed:@"channel_selected_bottom_bg"];
        [self addSubview:imageView2];
      
        [self contentOffset:CGPointZero];
      
        
        
    }
    return self;
}

- (void)contentOffset:(CGPoint)contentOffset{
    [imageView removeFromSuperview];
    imageView.image = [UIImage imageNamed:@"channel_normal_bottom_bg"];
    [self addSubview:imageView];

    
    CGRect frame = imageView2.frame;
    frame.origin.x = contentOffset.x;
    imageView2.frame = frame;
    
    // 覆盖图片部分 整成透明
    UIGraphicsBeginImageContext(imageView.frame.size);
    [imageView.image drawInRect:imageView.bounds];
    CGRect image2Frame = imageView2.frame;
    image2Frame.origin.x = image2Frame.origin.x+1;
    image2Frame.size.width = image2Frame.size.width - 2;
    CGContextClearRect (UIGraphicsGetCurrentContext(), image2Frame);
    imageView.image = UIGraphicsGetImageFromCurrentImageContext();
    UIGraphicsEndImageContext();
}

@end


源码:https://github.com/lihongli528628/TestDemo.git





版权声明:本文为博主原创文章,未经博主允许不得转载。

仿科技头条导航下面透明三角

原文:http://blog.csdn.net/lihongli528628/article/details/47422221

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!