Android 通过 shape 实现三角形气泡效果

需要实现 UI 给出的下面两种图中带三角形气泡的效果:

Android 通过 shape 实现三角形气泡效果_第1张图片

Android 通过 shape 实现三角形气泡效果_第2张图片

如果使用 .9 图,一方面会增加安装包体积,另一方面,拉伸后可能变形。将气泡分解可知,气泡由 正/倒三角形 和 圆角长方形 组成,于是可以通过组合来形成三角形气泡的效果。

正三角形的 triangle_up.xml 如下:



   
    
        
            
                
                
            
        
    

倒三角形的 triangle_down.xml 如下:



   
    
        
            
                
                
            
        
    

第一幅图的 xml 文件如下:




    

    

drawable 中的 bg_rectangle_corner.xml 很简单:



    
    

第二幅图的 xml 文件如下:




      
    

    

    

    

如此便绘制完三角形气泡。

你可能感兴趣的:(性能优化)