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;
        
    }
    

    效果图


     

     
     
  • 相关阅读:
    python,生产环境安装
    neo4j 图数据库
    RNN系列
    机器学习关于AUC的理解整理
    fensorflow 安装报错 DEPENDENCY ERROR
    dubbo Failed to check the status of the service com.user.service.UserService. No provider available for the service
    使用hbase遇到的问题
    MISCONF Redis is configured to save RDB snapshots, but is currently not able to persist on disk
    gradle 安装
    jenkins 安装遇到的坑
  • 原文地址:https://www.cnblogs.com/sixindev/p/4479866.html
Copyright © 2011-2022 走看看