您的位置：首页 > 移动开发 > Android开发

Android开发总结笔记 TableLayout(表格布局) 1-1-4

2015-09-22 09:47 651 查看
TableLayout的继承结构





从继承结构就可以看得出来,TableLayout是在LinearLayout的基础上拓展出来的。

表格布局，看字面意思就知道是把子控件用表格的形式呈现出来(TableLayout
API)

xml属性





通常用法

在Tablelayout里面，一个组件表示一行，一个TableRow也表示一行

(TableRow是一个嵌套在TableLayout的一个类，一般跟TableLayout一起出现)

列就看最多子控件的TableRow有多少列就多少列

<TableLayoutxmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent">
<ImageView
android:layout_width="100dp"
android:layout_height="100dp"
android:background="@android:color/holo_blue_bright"/>
<TableRow>
<ImageView
android:layout_width="100dp"
android:layout_height="100dp"
android:background="@android:color/holo_green_dark"/>
<ImageView
android:layout_width="100dp"
android:layout_height="100dp"
android:background="@android:color/holo_red_dark"/>
<ImageView
android:layout_width="100dp"
android:layout_height="100dp"
android:background="@android:color/holo_purple"/>
</TableRow>
<ImageView
android:layout_width="100dp"
android:layout_height="100dp"
android:background="@android:color/holo_orange_dark"/>
</TableLayout>


效果图





加上android:stretchColumns试试(列序号是从0开始的)

<TableLayoutxmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:stretchColumns="2"
android:layout_height="match_parent">






第三列就被拉伸开来了。。

试试android:collapseColumns属性

<TableLayoutxmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:stretchColumns="2"
android:collapseColumns="0"
android:layout_height="match_parent">






第一列很愉快地被隐藏起来了。。。

最后再来看看这个android:shrinkColumns属性

<TableLayoutxmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:shrinkColumns="1">
<ImageView
android:layout_width="100dp"
android:layout_height="100dp"
android:background="@android:color/holo_blue_bright"/>
<TableRow>
<ImageView
android:layout_width="100dp"
android:layout_height="100dp"
android:background="@android:color/holo_green_dark"/>
<ImageView
android:layout_width="100dp"
android:layout_height="100dp"
android:background="@android:color/holo_red_dark"/>
<ImageView
android:layout_width="100dp"
android:layout_height="100dp"
android:background="@android:color/holo_purple"/>
<ImageView
android:layout_width="100dp"
android:layout_height="100dp"
android:background="@android:color/holo_green_light"/>
</TableRow>
<ImageView
android:layout_width="100dp"
android:layout_height="100dp"
android:background="@android:color/holo_orange_dark"/>
</TableLayout>


效果图





第二列很明显被“挤”了。
                                            

                                        

                        
                        内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息 
                    

                    

                    

                        

                         标签： 
                                                

                        

                    


                

            


            

                
相关文章推荐

                

                
            

        

        

            

            
            

                

                    
新的分享

                    

                        
                    

                

            


            

                

                    
章节导航