Android百分比布局

基本介绍

Android提供了Android-percent-support这个库，支持百分比布局，在一定程度上可以解决屏幕适配的问题

他提供了：

• 两种布局：
  PercentRelativeLayout和PercentFrameLayout
  PercentRelativeLayout继承RelativeLayout
  PercentFrameLayout继承FrameLayout
  对于线性布局，可以用权重来解决，也可以用大神写的PercentLinearLayout来代替

• 支持的属性：
  layout_widthPercent
  layout_heightPercent
  layout_marginPercent
  layout_marginLeftPercent
  layout_marginTopPercent
  layout_marginRightPercent
  layout_marginBottomPercent
  layout_marginStartPercent
  layout_marginEndPercent

基本使用

github上，android-percent-support-lib-sample

build.gradle添加：

compile 'com.android.support:percent:25.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">    <ImageView        android:layout_width="0dp"        android:layout_height="0dp"        app:layout_heightPercent="20%"        app:layout_widthPercent="50%"        android:layout_gravity="center"        android:background="@mipmap/picture"/>    <TextView        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:textSize="16sp"        android:layout_gravity="center"        android:text="孩子"        android:gravity="center"/></android.support.percent.PercentFrameLayout>

在480*800上的显示效果

在720*1280上的显示效果

PercentRelativeLayout和PercentLinearLayout

PercentLinearLayout.java

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);        }    }}

布局文件

<?xml version="1.0" encoding="utf-8"?><percentlib.zhoujian.com.percentlib.PercentLinearLayout    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:orientation="vertical">    <android.support.percent.PercentRelativeLayout        android:layout_width="0dp"        android:layout_height="0dp"        android:background="#2C9A2D"        app:layout_heightPercent="9%"        app:layout_widthPercent="100%">        <ImageButton            android:layout_width="0dp"            android:layout_height="0dp"            android:layout_alignParentLeft="true"            android:layout_centerVertical="true"            app:layout_marginLeftPercent="5%"            android:layout_marginLeft="20dp"            android:background="@mipmap/itemback"            app:layout_heightPercent="60%"            app:layout_widthPercent="8%"/>        <TextView            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:layout_centerInParent="true"            android:text="我是标题"            android:textSize="18sp"/>        <ImageButton            android:layout_width="0dp"            android:layout_height="0dp"            android:layout_alignParentRight="true"            android:layout_centerVertical="true"            app:layout_marginRightPercent="5%"            android:background="@mipmap/share"            app:layout_heightPercent="60%"            app:layout_widthPercent="8%"/>    </android.support.percent.PercentRelativeLayout>    <ImageView        android:layout_width="0dp"        android:layout_height="0dp"        android:layout_gravity="center"        android:layout_marginTop="20dp"        android:background="@mipmap/picture"        app:layout_heightPercent="30%"        app:layout_widthPercent="50%"/>    <TextView        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_gravity="center"        android:layout_marginTop="20dp"        android:gravity="center"        android:text="孩子"        android:textSize="16sp"/></percentlib.zhoujian.com.percentlib.PercentLinearLayout>

在480*800上的显示效果:

在720*1280上的显示效果: