Android百分比布局

檸檬冰啡咖 2018-03-27

展開(kāi)全文

以往在寫(xiě)網(wǎng)頁(yè)中我們經(jīng)常用到百分比布局，現(xiàn)在在Android中我們也可以百分比布局,，為屏幕適配帶來(lái)一些方便,。在使用時(shí)導(dǎo)入android-percent-support-lib-sample包。

使用說(shuō)明：
1.需要在build.gradle文件當(dāng)中導(dǎo)入以下內(nèi)容：
dependencies {
compile 'com.android.support:percent:24.4.0'
}
2.這個(gè)庫(kù)提供了包android.support.percent
這里包括了兩種布局：
PercentRelativeLayout,、PercentFrameLayout，通過(guò)名字就可以看出,，這是繼承自FrameLayout和RelativeLayout兩個(gè)容器類,；
android.support.percent.PercentRelativeLayout
android.support.percent.PercentFrameLayout

支持的屬性有：
layout_widthPercent、layout_heightPercent,、
layout_marginPercent,、layout_marginLeftPercent、
layout_marginTopPercent,、layout_marginRightPercent,、
layout_marginBottomPercent、layout_marginStartPercent,、layout_marginEndPercent,。

可以看到百分比布局支持寬高，以及margin屬性,。
只要在開(kāi)發(fā)過(guò)程中使用PercentRelativeLayout,、PercentFrameLayout替換FrameLayout、RelativeLayout,。

實(shí)例：

[html] view plain copy

print?

<android.support.percent.PercentRelativeLayout
xmlns:android="http://schemas./apk/res/android"
xmlns:app="http://schemas./apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<TextView
android:id="@+id/tv1"
android:layout_width="0dp"
android:layout_height="0dp"
app:layout_heightPercent="20%"
app:layout_widthPercent="30%"
android:background="#00ff00"
android:gravity="center"
android:text="w-30%,h-20%"/>
<TextView
android:id="@+id/tv2"
android:layout_width="0dp"
android:layout_height="0dp"
app:layout_heightPercent="20%"
app:layout_widthPercent="70%"
android:background="#ff0000"
android:layout_toRightOf="@+id/tv1"
android:gravity="center"
android:text="w-70%,h-20%"/>
<TextView
android:id="@+id/tv3"
app:layout_heightPercent="50%"
app:layout_widthPercent="50%"
android:layout_alignParentBottom="true"
android:layout_width="0dp"
android:background="#ffff00"
android:layout_height="0dp"
android:gravity="center"
android:text="w-50%,h-50%"/>
</android.support.percent.PercentRelativeLayout>

效果：

實(shí)例二：

[html] view plain copy

print?

<android.support.percent.PercentFrameLayout
xmlns:android="http://schemas./apk/res/android"
xmlns:app="http://schemas./apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent">
<TextView
android:id="@+id/tv1"
android:layout_width="0dp"
android:layout_height="0dp"
app:layout_heightPercent="20%"
app:layout_widthPercent="50%"
android:background="#ff00ff"
/>
<TextView
android:id="@+id/tv2"
android:layout_width="0dp"
android:layout_height="0dp"
app:layout_heightPercent="20%"
app:layout_widthPercent="50%"
android:layout_gravity="right|top"
android:background="#00ffff"/>
<TextView
android:id="@+id/tv3"
android:layout_width="0dp"
android:layout_height="0dp"
app:layout_heightPercent="20%"
app:layout_widthPercent="80%"
android:background="#ffff00"
app:layout_marginTopPercent="30%"/>
<ImageView
android:id="@+id/iv"
android:layout_width="0dp"
android:layout_height="0dp"
app:layout_marginTopPercent="50%"
app:layout_heightPercent="50%"
app:layout_widthPercent="100%"
android:src="@mipmap/ali"
android:scaleType="centerCrop"/>
</android.support.percent.PercentFrameLayout>

可以通過(guò)自定義實(shí)現(xiàn)線性百分比布局：

[java] view plain copy

print?

