zoukankan      html  css  js  c++  java
  • 聊天泡泡(仿微信)By-H罗

    在做私信时,聊天泡泡仿着QQ做时,聊天泡泡底图有露出,不怎么好看,微信的就比较好看,当时就因为那2行纠结了好久

    - (void)viewDidLoad {
        [super viewDidLoad];
        // Do any additional setup after loading the view, typically from a nib.
        self.view.backgroundColor=[UIColor grayColor];
        
        /*左边聊天泡泡*/
        UIImage *leftbubbleImage = [UIImage  imageNamed:@"Information-box_secect"];
        leftbubbleImage = [leftbubbleImage stretchableImageWithLeftCapWidth:leftbubbleImage.size.height * 0.3 topCapHeight:leftbubbleImage.size.height * 0.8];
        
        UIImageView  *leftBubbleView=[[UIImageView alloc]init];
        leftBubbleView.image=leftbubbleImage;
        leftBubbleView.frame=CGRectMake(20, 100.0f,leftbubbleImage.size.width*3, leftbubbleImage.size.height*3);
        [self.view  addSubview:leftBubbleView];
        
        //聊天图片
        UIImageView  *ChatPicture0=[[UIImageView alloc]initWithFrame:leftBubbleView.frame];
        ChatPicture0.image=[UIImage imageNamed:@"chat1.jpg"];
        [self.view addSubview:ChatPicture0];
        
        //画图 关键代码
        CALayer *layer0              = leftBubbleView.layer;
        layer0.frame                 = (CGRect){{0,0},leftBubbleView.layer.frame.size};
        ChatPicture0.layer.mask = layer0;
        
        
        /*右边聊天泡泡*/
        UIImage *rightBubbleImage = [UIImage  imageNamed:@"Information-box_blue_nor"];
        rightBubbleImage = [rightBubbleImage stretchableImageWithLeftCapWidth:rightBubbleImage.size.height * 0.3 topCapHeight:rightBubbleImage.size.height * 0.8];
        
        UIImageView  *bubbleView=[[UIImageView alloc]init];
        bubbleView.image=rightBubbleImage;
        bubbleView.frame=CGRectMake(200, 100.0f,rightBubbleImage.size.width*3, rightBubbleImage.size.height*3);
        [self.view  addSubview:bubbleView];
        
        //聊天图片
        UIImageView  *ChatPicture=[[UIImageView alloc]initWithFrame:bubbleView.frame];
        ChatPicture.image=[UIImage imageNamed:@"chat1.jpg"];
        [self.view addSubview:ChatPicture];
        
        //画图 仿weixin
        CALayer *layer              = bubbleView.layer;
        layer.frame                 = (CGRect){{0,0},bubbleView.layer.frame.size};
        ChatPicture.layer.mask = layer;
        
    }
    

    效果图


     

     
     
  • 相关阅读:
    并行数据的并行转串行
    色彩空间转换仿真与模型搭建
    布隆过滤器介绍和在java中应用举例
    java9初探
    个人博客开通啦!
    MyBatis多租户隔离插件开发
    手动解析Excel获取文件元数据
    解决Shiro+SpringBoot自定义Filter不生效问题
    基于Redis的分布式锁实现
    解决tomcat同时部署两个SpringBoot应用提示InstanceAlreadyExistsException
  • 原文地址:https://www.cnblogs.com/sixindev/p/4479866.html
Copyright © 2011-2022 走看看