效果图
image
在这个布局中，EditText实现了高度自适配，但限制于一屏内，文字超过一屏时则在EditText控件内进行滑动。充分利用了EditText的特性，避免了ScrollView的使用。
实现思路
为了实现图中的效果，分析可知最关键的点有三个：
- 有最低高度。这个最简单，用EditText自带的minLines就可以达成效果
- 高度要设为 android:layout_height="wrap_content"
- EditText所占的空间只有一屏内的空白区域，并且不能超出此区域
于是我开始了不断尝试：
简单的LinearLayout和FrameLayout都会出现当文字超出一屏高度时，直接就往屏幕外部继续延长了。因为没办法将其限制在某个区域里，如果用LinearLayout的权重效果，那等于是直接占满空白区域了，明显也不是我们想要的。
那么需要一个可以限制其所在范围的布局，是不是一下就想到了用的最多也最方便的ConstrainLayout。可惜ConstrainLayout也不行，哪怕限制了底边相关联，但如果不设置高度为0dp，wrap_content的情况仍然会超出屏幕，而高度设为0时等于直接占满了。
同样还有使用Chains链，不仅位置无法固定，而且也解决不了高度越出的问题。最后我甚至还尝试了使用两个EditText，同时输入同样的文字，一个隐藏掉只用来确定高度，另一个按它的高度进行适配。结果当然也失败了，至少只用ConstrainLayout我是没有达成效果。
解决方案
在多次失败后，我一度以为是不是无法实现这样的效果了，要么妥协将EditText设为固定高度，或者使用ScrollView来配合，或者通过代码动态获取文字高度来设置控件高度。
但总不能那么轻易妥协，然后我想起了RelativeLayout，这个自从有了ConstrainLayout之后就已经被冷落了的布局。本来我以为后者是前者的"plus版"，大哥都做不到的，小弟怎么能做到呢？
结果我还真被打脸了，测试后发现，EditText在RelativeLayout布局内，高度设为wrap_content时，既可以自适应高度，而且控件高度会被直接限制在根布局RelativeLayout内，也就是不会越出屏幕！
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@color/white_fff"
android:fitsSystemWindows="true"
android:focusable="true"
android:focusableInTouchMode="true">
<com.widget.TitleBar
android:id="@+id/titlebar"
android:layout_width="match_parent"
android:layout_height="@dimen/dp_42"
app:leftText="返回"
app:leftTextDrawableLeft="@mipmap/top_return" />
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_marginTop="@dimen/dp_42">
<EditText
android:id="@+id/et_notice"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginStart="24dp"
android:layout_marginTop="14dp"
android:layout_marginEnd="24dp"
android:layout_marginBottom="@dimen/dp_62"
android:background="@drawable/guild_rect_solid_f2f2f2_radius_3"
android:gravity="start"
android:hint="请输入公会公告"
android:includeFontPadding="false"
android:lineSpacingMultiplier="1.2"
android:maxLength="1000"
android:minLines="8"
android:paddingStart="14dp"
android:paddingTop="12dp"
android:paddingEnd="14dp"
android:paddingBottom="12dp"
android:textAppearance="@style/guild_TextAppearance.262122_14"/>
<TextView
android:id="@+id/tv_word_count"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignStart="@+id/et_notice"
android:layout_alignTop="@+id/tv_push"
android:layout_alignBottom="@+id/tv_push"
android:gravity="center"
android:includeFontPadding="false"
android:text="@string/guild_notice_tip"
android:textColor="@color/grey_999"
android:textSize="11sp" />
<TextView
android:id="@+id/tv_push"
android:layout_width="wrap_content"
android:layout_height="22dp"
android:layout_alignEnd="@+id/et_notice"
android:layout_alignBottom="@+id/et_notice"
android:layout_marginTop="@dimen/dp_14"
android:layout_marginBottom="-36dp"
android:background="@drawable/guild_rect_solid_f81a1a_radius_11"
android:gravity="center"
android:includeFontPadding="false"
android:paddingStart="9dp"
android:paddingEnd="9dp"
android:text="发布"
android:textColor="@color/white_fff"
android:textSize="12sp" />
</RelativeLayout>
</FrameLayout>
最后
一番实验下来我发现虽然ConstrainLayout和RelativeLayout的很多api效果是差不多的，但实际上确实在一些临界情况上还是有不一样的表现。
比如RelativeLayout的layout_alignBottom="@+id/et_notice"、layout_alignParentBottom="true" 的效果就是"底部对齐于其他控件的底部"和"底部对齐于根布局View的底部"。在ConstrainLayout中对应layout_constraintBottom_toBottomOf="@+id/et_notice"和layout_constraintBottom_toBottomOf="parent"。
虽然好像效果一样，不过ConstrainLayout中的margin是无法设置负值的，而其他布局可以，这一点是我觉得是ConstrainLayout不太灵活的一点，虽然需要设负值的情况很少见。
以上就是我在项目中自己发现的比较有意思的地方，虽然简单，但如果能帮助到别人就挺好的啦。
网友评论