不建議使用
雖然該方法帶來(lái)了開(kāi)發(fā)上的便利堪伍，但違背了Google設(shè)計(jì)上的理念，多種屏幕使用同一種尺寸在平板上會(huì)顯得字體和圖標(biāo)特別大觅闽，還是推薦老老實(shí)實(shí)的去多寫(xiě)幾個(gè)布局來(lái)適配屏幕帝雇。
序
上一版本的介紹之前寫(xiě)過(guò)，的只是源碼一片混亂蛉拙，介紹也不清楚尸闸，并且實(shí)際應(yīng)用遇到各種不便決定重寫(xiě)。本來(lái)打算是花一個(gè)星期的孕锄，后來(lái)各種原因拖到現(xiàn)在才繼續(xù)完成吮廉，功能基本一致重構(gòu)再完成也就一兩天的事。確實(shí)要反思下自己的拖延癥了畸肆。廢話不多說(shuō)先介紹如何改進(jìn)和使用宦芦。
GitHub地址：https://github.com/brady9308/universal-layout
UniversalLayout 新版特性
添加了代碼提示，再也不擔(dān)心敲錯(cuò)參數(shù)名了轴脐；
優(yōu)化參數(shù)解析调卑，更加合理智能的參數(shù)解析，不再必須附帶參數(shù)修飾了大咱；
加入新測(cè)量方法恬涧，還有未完成的功能敬請(qǐng)期待；
UniversalLayout 的導(dǎo)入
- 在項(xiàng)目根目錄build.gradle添加repositories徽级，注意是項(xiàng)目根目錄的气破，不是項(xiàng)目的build.gradle
repositories { //其他maven庫(kù)... maven { url "https://jitpack.io" } } - 在項(xiàng)目的build.gradle添加dependencies
dependencies { compile 'com.github.brady9308:universal-layout:1.1.0' }
版本歷史
- 1.1.0版本
重構(gòu)代碼結(jié)構(gòu)，拆分類文件 添加百分比以自身為比例計(jì)算 添加百分比以父控件比例是否加入padding值計(jì)算設(shè)置 添加布局文件參數(shù)提示 修改簡(jiǎn)化參數(shù)名稱 修改基礎(chǔ)值默認(rèn)為自適應(yīng)餐抢、屏幕现使、寬度 修改min、max的計(jì)算方式支持任意空間設(shè)置 不兼容1.0.x版本旷痕，但兩個(gè)版本可以共存 - 1.0.x版本
初始版本
UniversalLayout 的使用之自動(dòng)適配
這是推薦的方法先進(jìn)行介紹碳锈，布局會(huì)自動(dòng)根據(jù)設(shè)計(jì)稿的尺寸和屏幕尺寸自動(dòng)適配，再也不用考慮設(shè)計(jì)的單位要換算為多少dp和多少sp了欺抗。只需要你定義設(shè)計(jì)稿的尺寸售碳，一切都由布局自動(dòng)完成。
-
在主題存放設(shè)計(jì)的尺寸
<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar"> <!-- Customize your theme here. --> <item name="layout_widthDesign">640px</item> <item name="layout_heightDesign">1136px</item> </style>或者自定義一個(gè)Style樣式存放設(shè)計(jì)的尺寸绞呈，多個(gè)尺寸就定義多個(gè)
<style name="Design320x568"> <item name="layout_widthDesign">320px</item> <item name="layout_heightDesign">568px</item> </style> <style name="Design640x1136"> <item name="layout_widthDesign">640px</item> <item name="layout_heightDesign">1136px</item> </style> <style name="LayoutWrapWrap"> <item name="android:layout_width">wrap_content</item> <item name="android:layout_height">wrap_content</item> </style> -
針對(duì)主題定義的設(shè)計(jì)尺寸贸人，最簡(jiǎn)單了不需要特殊屬性設(shè)置
<?xml version="1.0" encoding="utf-8"?> <silicar.tutu.universal.widget.UniversalLinearLayout android:orientation="vertical" android:gravity="center" 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"> <ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:scaleType="fitXY" android:src="@mipmap/temp" app:layout_widthExt="300" app:layout_heightExt="200"/> </silicar.tutu.universal.widget.UniversalLinearLayout>640x1136預(yù)覽效果 -
設(shè)計(jì)換人了，新的設(shè)計(jì)稿和原來(lái)的尺寸不一樣怎么辦佃声，不急我們也跟著換尺寸艺智，在父控件添加
app:childStyle="@style/Design320x568"指定新的設(shè)計(jì)稿尺寸<?xml version="1.0" encoding="utf-8"?> <silicar.tutu.universal.widget.UniversalLinearLayout android:orientation="vertical" android:gravity="center" 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" app:childStyle="@style/Design320x568"> <ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:scaleType="fitXY" android:src="@mipmap/temp" app:layout_widthExt="300" app:layout_heightExt="200"/> </silicar.tutu.universal.widget.UniversalLinearLayout>需要說(shuō)明的是，這里只改變子控件的設(shè)計(jì)稿尺寸圾亏，不傳遞的就是說(shuō)子控件的子控件是不改變的十拣，必須另外指定
320x568預(yù)覽效果 -
只修改某個(gè)控件的設(shè)計(jì)尺寸封拧，這個(gè)適配方案就這么考慮的，每個(gè)子控件都有自己的設(shè)計(jì)稿尺寸夭问，都能指定設(shè)計(jì)稿尺寸
app:layout_widthDesign="480px" app:layout_heightDesign="800px"<?xml version="1.0" encoding="utf-8"?> <silicar.tutu.universal.widget.UniversalLinearLayout android:orientation="vertical" android:gravity="center" 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" app:childStyle="@style/Design320x568"> <ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:scaleType="fitXY" android:src="@mipmap/temp" app:layout_widthDesign="480px" app:layout_heightDesign="800px" app:layout_widthExt="300" app:layout_heightExt="200"/> </silicar.tutu.universal.widget.UniversalLinearLayout>說(shuō)明下屬性的優(yōu)先級(jí)泽西，子控件尺寸>父控件尺寸>主題尺寸
480x800預(yù)覽效果
UniversalLayout 的使用之百分比
UniversalLayout的就是基于Google官方的PercentLayout擴(kuò)展重構(gòu)的。因此百分比的支持是必須的，在原來(lái)的基礎(chǔ)上又進(jìn)行了擴(kuò)展，使用更加方便了毅桃。
-
以屏幕寬度為參照的百分比昔榴，百分比的默認(rèn)方法
<?xml version="1.0" encoding="utf-8"?> <silicar.tutu.universal.widget.UniversalLinearLayout android:orientation="vertical" android:gravity="center" 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"> <ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:scaleType="fitXY" android:src="@mipmap/temp" app:layout_widthExt="50%" app:layout_heightExt="30%"/> </silicar.tutu.universal.widget.UniversalLinearLayout>屏幕寬度百分比 -
以屏幕高度為參照的百分比
<?xml version="1.0" encoding="utf-8"?> <silicar.tutu.universal.widget.UniversalLinearLayout android:orientation="vertical" android:gravity="center" 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"> <ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:scaleType="fitXY" android:src="@mipmap/temp" app:layout_widthExt="50%h" app:layout_heightExt="30%h"/> </silicar.tutu.universal.widget.UniversalLinearLayout>屏幕高度百分比 -
以父控件寬度為參照的百分比(高度參考項(xiàng)目例子，不舉例了)
<?xml version="1.0" encoding="utf-8"?> <silicar.tutu.universal.widget.UniversalLinearLayout android:orientation="vertical" android:gravity="center" 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"> <silicar.tutu.universal.widget.UniversalLinearLayout android:orientation="vertical" android:gravity="center" android:background="#ccc" android:layout_width="match_parent" android:layout_height="match_parent" app:layout_marginExt="5%"> <ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:scaleType="fitXY" android:src="@mipmap/temp" app:layout_widthExt="50%p" app:layout_heightExt="30%p"/> </silicar.tutu.universal.widget.UniversalLinearLayout> </silicar.tutu.universal.widget.UniversalLinearLayout>父控件寬度百分比 -
以自身為參照的百分比
<?xml version="1.0" encoding="utf-8"?> <silicar.tutu.universal.widget.UniversalLinearLayout android:orientation="vertical" android:gravity="center" 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"> <silicar.tutu.universal.widget.UniversalLinearLayout android:orientation="vertical" android:gravity="center" android:background="#ccc" android:layout_width="match_parent" android:layout_height="match_parent" app:layout_marginExt="5%"> <ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:scaleType="fitXY" android:src="@mipmap/temp" app:layout_widthExt="100%oh" app:layout_heightExt="30%ph"/> </silicar.tutu.universal.widget.UniversalLinearLayout> </silicar.tutu.universal.widget.UniversalLinearLayout>該功能還未完成，存在點(diǎn)小問(wèn)題50%o,50%ow,50%oh，多數(shù)情況還是能使用的
自身高度百分比
適配的時(shí)候建議寬度作為基礎(chǔ)，默認(rèn)也是以寬度為基礎(chǔ)非竿，Android的屏幕比不全都是9：16，不同的手機(jī)會(huì)有不同谋竖，Nexus 4(768x1280)和Galaxy Nexus(720x1280)都是4.7寸屏红柱，但比例不一樣。
UniversalLayout 動(dòng)態(tài)設(shè)置
難免需要用到蓖乘，比如在ListView中設(shè)置item的高度锤悄，在代碼中使用UniversalLayout有兩種情況。
- 父控件是UniversalLayout并設(shè)置了相應(yīng)屬性
UniversalLinearLayout.LayoutParams params = (UniversalLinearLayout.LayoutParams) codeView.getLayoutParams();
UniversalLayoutInfo info = params.getUniversalLayoutInfo();
info.width.value = 0.8f;
//SampleModel model = (SampleModel) info.width.model;
//model.setMode(BaseModel.modePercent).setObj(BaseModel.objScreen);
info.width.model = new SampleModel(BaseModel.modePercent, BaseModel.objScreen, true);
info.height.value = 50;
codeView.requestLayout();
- 普通布局嘉抒、父控件是UniversalLayout未設(shè)置屬性
UniversalValue universalValue = new UniversalValue(300, new SampleModel().getDefaultDesign());
codeView2.getLayoutParams().width = (int) UniversalDimens.getUniversalDimens(universalValue, UniversalLayoutHelper.getDisplay());
codeView2.getLayoutParams().height = (int) UniversalDimens.getUniversalDimens(universalValue, UniversalLayoutHelper.getDisplay());
codeView2.requestLayout();
本作品采用知識(shí)共享署名-非商業(yè)性使用-相同方式共享 4.0 國(guó)際許可協(xié)議進(jìn)行許可零聚。轉(zhuǎn)載請(qǐng)保留作者及原文鏈接
