本篇內(nèi)容介紹了“TableLayout布局方法教程”的有關(guān)知識，在實際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領(lǐng)大家學(xué)習一下如何處理這些情況吧！希望大家仔細閱讀，能夠?qū)W有所成！

我們提供的服務(wù)有：網(wǎng)站建設(shè)、成都網(wǎng)站建設(shè)、微信公眾號開發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認證、克州ssl等。為上1000家企事業(yè)單位解決了網(wǎng)站和推廣的問題。提供周到的售前咨詢和貼心的售后服務(wù)，是有科學(xué)管理、有技術(shù)的克州網(wǎng)站制作公司

TableLayout簡介

TableLayout意為表格布局，也可以稱為網(wǎng)格布局，允許我們使用表格的方式來排列組件，也就是行和列的方式。

TableLayout提供了用于在表格中對齊和排列組件的接口?？膳渲帽砀竦呐帕蟹绞剑袛?shù)和列數(shù)，以及組件的位置。

常用屬性

ohos:alignment_type表示設(shè)置網(wǎng)格布局中的對齊方式，默認為align_contents(表示頁邊距對齊)，還有一個參數(shù)是align_edges(表示邊界對齊)。

xmlns:ohos="http://schemas.huawei.com/res/ohos"  ohos:id="$+id:tableLayout"  ohos:height="match_parent"  ohos:width="match_parent"  ohos:alignment_type="align_contents"  ohos:background_element="#8AA7AA">

ohos:row_count表示設(shè)置網(wǎng)格布局中行數(shù)，ohos:column_count表示設(shè)置網(wǎng)格布局中的列數(shù)。如果沒有為子組件設(shè)置值，則使用父組件默認的行數(shù)和列數(shù)。在網(wǎng)格布局中若子組件的數(shù)量超出列數(shù)設(shè)置，則會自動添加行數(shù)。比如下列代碼，我們設(shè)置一行，兩列，但是是三個子組件，我們監(jiān)聽其中一個按鈕的點擊事件，將行列數(shù)顯示在文本組件中。

xmlns:ohos="http://schemas.huawei.com/res/ohos"  ohos:id="$+id:tableLayout"  ohos:height="match_content"  ohos:width="match_content"  ohos:row_count="1"  ohos:column_count="2"  ohos:background_element="#8AA7AA">   ohos:id="$+id:tableTxt"  ohos:height="match_content"  ohos:width="match_content"  ohos:text="我是文本組件"  ohos:text_size="20fp"/>   ohos:id="$+id:button"  ohos:height="match_content"  ohos:width="match_content"  ohos:text="我是第一個按鈕"  ohos:background_element="#5C6E71"  ohos:text_color="#FFFFFF"  ohos:text_size="20fp"/>   ohos:id="$+id:btn"  ohos:height="match_content"  ohos:width="match_content"  ohos:text="我是第二個按鈕"  ohos:background_element="#5C6E71"  ohos:text_color="#FFFFFF"  ohos:text_size="20fp"/>

未觸發(fā)按鈕點擊事件的時候頁面顯示效果。

觸發(fā)按鈕點擊事件的時候頁面顯示效果。

ohos:orientation表示設(shè)置表格中組件的排列方式，水平(vertical)和垂直(horizontal)。如果我們設(shè)置行為1，列為2，子組件三個，設(shè)置水平方向顯示，那么我們的列將失效，自動會添加一列。

xmlns:ohos="http://schemas.huawei.com/res/ohos"  ohos:id="$+id:tableLayout"  ohos:height="match_parent"  ohos:width="match_parent"  ohos:orientation="horizontal"  ohos:background_element="#8AA7AA">

xmlns:ohos="http://schemas.huawei.com/res/ohos"  ohos:id="$+id:tableLayout"  ohos:height="match_parent"  ohos:width="match_parent"  ohos:orientation="vertical"  ohos:background_element="#8AA7AA">

示例

xmlns:ohos="http://schemas.huawei.com/res/ohos"  ohos:id="$+id:tableLayout"  ohos:height="match_parent"  ohos:width="match_parent"  ohos:row_count="3"  ohos:column_count="5"  ohos:background_element="#8AA7AA">   ohos:height="match_content"  ohos:width="match_content"  ohos:text="我是第1個按鈕"  ohos:background_element="#07CCFF"  ohos:text_color="#FFFFFF"  ohos:text_size="20fp"  ohos:padding="10vp"/>  .....

“TableLayout布局方法教程”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識可以關(guān)注創(chuàng)新互聯(lián)網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實用文章！