Android百分比布局

一概述
安卓開發(fā)過(guò)程中一直比較無(wú)賴適配的問(wèn)題个少,感到比較迷茫踏揣,一般的手機(jī)開發(fā)布局只是做到簡(jiǎn)單的適配锻全,有的時(shí)候我們覺(jué)得網(wǎng)頁(yè)的適配為什么簡(jiǎn)單狂塘,其實(shí)有了解過(guò)的小盆友知道录煤,網(wǎng)頁(yè)的界面使用百分比計(jì)算的,那么這樣的話荞胡,頁(yè)面大小的適配妈踊,是不是變得很簡(jiǎn)單,其實(shí)泪漂,近期安卓也是新增了百分比布局廊营,讓吃瓜的觀眾很是激動(dòng)。

此庫(kù)提供了兩種布局供大家使用:

  • PercentRelativeLayout萝勤、PercentFrameLayout赘风,通過(guò)名字就可以看出,這是繼承自FrameLayout和RelativeLayout兩個(gè)容器類纵刘;

  • 支持的屬性有:

layout_widthPercent邀窃、layout_heightPercent、
layout_marginPercent假哎、layout_marginLeftPercent瞬捕、
layout_marginTopPercent、layout_marginRightPercent舵抹、
layout_marginBottomPercent肪虎、layout_marginStartPercent、layout_marginEndPercent惧蛹。

可以看到支持寬高扇救,以及margin。

二香嗓、簡(jiǎn)單的使用:
首先記得在build.gradle添加:

compile 'com.android.support:percent:22.2.0'

(一)PercentFrameLayout

<?xml version="1.0" encoding="utf-8"?>
<android.support.percent.PercentFrameLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <TextView
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:layout_gravity="left|top"
        android:background="#44ff0000"
        android:text="width:10%,height:10%"
        app:layout_heightPercent="10%"
        app:layout_widthPercent="20%"/>

    <TextView
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:layout_gravity="right|top"
        android:background="#4400ff00"
        android:text="width:50%,height:20%"
        app:layout_heightPercent="20%"
        app:layout_widthPercent="50%"/>
</android.support.percent.PercentFrameLayout>

(二) PercentRelativeLayout

<?xml version="1.0" encoding="utf-8"?>
<android.support.percent.PercentRelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:clickable="true">

    <TextView
        android:id="@+id/row_one_item_one"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:layout_alignParentTop="true"
        android:background="#7700ff00"
        android:text="w:70%,h:20%"
        android:gravity="center"
        app:layout_heightPercent="20%"
        app:layout_widthPercent="70%"/>

    <TextView
        android:id="@+id/row_one_item_two"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:layout_toRightOf="@+id/row_one_item_one"
        android:background="#396190"
        android:text="w:30%,h:20%"
        app:layout_heightPercent="20%"
        android:gravity="center"
        app:layout_widthPercent="30%"/>


    <ImageView
        android:id="@+id/row_two_item_one"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:src="@drawable/tangyan"
        android:scaleType="centerCrop"
        android:layout_below="@+id/row_one_item_one"
        android:background="#d89695"
        app:layout_heightPercent="50%"/>

    <TextView
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:layout_below="@id/row_two_item_one"
        android:background="#770000ff"
        android:gravity="center"
        android:text="width:90%,height:20%"
        app:layout_heightPercent="20%"
        app:layout_widthPercent="90%"/>
</android.support.percent.PercentRelativeLayout>

三總結(jié):
使用百分比布局會(huì)是的很多的布局變的很簡(jiǎn)單方便迅腔,而且在適配布局的大小上也不用那么復(fù)雜的計(jì)算,對(duì)許多朋友都很有幫助靠娱,有不好的地方多多指出沧烈,后期多多改正!

