亲测实现:绘制有边距的边线框

这个标题不太好取,其实就是实现:在矩形内绘制边线框(stroke),如下图:

亲测实现:绘制有边距的边线框_第1张图片

 

一开始拿到这个UI,相信有人跟我一样,立即想到shape、stroke,然后一顿猛虎操作:

在drawable下新建stroke_bg.xml,敲出如下代码:




    

    

    

效果图如下,跟UI差一点,怎么使虚线框往里面挪一点距离,添加padding尝试,还是不行!

亲测实现:绘制有边距的边线框_第2张图片

稍稍思考一会后,那我在上面效果图的基础上,加个阴影不就实现UI了吗?这时候就需要了解一下layer-list(把item效果依次叠加显示)、item,改良后的代码如下(实现了UI):



    
    
        
            

            
        
    
    
    
        
            
            
            
            
            
            
        
    

 

你可能感兴趣的:(AS布局小积累)