最全Android 自定义最大宽度，高度, 宽高比例 Layout，海尔技术面试

写在最后

本次我的分享也接近尾声了，感谢你们在百忙中花上一下午来这里聆听我的宣讲，希望在接下来的日子，我们共同成长，一起进步！！！

最后放上一个大概的Android学习方向及思路（详细的内容太多了~），提供给大家：

对于程序员来说，要学习的知识内容、技术有太多太多，这里就先放上一部分，其他的内容有机会在后面的文章向大家呈现出来，不过我自己所有的学习资料都整理成了一个文档，一直在不断学习，希望能帮助到大家，也节省大家在网上搜索资料的时间来学习，也可以分享动态给身边好友一起学习！

为什么某些人会一直比你优秀，是因为他本身就很优秀还一直在持续努力变得更优秀，而你是不是还在满足于现状内心在窃喜！希望读到这的您能点个小赞和关注下我，以后还会更新技术干货，谢谢您的支持！

Android架构师之路很漫长，一起共勉吧！

如果你觉得文章写得不错就给个赞呗？如果你觉得那里值得改进的，请给我留言，一定会认真查询，修正不足，谢谢。

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化学习资料的朋友，可以戳这里获取

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

android:layout_width=“match_parent”

android:layout_height=“wrap_content”

android:layout_gravity=“center”

android:padding=“10dp”

android:text=“同时指定最大宽度和最大高度” />

</com.xj.maxlayout.MaxLayout>

指定宽高比

指定宽高比，我们需要设置两个属性，ml_ratio_standard 和 ml_ratio。ml_ratio_standard 有两个值，w_h 代表已宽度为基准，h_w 代表已高度为基准。

比如，我们要指定高度是宽度的某个比例的时候，如，高度是宽度的两倍，可以这样写

<com.xj.maxlayout.MaxLayout

android:id=“@+id/ml_1”

android:layout_width=“100dp”

android:layout_height=“wrap_content”

android:background=“@color/colorAccent”

app:ml_ratio=“2.0”

app:ml_ratio_standard=“w_h”>

<ImageView

android:layout_width=“match_parent”

android:layout_height=“match_parent”

android:scaleType=“centerCrop”

android:src=“@mipmap/jsy03” />

</com.xj.maxlayout.MaxLayout>

比如，我们要指定宽度是高度的某个比例的时候，如，宽度是高度的 0.8，可以这样写

<com.xj.maxlayout.MaxLayout

android:id=“@+id/ml_2”

android:layout_width=“match_parent”

android:layout_height=“200dp”

android:layout_marginLeft=“20dp”

android:layout_toRightOf=“@id/ml_1”

android:background=“@android:color/holo_blue_light”

app:ml_ratio=“0.8”

app:ml_ratio_standard=“h_w”>

<ImageView

android:layout_width=“match_parent”

android:layout_height=“match_parent”

android:scaleType=“centerCrop”

android:src=“@mipmap/jsy04” />

</com.xj.maxlayout.MaxLayout>

当然，也可以同时指定比例和最大宽度，高度。

<com.xj.maxlayout.MaxLayout

android:id=“@+id/ml_03”

android:layout_width=“match_parent”

android:layout_height=“220dp”

android:layout_below=“@id/ml_1”

android:layout_marginTop=“15dp”

android:background=“@android:color/holo_blue_light”

app:ml_maxWidth=“150dp”>

<ImageView

android:layout_width=“match_parent”

android:layout_height=“match_parent”

android:scaleType=“centerCrop”

android:src=“@mipmap/jsy05” />

</com.xj.maxlayout.MaxLayout>

---

原理介绍

---

原理其实很简单，对自定义 View 有基本了解的人都知道，View 的宽度和高度，是在 onMeasure 方法中进行测量的，他们的大小受 MeasureSpec 的影响。既然如此，那么我们在继承 FrameLayout，重写它的 onMeasure 方法。在 onMeasure 方法中根据我们指定的最大宽度，高度和比例对 MeasureSpec 进行调整即可。

思路大概如下

• 没有设置最大宽度，高度，宽高比例，不需要调整，直接返回

• 先拿到原来的 mode 和 size，暂存起来

• 根据宽高的比例进行相应的调整

@Override

protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {

// 是否设置了比例

boolean setRatio = isSetRatio();

// 没有设置最大宽度，高度，宽高比例，不需要调整，直接返回

if (mMaxWidth <= DEF_VALUE && mMaxHeight <= DEF_VALUE && !setRatio) {

super.onMeasure(widthMeasureSpec, heightMeasureSpec);

return;

}

// 拿到原来宽度，高度的 mode 和 size

int heightMode = MeasureSpec.getMode(heightMeasureSpec);

int heightSize = MeasureSpec.getSize(heightMeasureSpec);

int widthMode = MeasureSpec.getMode(widthMeasureSpec);

int widthSize = MeasureSpec.getSize(widthMeasureSpec);

Log.d(TAG, “origin onMeasure: widthSize =” + widthSize + "heightSize = " + heightSize);

if (mRatioStandrad == W_H) { // 当模式已宽度为基准

widthSize = getWidth(widthSize);

if (mRatio >= 0) {

heightSize = (int) (widthSize * mRatio);

}

heightSize = getHeight(heightSize);

int maxHeightMeasureSpec = MeasureSpec.makeMeasureSpec(heightSize, MeasureSpec.EXACTLY);

int maxWidthMeasureSpec = MeasureSpec.makeMeasureSpec(widthSize, widthMode);

super.onMeasure(maxWidthMeasureSpec, maxHeightMeasureSpec);

} else if (mRatioStandrad == H_W) { // 当模式已高度为基准

heightSize = getHeight(heightSize);

if (mRatio >= 0) {

widthSize = (int) (heightSize * mRatio);

}

widthSize = getWidth(widthSize);

int maxHeightMeasureSpec = MeasureSpec.makeMeasureSpec(heightSize, heightMode);

int maxWidthMeasureSpec = MeasureSpec.makeMeasureSpec(widthSize, MeasureSpec.EXACTLY);

super.onMeasure(maxWidthMeasureSpec, maxHeightMeasureSpec);

} else { // 当没有设定比例的时候

widthSize = getWidth(widthSize);

heightSize = getHeight(heightSize);

int maxHeightMeasureSpec = MeasureSpec.makeMeasureSpec(heightSize, heightMode);

int maxWidthMeasureSpec = MeasureSpec.makeMeasureSpec(widthSize, widthMode);

super.onMeasure(maxWidthMeasureSpec, maxHeightMeasureSpec);

}

Log.d(TAG, “adjust onMeasure: widthSize =” + widthSize + "heightSize = " + heightSize);

}

最后

针对Android程序员，我这边给大家整理了一些资料，包括不限于高级UI、性能优化、架构师课程、NDK、混合式开发（ReactNative+Weex）微信小程序、Flutter等全方面的Android进阶实践技术；希望能帮助到大家，也节省大家在网上搜索资料的时间来学习，也可以分享动态给身边好友一起学习！

• Android前沿技术大纲

  

• 全套体系化高级架构视频

  

Android高级架构资料、源码、笔记、视频。高级UI、性能优化、架构师课程、混合式开发（ReactNative+Weex）全方面的Android进阶实践技术，群内还有技术大牛一起讨论交流解决问题。

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化学习资料的朋友，可以戳这里获取

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

343715775)]

Android高级架构资料、源码、笔记、视频。高级UI、性能优化、架构师课程、混合式开发（ReactNative+Weex）全方面的Android进阶实践技术，群内还有技术大牛一起讨论交流解决问题。

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化学习资料的朋友，可以戳这里获取

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！