public class PercentLinearLayout extends LinearLayout {
private PercentLayoutHelper mPercentLayoutHelper;
public PercentLinearLayout(Context context, AttributeSet attrs) {
super(context, attrs);
mPercentLayoutHelper = new PercentLayoutHelper(this);
}
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
mPercentLayoutHelper.adjustChildren(widthMeasureSpec, heightMeasureSpec);
super.onMeasure(widthMeasureSpec, heightMeasureSpec);
if (mPercentLayoutHelper.handleMeasuredStateTooSmall()) {
super.onMeasure(widthMeasureSpec, heightMeasureSpec);
}
}
@Override
protected void onLayout(boolean changed, int l, int t, int r, int b) {
super.onLayout(changed, l, t, r, b);
mPercentLayoutHelper.restoreOriginalParams();
}
@Override
public LayoutParams generateLayoutParams(AttributeSet attrs) {
return new LayoutParams(getContext(), attrs);
}
public static class LayoutParams extends LinearLayout.LayoutParams
implements PercentLayoutHelper.PercentLayoutParams {
private PercentLayoutHelper.PercentLayoutInfo mPercentLayoutInfo;
public LayoutParams(Context c, AttributeSet attrs) {
super(c, attrs);
mPercentLayoutInfo = PercentLayoutHelper.getPercentLayoutInfo(c, attrs);
}
@Override
public PercentLayoutHelper.PercentLayoutInfo getPercentLayoutInfo() {
return mPercentLayoutInfo;
}
@Override
protected void setBaseAttributes(TypedArray a, int widthAttr, int heightAttr) {
PercentLayoutHelper.fetchWidthAndHeight(this, a, widthAttr, heightAttr);
}
public LayoutParams(int width, int height) {
super(width, height);
}
public LayoutParams(ViewGroup.LayoutParams source) {
super(source);
}
public LayoutParams(MarginLayoutParams source) {
super(source);
}
}
}

[html] view plain copy

print?

<com.xinyuliu.imageproject.custom.PercentLinearLayout
xmlns:android="http://schemas./apk/res/android"
xmlns:app="http://schemas./apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<TextView
android:id="@+id/tv1"
android:layout_width="0dp"
android:layout_height="0dp"
app:layout_heightPercent="10%"
app:layout_widthPercent="40%"
android:background="#00ff00"
app:layout_marginBottomPercent="5%"/>
<TextView
android:id="@+id/tv2"
android:layout_width="0dp"
android:layout_height="0dp"
app:layout_heightPercent="10%"
app:layout_widthPercent="60%"
android:background="#ff0000"
/>
<TextView
android:layout_width="0dp"
android:layout_height="0dp"
app:layout_heightPercent="10%"
app:layout_widthPercent="80%"
app:layout_marginTopPercent="5%"
android:background="#0000ff"/>
</com.xinyuliu.imageproject.custom.PercentLinearLayout>

通過(guò)導(dǎo)入com.zhy.android.percent.support.PercentFrameLayout實(shí)現(xiàn)居中布局：

[html] view plain copy

print?

<com.zhy.android.percent.support.PercentFrameLayout
xmlns:android="http://schemas./apk/res/android"
xmlns:app="http://schemas./apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent">
<com.zhy.android.percent.support.PercentFrameLayout
android:id="@+id/percentflayout01"
android:layout_width="0dp"
android:layout_height="0dp"
android:layout_gravity="center"
app:layout_heightPercent="50%w"
app:layout_widthPercent="50%w"
android:background="#ff0000">
<TextView
android:layout_width="0dp"
android:layout_height="0dp"
app:layout_heightPercent="25%w"
app:layout_widthPercent="25%w"
android:layout_gravity="center"
android:background="#00ff00"/>
</com.zhy.android.percent.support.PercentFrameLayout>
</com.zhy.android.percent.support.PercentFrameLayout>

本站是提供個(gè)人知識(shí)管理的網(wǎng)絡(luò)存儲(chǔ)空間,，所有內(nèi)容均由用戶發(fā)布,，不代表本站觀點(diǎn),。請(qǐng)注意甄別內(nèi)容中的聯(lián)系方式、誘導(dǎo)購(gòu)買(mǎi)等信息,，謹(jǐn)防詐騙,。如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容，請(qǐng)點(diǎn)擊一鍵舉報(bào),。

轉(zhuǎn)藏 分享

QQ空間 QQ好友新浪微博微信

獻(xiàn)花（0） +1

來(lái)自：檸檬冰啡咖 > 《android》

舉報(bào)/認(rèn)領(lǐng)