資訊專欄INFORMATION COLUMN
摘要：舉例，有個(gè)第一層為公司，第二層為辦公室，第三層為工位，第四層是程序猿。若不設(shè)置的位置，則此四個(gè)文字都將默顯示在左上角，并且公司在最下面，程序猿在最上面。
前言
上一期我們給大家講解了LinearLayout，這一期我們?yōu)榇蠹抑v解一下FrameLayout（幀布局）的使用，相較于其他布局，F(xiàn)rameLayout可以說的上是最簡單的一個(gè)，并且其使用范圍相對(duì)來說也相對(duì)較小，但是也是Android中的六大布局之一，面試的時(shí)候還是會(huì)碰到的，所以讓我們趕緊開始學(xué)習(xí)吧~
簡介在FrameLayout中，這個(gè)布局直接在屏幕上開辟出一塊空白的區(qū)域，所有添加到這個(gè)布局中的視圖都是以層疊的方式顯示，而它會(huì)把這些試圖默認(rèn)放到這塊區(qū)域的左上角，第一個(gè)添加到布局中視圖顯示在最底層，最后一個(gè)被放在最頂層。上一層的視圖會(huì)覆蓋下一層的視圖，因此該布局類似于堆棧布局，這就是FrameLayout為什么被使用較少的原因。
FrameLayout的常用屬性很少就兩個(gè)
兩個(gè)屬性:
android:foreground:設(shè)置改幀布局容器的前景圖像
android:foregroundGravity:設(shè)置前景圖像顯示的位置
前景圖像:永遠(yuǎn)處于幀布局最上面,直接面對(duì)用戶的圖像,就是不會(huì)被覆蓋的圖片。
可能有的小伙伴對(duì)這個(gè)解釋比較模糊，那么我們來用實(shí)際操作讓大家直觀的感受一下到底是什么意思吧！
上圖中可以看到background顧名思義就是設(shè)置背景，那么前景是什么，相信小伙伴們已經(jīng)有點(diǎn)概念了，讓我們繼續(xù)往下看吧
相信小伙伴們看完上圖已經(jīng)徹底明白了什么是前景圖像，同樣的代碼，只是將background變成foreground，可以明確的看出圖1中HelloWord依然可以看到，但是在圖2中，已經(jīng)被擋住。我們可以這樣簡單的去理解，foreground其實(shí)就是一本書的封面，它把書中的內(nèi)容全部遮蓋住了。
通過layout_gravity設(shè)定值，再配合layout_marginTop，layout_marginLeft來設(shè)置位置。
舉例，有4個(gè)TextView：第一層為公司，第二層為辦公室，第三層為工位，第四層是程序猿。若不設(shè)置TextView的位置，則此四個(gè)文字都將默顯示在左上角，并且公司在最下面，程序猿在最上面。要實(shí)現(xiàn)圖中四幅圖的位置效果，則分別對(duì)應(yīng)以下設(shè)置：
（1）第一層公司 :android: layout_gravity="center"
（2） 第二層辦公室 :android: layout_gravity = "center" android:layout_marginTop="-150dp" (注意：此處是負(fù)數(shù)，因?yàn)? android:layout_gravity = "center" 表示水平和垂直方向上居中，基準(zhǔn)線為視圖水平和垂直方向的中點(diǎn)，因?yàn)檗k公室在基準(zhǔn)線的上方向(負(fù)方向)，所以為負(fù)數(shù))
（3）第三層工位 ：android:layout_gravity="top" android:layout_marginTop="40dp" android:layout_marginLeft="40dp" (注意：android:layout_gravity="top" 表示垂直方向頂端對(duì)齊，而水平方向是默認(rèn)左對(duì)齊)
（4）第四層程序猿 : android:layout_gravity="center" android:layout_marginTop="80dp" (對(duì)應(yīng)第二層辦公室的分析，就很容易理解，程序猿在基準(zhǔn)線下方向（正方向），所以為負(fù)數(shù)。并且注意：此處的基準(zhǔn)線不是屏幕的最上方，而是水平和垂直方向各自的中心線)
最終效果圖為：
結(jié)語關(guān)于FrameLayout的介紹就到這里啦，闊能部分小伙伴覺得今天的文章內(nèi)容不是太多，主要是因?yàn)镕rameLayout在實(shí)際項(xiàng)目中應(yīng)用到的場景非常之少，所以大家簡單了解一哈就好了。但是！！！小伙伴們跟著我們一起學(xué)習(xí)已經(jīng)有一周時(shí)間，相信肯定還有一小部分同學(xué)沒有創(chuàng)建自己的第一個(gè)項(xiàng)目，所以期望你們趕緊行動(dòng)起來，將這一周的精彩內(nèi)容都寫入你的第一個(gè)個(gè)人demo中吧。已經(jīng)跟著我們一直在實(shí)戰(zhàn)的小伙伴，希望你們也可以回顧一下之前文章，子曰：學(xué)而時(shí)習(xí)之，不亦說乎？~
PS:如果還有未看懂的小伙伴，歡迎加入我們的QQ技術(shù)交流群：892271582，里面有各種大神回答小伙伴們遇到的問題哦~
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://m.specialneedsforspecialkids.com/yun/76159.html
摘要：前言上一期我們給大家講解了的使用，這一期我們?yōu)榇蠹抑v解一下相對(duì)布局的使用，是的六大布局之一，也是我們常用的布局之一，下面我們一起開始學(xué)習(xí)吧簡介相對(duì)布局允許子元素指定它們相對(duì)于其父元素或兄弟元素的位置，這是實(shí)際布局中最常用的布局方式之一。 前言 上一期我們給大家講解了FrameLayout的使用，這一期我們?yōu)榇蠹抑v解一下RelativeLayout（相對(duì)布局）的使用，RelativeLa...
摘要：六大布局之簡介表格布局是將子分別排列成行和列的布局，是由許多對(duì)象組成的，表格布局以行列的形式管理子控件，每一個(gè)單元是一個(gè)或者對(duì)象。 前言 Hi，大家好，新的一周開始啦，讓我們繼續(xù)遨游在Android的知識(shí)海洋中吧！上一次我們講到了RelativeLayout，相信不少小伙伴已經(jīng)著手實(shí)戰(zhàn)，那么今天我們?yōu)榇蠹規(guī)砹蟛季种惺Ｏ碌娜齻€(gè)布局。本篇文章可以和前面的FrameLayout一同歸類到...
摘要：什么是界面布局為應(yīng)用程序提供界面架構(gòu)。線性布局指子控件以水平或垂直方式排列，正如其名字一樣，這個(gè)布局中的所有控件在線性方向上依次排列。可以把布局看作是一個(gè)可以放置很多控件的容器，它可以按照一定的規(guī)律調(diào)整控件的位置，從而實(shí)現(xiàn)精美的界面。 1. 什么是Layout？ Layout——界面布局,為應(yīng)用程序提供界面架構(gòu)。控制Activity中控件的大小、位置、顏色等屬性的方法. Layout...
閱讀 3648·2021-11-15 11:37
閱讀 2985·2021-11-12 10:36
閱讀 4434·2021-09-22 15:51
閱讀 2389·2021-08-27 16:18
閱讀 891·2019-08-30 15:44
閱讀 2174·2019-08-30 10:58
閱讀 1780·2019-08-29 17:18
閱讀 3287·2019-08-28 18:25
