前一段时间公司项目需要用到类似于朋友圈效果的折叠和收起功能。具体功能如下:1.点击翻译时,全文展开,并显示下方翻译结果;2.点击收起翻译时,全文收起,翻译结果隐藏;3.item展开或收起状态需要保存。上网搜索到了Manabu-GT/ExpandableTextView和Chen-Sir/ExpandableTextView,三下五除二快速完成交给测试,简直so easy!
但是随后测试提交给我的bug却给我了很大的难题:
1.内容足够长,超出一屏, mCollapsedHeight计算的有问题;
2.当显示文字的View错位的时候,点击“收起/展开”事件无效。
3.多次滑动列表过程中,重复点击“收起/展开”操作时,有时文字不可见,并“收起/展开”按钮消失;
为何会出现上述情况,首页先ExpandableTextView看看有木有解决办法,但是看了一圈的Issue,上面出现的问题依然没有得到解决。下面记录着我是如何解决问题和分享问题的思路,仅供参考,不一定适用于所用项目。
一、内容足够长,超出一屏, mCollapsedHeight为0的解决方法
从下面的ExpandableTextView可以看出折叠高度在OnMeasure获取,当点击“收起/展开”按钮时,将高度赋给View,目前按程序代码上看没有什么大的问题。那么就只能从Debug出手,在Debug跟踪过程中,我们发现在点击“收起”时,mCollapsedHeight高度为0。明明我们存储高度,为何高度为0呢?Why??
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
if (!mRelayout || getVisibility() == View.GONE) {
super.onMeasure(widthMeasureSpec, heightMeasureSpec);
return;
}
mRelayout = false;
...
super.onMeasure(widthMeasureSpec, heightMeasureSpec);
if (mTv.getLineCount() <= mMaxCollapsedLines) {
return;
}
...
// Re-measure with new setup
super.onMeasure(widthMeasureSpec, heightMeasureSpec);
if (mCollapsed) {
...
mCollapsedHeight = getMeasuredHeight();
if (mListener != null) {
mListener.onCollapsedHeight(mCollapsedHeight);
}
}
}
@Override
public void onClick(View view) {
...
Animation animation;
if (mCollapsed) {
animation = new ExpandCollapseAnimation(this, getHeight(), mCollapsedHeight);
} else {
animation = new ExpandCollapseAnimation(this, getHeight(), getHeight() +
mTextHeightWithMaxLines - mTv.getHeight());
}
...
}
class ExpandCollapseAnimation extends Animation {
private final View mTargetView;