使用PercentLayout布局实现固定比例控件

欢迎Follow我的GitHub, 关注我的简书. 其余参考Android目录.

效果

本文的合集已经编著成书，高级Android开发强化实战，欢迎各位读友的建议和指导。在京东即可购买：https://item.jd.com/12385680.html

Android

PercentLayout是百分比控件, 使用百分比属性创建控件. 除了常用的百分比, 也可以使用固定比例进行布局(aspect ratio). Percent相关Layout包括: PercentFrameLayout \ PercentRelativeLayout.

Gradle依赖

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

Layout布局, 提供宽度和比例, 自动适配高度.

    <android.support.percent.PercentRelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@+id/main_text">

        <ImageView
            android:layout_width="0dp"
            android:layout_height="0dp"
            android:background="#FF1493"
            app:layout_aspectRatio="@fraction/header_aspectRatio"
            app:layout_widthPercent="50%"/>

    </android.support.percent.PercentRelativeLayout>

比例的资源文件, fractions.xml.

<resources>
    <item name="header_aspectRatio" type="fraction">178%</item>
</resources>

178%的含义是16:9.

参考

OK, 可以通过比例, 更好的设置百分比控件.