布局管理簡單認識

2021-06-16 05:40:06 字數 559 閱讀 9369

1.borderlayout

把介面劃分為東、南、西、北、中五個部分

若想新增更多的元件,可以建立多個panel,

然後再panel

中建立元件

預設把元件放在center方向

2. flowlayout

它是panel

面板中預設的布局管理器

如果一行放不下,就會放到下一行放置

3.gridlayout

將容器劃分為若干行列的網格,在容器中新增元件時,它們會按從左到右,從上到下的順序在網格中排列,需要指定在容器上劃分的網格的行列數

4.cardlayout

可以將多個元件放在同乙個容器區域內交替顯示,相當於多張卡片摞在一起,只有最上面的一張可見

5.gridbaglayout

布局管理器之王...

6.取消容器上布局管理器

container.setlayout(null)取消布局管理器設定

component.setbounds方法來設定每個元件的大小和位置

取消布局管理器,改變視窗大小,元件的大小不會適應視窗的改變

認識Sticky footer布局

1.簡單理解就是 沒內容時,它在底部,有內容時它始終顯示在內容的底部,不會被內容覆蓋掉,相當於footer部分就固定在了底部。2.該布局的設定方式 包裹內容區的盒子以及內容區的高度均為100 與此同時為內容區設定乙個padding bottom 100px 設定的這個值就是給底部區域留的 那麼底部區...

簡單搭建後台管理系統布局

最終實現的效果如下 要求 上面的header固定不動,左面的選單和內容部分的高度到瀏覽器的底部,並且他們的內部可以滾動 寫這個demo需要考慮的幾個問題 1 如果不給html和body設樣式他們的高度是什麼樣的,結果發現他們是沒有高度的和普通div一樣。所以應該把html和body的高度設定成100...

this簡單認識

this 在函式中簡單的說,this的指向存在於函式呼叫的時候決定的,誰呼叫了這函式 函式中的this就指向誰 例如 1 普通的呼叫函式的時候 fn window2 物件呼叫 var obj obj.f fn obj.f this obj3 定時器呼叫 因為fn不是我們自己手寫 呼叫的 底層是win...