1. 程式人生 > >TERSUS畫畫一樣開發軟件 顯示元件介紹-分頁面及左右欄顯示元件

TERSUS畫畫一樣開發軟件 顯示元件介紹-分頁面及左右欄顯示元件

軟件開發 管理 軟件開發

TERSUS無代碼手機電腦管理類軟件開發,其中頁面框架設計的顯示元件包括:分頁面顯示元件(Tabbed Pane)、左右可調大小兩欄顯示元件(Split Pane)

分頁面顯示元件(Tabbed Pane):是一個含多個顯示頁面的容器,每個頁面以一個橫放欄位的形式出現,默認放有兩個頁面:

技術分享圖片

1、可以對分頁中的每個顯示塊進行改名,顯示塊名稱即是導航欄位的名稱、可以右鍵添加更多顯示塊;

2、對每個分頁元件中的子元件,標題欄中元件等進行屬性定義,用“html.style”或“html.styleClass”:

技術分享圖片

3、當分頁元件總的高度設定為100%且有效時(有時因為上層未定義的原因無效),內部頭部可以固定一個65px或其他高度,則顯示塊高度可以用“height:calc(100% - 65px);”來進行定義,或按百分比定義樣式高度值:

技術分享圖片

左右可調大小兩欄顯示元件(Split Pane):是一個中間有一個分隔線將左右分為兩部分的容器元件。左側顯示塊可以設計菜單或目錄內容;右側內容塊放置內容信息,且中間分隔線可以左右移動。註意左右可調大小的元件功能可以通過三個顯示塊(Pane)來設計,采用左右可調大小元件設計時,有些瀏覽器不能很好的支持:

技術分享圖片

其樣式定義同分頁顯示元件樣式定義。

TERSUS畫畫一樣開發軟件 顯示元件介紹-分頁面及左右欄顯示元件