學習筆記 布局

2021-08-02 11:55:02 字數 1732 閱讀 6577

2.linearlayout:線性布局

linearlayout線性布局,包含在linearlayout裡面的控制項按順序排列成一行或者一列。

主要介紹下他的兩個主要的屬性:

orientation——方向,當設定為horizon時,layout中的控制項將排成一行,當設定為vertical時,layout中的控制項將排成一行。

fillmode——填充方式,即設定android:layout_width和android:layout_height,可以為三種值:具體的畫素值、wrap_content,表示按控制項中文字實際長度顯示 、 fill_parent, 表示填充剩下的所有可用空間。

3.framelayout:幀布局

幀布局是android布局中最簡單的一種,幀布局為每個加入其中的控制項建立乙個空白區域(成為一幀,每個控制項佔據一幀)。採用幀設計介面時,僅在螢幕左上角顯示乙個控制項,多個控制項,依次在左上角重疊顯示。

4.relativelayout:相對布局

相對布局 relativelayout 允許子元素指定它們相對於其父元素或兄弟元素的位置,這是實際布局中最常用的布局方式之一。它靈活性大很多,當然屬性也多,操作難度也大,屬性之間產生衝突的的可能性也大,使用相對布局時要多做些測試。

relativelayout用到的一些重要的屬性:

第一類:屬性值為true或false

android:layout_centerhrizontal 水平居中

android:layout_centervertical 垂直居中

android:layout_centerinparent 相對于父元素完全居中

android:layout_alignparentbottom 貼緊父元素的下邊緣

android:layout_alignparentleft 貼緊父元素的左邊緣

android:layout_alignparentright 貼緊父元素的右邊緣

android:layout_alignparenttop 貼緊父元素的上邊緣

android:layout_alignwithparentifmissing 如果對應的兄弟元素找不到的話就以父元素做參照物

第二類:屬性值必須為id的引用名「@id/id-name」

android:layout_below 在某元素的下方

android:layout_above 在某元素的的上方

android:layout_toleftof 在某元素的左邊

android:layout_torightof 在某元素的右邊

android:layout_aligntop 本元素的上邊緣和某元素的的上邊緣對齊

android:layout_alignleft 本元素的左邊緣和某元素的的左邊緣對齊

android:layout_alignbottom 本元素的下邊緣和某元素的的下邊緣對齊

android:layout_alignright 本元素的右邊緣和某元素的的右邊緣對齊

第三類:屬性值為具體的畫素值,如30dip,40px

android:layout_marginbottom 離某元素底邊緣的距離

android:layout_marginleft 離某元素左邊緣的距離

android:layout_marginright 離某元素右邊緣的距離

android:layout_margintop 離某元素上邊緣的距離

ps:**布局和網格布局稍後再談!

Flex布局(彈性布局)學習筆記

相關的css屬性 flex flow是felx direction和flex wrap的縮寫屬性 flex direction 決定主軸的方向 1.row 主軸方向從左到右 預設值 2.row reverse 主軸方向從右到左 3.column 主軸方向從上到下 4.column reverse 主...

《學習CSS布局》學習筆記

近幾天做了乙個小的企業展示 雖然頁面是在模板的基礎上改的,但改的多了不熟悉css也很麻煩。正好我看到了學習css布局這個 於是補習了一下css知識。css的元素分為兩類 塊級元素和行內元素。display屬性就是控制元素的表現形式,它的值包括inline block和none等。none通常用於在不...

Android(OPhone) 學習筆記 布局

在之前的例子中,程式中的控制項都是通過main.xml檔案描述名稱和特點,在oncreate的時候進行資源讀取,並且進行初始化。本文介紹一種布局方法,不需xml檔案,直接在程式初始化時進行描述。首先定義 private final int wc linearlayout.layoutparams.w...