需求描述
LinearLayout 中横向排列两个子控件 TextView 和 Button.
Button 在 TextView 的右侧并根据文本长度动态改变位置。当 LinearLayout 到达最大宽度后，控制 TextView 的宽度避免 Button 被挤出屏幕。
问题重现
根据以上需求实现如下：
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:orientation="horizontal">
<TextView
android:id="@+id/tv"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:ellipsize="end"
android:maxLines="1"
/>
<Button
android:id="@+id/btn"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="update text"
/>
</LinearLayout>
Activity 部分代码：
public class MainActivity extends Activity implements View.OnClickListener {
private static final String sTestText = "This is a very long test text, used to test the project, it is more than the length of the screen width of the phone.";
private Button mBtn;
private TextView mTv;
private void initView() {
mBtn = (Button) findViewById(R.id.btn);
mTv = (TextView) findViewById(R.id.tv);
}
@Override
public void onClick(View v) {
switch (v.getId()) {
case R.id.btn:
updateText();
break;
}
}
private void updateText() {
mTv.setText(sTestText.substring(0, getTextLength()));
}
private int getTextLength() {
int length = mTv.getText().length() + 20;
if (length > 70) {
length = 20;
}
return length;
}
}
但是实际使用时，TextView 首次显示文字后就不再改变宽度了（开启了显示布局边界功能）。
推测是 TextView 的 onMeasure() 方法没有执行。
新建 LogTextView 打印日志后可以看到文字显示后再调用 setText() 方法时只调用了 onDraw() 方法。
public class LogTextView extends TextView {
private static final String TAG = "LogTextView";
...
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
Log.i(TAG, "onDraw");
}
@Override
protected void onLayout(boolean changed, int left, int top, int right, int bottom) {
super.onLayout(changed, left, top, right, bottom);
Log.i(TAG, "onLayout");
}
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
super.onMeasure(widthMeasureSpec, heightMeasureSpec);
Log.i(TAG, "onMeasure");
}
}
Log输出：
I/LogTextView: onMeasure
I/LogTextView: onMeasure
I/LogTextView: onLayout
I/LogTextView: onDraw
I/MainActivity: button click
I/LogTextView: onMeasure
I/LogTextView: onLayout
I/LogTextView: onDraw
I/MainActivity: button click
I/LogTextView: onDraw
I/MainActivity: button click
I/LogTextView: onDraw
I/MainActivity: button click
I/LogTextView: onDraw
解决方案
知道了导致问题的原因后，只要让 TextView 主动调用 onMeasure() 方法即可。
在 setText() 之后，再调用 requestLayout() .
修改 Activity#updateText() 方法如下：
private void updateText() {
mTv.setText(sTestText.substring(0, getTextLength()));
mTv.requestLayout();
}
运行截图
问题分析
是什么导致 setText() 之后 onMeasure() 没有调用？
查看源码可以看到 TextView 的 setText() 方法中又会调用 checkForRelayout() 方法。
private void setText(CharSequence text, BufferType type, boolean notifyBefore, int oldlen) {
···
if (mLayout != null) {
checkForRelayout();
}
···
}
这里结合上边的例子来分析 checkForRelayout() 方法。
以下注释中的 TextView 都指上边 xml 中定义的 TextView.
private void checkForRelayout() {
/*
* TextView宽为0dp，所以mLayoutParams.width = 0
* TextView没有设置Hint，所以mHint = null
* TextView没有设置padding或Drawable，所以 getCompoundPaddingLeft() = getCompoundPaddingLeft() = 0
* 当TextView无内容时，mRight = mLeft = 0
* 当TextView有内容时，mRight > mLeft
*
* 结合上述分析，if可以简化为：
* TextView无内容时：if ((true || 无所谓) && (true) && (false)) = false
* TextView有内容时：if ((true || 无所谓) && (true) && (true)) = true
*
* 需要注意，TextView有没有内容要取决于方法执行到这里时的状态，
* 比如说给一个无内容TextView设置文字，执行到这里的时候，
* 还没有调用requestLayout()方法，TextView依旧是无内容的。
*/
if ((mLayoutParams.width != ViewGroup.LayoutParams.WRAP_CONTENT ||
(mMaxWidthMode == mMinWidthMode && mMaxWidth == mMinWidth)) &&
(mHint == null || mHintLayout != null) &&
(mRight - mLeft - getCompoundPaddingLeft() - getCompoundPaddingRight() > 0)) {
int oldht = mLayout.getHeight();
int want = mLayout.getWidth();
int hintWant = mHintLayout == null ? 0 : mHintLayout.getWidth();
makeNewLayout(want, hintWant, UNKNOWN_BORING, UNKNOWN_BORING,
mRight - mLeft - getCompoundPaddingLeft() - getCompoundPaddingRight(),
false);
// TextView Ellipsize 为 END
// 进入if
if (mEllipsize != TextUtils.TruncateAt.MARQUEE) {
// mLayoutParams.height = ViewGroup.LayoutParams.WRAP_CONTENT
// 不进入if
if (mLayoutParams.height != ViewGroup.LayoutParams.WRAP_CONTENT &&
mLayoutParams.height != ViewGroup.LayoutParams.MATCH_PARENT) {
invalidate();
return;
}
// TextView行数最多为一行，所以高度没有发生改变
// 没有设置Hint，mHintLayout = null
// 进入if
if (mLayout.getHeight() == oldht &&
(mHintLayout == null || mHintLayout.getHeight() == oldht)) {
// 只进行了重绘
invalidate();
return;
}
}
requestLayout();
invalidate();
} else {
nullLayouts();
// 第一次点击按钮时，会调用requestLayout()方法
requestLayout();
invalidate();
}
}
从上边的代码分析可以看出
- TextView 没有内容时，点击按钮会执行 requestLayout() 方法，重新测量，显示文字。
- TextView 有内容时，点击按钮只进行了重绘，并没有改变大小。
至此，setText() 之后 onMeasure() 没有调用的问题分析完毕。
欢迎留言探讨，谢谢。
