百分比布局的使用

2022-01-20 09:48:13 字數 1281 閱讀 7945

今天有時間搗鼓了一下這個東西,和大家分享一下。

官方提供的包裡,關於百分比布局有兩個,如下:

就是percentframelayout和percentrelativelayout,我們今天就來說說這兩個百分比布局的使用吧。

本文demo使用android studio來完成,所以直接在gradle檔案中新增下面一行即可。

compile

'com.android.support:percent:23.1.0'

:layout_heightpercent=

"20%"

:layout_widthpercent=

"70%"兩個屬性來設定控制項的大小。

上面的**中一共有三個view,第乙個view的寬為螢幕寬度的70%,高為螢幕高度的20%,第二個view位於第乙個view的右邊,它的寬度為螢幕寬度的30%,高為螢幕高度的20%,第三個view依次類推,那麼它的效果圖如下:

是不是很簡單呢?在百分比布局中,除了寬高我們可以用百分數來表示之外,margin我們也可以用百分比來表示,比如下面幾個屬性:

第乙個view我們將其寬設定為100dp,高設定為200dp,第二個view我們將其寬設定為100dp,但是高設定為0dp,同時給它設定了layout_aspectratio屬性,這個屬性的值為100%,表示view的寬高比為1:1,所以就看到上面的效果,如果我們將之設定為50%,表示寬高比為0.5:1,那麼我們看到的效果將是這樣的:

好了,最後我們再來看乙個percentframelayout布局的demo:

**如下:

<?xml version="1.0" encoding="utf-8"?>

效果圖如下:

百分比布局

參考位址 螢幕的適配是我們android開發最經常做的事情之一,我們一直指望著能夠一套布局適配所有。於是在android5.0之後,提供了android support percent lib,這樣我們可以盡情的使用。使用的時候,我們嗯需要設定的有 layout marginpercent layo...

百分比布局

其中相對布局和幀布局官方是有支援庫的 compile com.android.support percent 25.3.0 但線性布局並沒有 public class percentlinearlayout extends linearlayout override protected void o...

CSS百分比布局

曾經的 布局可能大家都有點陌生了吧,其實我也是基本上沒用過,自從web2.0的興起,重構的思想,這讓 布局就這樣消失了基本上,布局中有用到百分比布局的,在 布局 落下帷幕之後,基本上我們都是讓網頁固定為950 1000px,如果布局使用了百分比寬度 如90 耳邊很快就能聽到抱怨 我的顯示器上效果不太...