四引用:
https://github.com/hongyangAndroid/android-percent-support-extend

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末像云,一起剝皮案震驚了整個(gè)濱河市锌雀,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌迅诬,老刑警劉巖腋逆,帶你破解...
    沈念sama閱讀 222,378評(píng)論 6 516
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異侈贷,居然都是意外死亡惩歉,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,970評(píng)論 3 399
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)柬泽,“玉大人慎菲,你說(shuō)我怎么就攤上這事∠遣ⅲ” “怎么了露该?”我有些...
    開封第一講書人閱讀 168,983評(píng)論 0 362
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)第煮。 經(jīng)常有香客問(wèn)我解幼,道長(zhǎng),這世上最難降的妖魔是什么包警? 我笑而不...
    開封第一講書人閱讀 59,938評(píng)論 1 299
  • 正文 為了忘掉前任撵摆,我火速辦了婚禮,結(jié)果婚禮上害晦,老公的妹妹穿的比我還像新娘特铝。我一直安慰自己,他們只是感情好壹瘟,可當(dāng)我...
    茶點(diǎn)故事閱讀 68,955評(píng)論 6 398
  • 文/花漫 我一把揭開白布鲫剿。 她就那樣靜靜地躺著,像睡著了一般稻轨。 火紅的嫁衣襯著肌膚如雪灵莲。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 52,549評(píng)論 1 312
  • 那天殴俱,我揣著相機(jī)與錄音政冻,去河邊找鬼。 笑死线欲,一個(gè)胖子當(dāng)著我的面吹牛明场,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播询筏,決...
    沈念sama閱讀 41,063評(píng)論 3 422
  • 文/蒼蘭香墨 我猛地睜開眼榕堰,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了嫌套?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,991評(píng)論 0 277
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤圾旨,失蹤者是張志新(化名)和其女友劉穎踱讨,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體砍的,經(jīng)...
    沈念sama閱讀 46,522評(píng)論 1 319
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡痹筛,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,604評(píng)論 3 342
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片帚稠。...
    茶點(diǎn)故事閱讀 40,742評(píng)論 1 353
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡谣旁,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出滋早,到底是詐尸還是另有隱情榄审,我是刑警寧澤,帶...
    沈念sama閱讀 36,413評(píng)論 5 351
  • 正文 年R本政府宣布杆麸,位于F島的核電站搁进,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏昔头。R本人自食惡果不足惜饼问,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 42,094評(píng)論 3 335
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望揭斧。 院中可真熱鬧莱革,春花似錦、人聲如沸讹开。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,572評(píng)論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)萧吠。三九已至左冬,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間纸型,已是汗流浹背拇砰。 一陣腳步聲響...
    開封第一講書人閱讀 33,671評(píng)論 1 274
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留狰腌,地道東北人除破。 一個(gè)月前我還...
    沈念sama閱讀 49,159評(píng)論 3 378
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像琼腔,于是被迫代替她去往敵國(guó)和親瑰枫。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,747評(píng)論 2 361

推薦閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,312評(píng)論 25 707
  • 基本介紹 Android提供了Android-percent-support這個(gè)庫(kù)丹莲,支持百分比布局光坝,在一定程度上可...
    藍(lán)楓zeke閱讀 15,788評(píng)論 0 17
  • Google開始支持百分比的方式布局了已經(jīng)大半年了吧(7個(gè)月?甥材?)https://github.com/Julie...
    CoderBigBear閱讀 2,566評(píng)論 2 2
  • 本書主要分為三部分講述: 第一部分:商業(yè)篇 第二部分:團(tuán)隊(duì)篇 第三部分:職業(yè)管理篇 第一部分:商業(yè)篇 Before...
    a1a88c3a5c84閱讀 3,546評(píng)論 0 2
  • 清晨醒來(lái)盯另,我總是偷偷從背后抱住你 在你還未睡醒的時(shí)候,摸摸肚皮 圓圓洲赵,怎么抱都沒(méi)有邊 我的胖先生鸳惯,這個(gè)時(shí)候我就想起...
    叮咚的你閱讀 162評(píng)論 4 3