App-Inventor移動應用開發(fā)標準教程5-課件

第5講

組件-界面布局

界面布局水平布局HorizontalArrangement水平布局HorizontalArrangement水平布局組件可以實現(xiàn)內(nèi)部組件自左向右的水平排列，在垂直方向上居中對齊。如果水平布局組件的高度設置為“自動”，當水平布局內(nèi)部組件的高度均為“充滿”時，水平布局組件的實際高度由水平布局內(nèi)部組件的高度經(jīng)計算確定；當內(nèi)部組件設定了高度時，水平布局布局組件的高度取決于內(nèi)部最高的那個組件，當布局組件內(nèi)部不包含組件時，其高度為100。水平布局HorizontalArrangement如果水平布局組件的高度設置為“像素”或百分比時，當內(nèi)部組件的高度超過水平布局的高度時，內(nèi)部組件不能完全顯示，如圖按鈕1組件未完全顯示。水平布局HorizontalArrangement如果水平布局組件的寬設置為“自動”，其實際寬度為內(nèi)部所有組件寬度之和；此時如果內(nèi)部組件將寬度設為“充滿”，則視同設為“自動”。水平布局HorizontalArrangement如果水平布局組件的寬度設置為“充滿”或者某個具體數(shù)值，當某些內(nèi)部組件的寬度設為“充滿”時，則這些組件的寬度將充滿布局組件的剩余寬度，如圖按鈕1。水平布局HorizontalArrangement水平滾動條布局的使用方法和水平布局一樣，區(qū)別在于，當在水平滾動條布局中的組件在屏幕上不能完全顯示的時候，可以左右拖動水平滾動條布局滾動顯示組件。向左拖動水平滾動條布局水平滾動條布局垂直布局VerticalArrangement垂直布局VerticalArrangement垂直布局組件可以實現(xiàn)內(nèi)部組件自上而下的垂直排列，最先加入的組件在頂部，后面的組件依次向下排列。內(nèi)部組件在水平方向上居左對齊。如果布局組件寬度設為“自動”，則其實際寬度取決于內(nèi)部最寬的、寬度屬性不為“充滿”的組件的寬度；如果內(nèi)部組件寬度都設置為“充滿”，則視同設置為“自動”，布局組件的實際寬度經(jīng)計算確定；如果內(nèi)部不包含任何組件，則其寬度為100。垂直布局VerticalArrangement如果布局組件的高度屬性設為“自動”，其實際高度取決于內(nèi)部組件高度的總和；此時如果內(nèi)部組件高度設為“充滿”，則視同設為“自動”。如果布局組件高度屬性設為“充滿”或某個固定值，則內(nèi)部高度設為“充滿”的組件將充滿布局組件的剩余高度。垂直布局VerticalArrangement垂直滾動條布局的使用方法和垂直布局一樣，區(qū)別在于，當在垂直滾動條布局中的組件在屏幕上不能完全顯示的時候，可以上下拖動垂直滾動條布局來滾動顯示組件。垂直滾動條布局表格布局TableArrangement表格布局TableArrangement使內(nèi)部組件按照表格方式排列。在表格布局組件中，組件按照表格的行和列，即單元格排列；如果多個組件占據(jù)同一個單元格，則只有最后一個組件可見。在行內(nèi)，所有組件在垂直方向上居中對齊。表格布局TableArrangement列的寬度取決于該列中最寬的組件；當內(nèi)部組件寬度設為“充滿”時，視同設為“自動”；

同時，所有組件也將同時充滿整個列寬。行的高度取決于該行內(nèi)最高的、高度屬性不等于“