LinearLayout分割线属性的使用

如下图个人中心UI所示:


LinearLayout分割线属性的使用_第1张图片
个人中心.png

针对这样的一个界面,很多初学者都会使用控件的组合来实现,例如:最外层使用相对布局,从左到右依序是ImageView(钱包左侧图片),TextView(钱包文字本身) , ImageView(最右边的箭头) 再加上一个View,作为分割线,最后设置下相对位置属性,即可完成布局,代码如下:




    

    


        

            

            

                

                

            

            
        

        
        

            

                

                

                

            

            

            

                

                

                
            

            

            

                

                

                

                
            

            

            

                

                

                

            

        

        
        

            

                

                

                
            

            

            

                

                

                
            

            

            

                

                

                
            

        

    



缺点:控件太多了,没有使用style
下面对该界面进行优化,优化过程中会使用到LinearLayout布局的android:divider和android:showDividers属性,准备写下分割线文件和style文件

1、在drawable文件下创建分割线文件inset_linearlayout_divider.xml



    
        
        
    
    

2、创建TextView的style

item_textview_style

 

3、布局文件中使用




    

    


        

            

            

                

                

            

            
        

        
        


            


            


            

                


                
            


            


        

        
        


            


            


            


        

    



LinearLayout分割线属性的使用_第2张图片
最终的效果.png

和原来的对比,效果一致,但是去掉了很多控件,看起来也简洁了许多,LinearLayout分割线可用的情况特别多,例如个人中心页面,关于我们界面,设置页面等等,赶快试一试吧!

你可能感兴趣的:(LinearLayout分割线属性的使用)