Android RecyclerView 平滑滚动以查看其高度动画
Android RecyclerView smooth scroll to view that's animating their height
我有一个带有可扩展子视图的 RecyclerView,当单击子 ViewGroup 时,它会膨胀一定数量的视图,使 ViewGroup 高度从 0 动画化到测量的视图组高度,如下面的 gif:
问题是:我在 recyclerView 上调用 smoothScrollToPosition,它平滑滚动到视图位置,但它考虑了当前视图高度,它仍然没有展开,在上面的 gif 中我正在触摸下面recyclerview 的视图,它不会滚动到位置,因为视图已经可见,但是当我再次触摸(再次调用 smoothscrolltoposition)时,它将视图滚动到正确的位置,因为视图已经展开。
是否有任何方法可以将视图滚动到屏幕顶部或只是滚动以使内容可见?
供参考:
这是调用来膨胀视图的方法:
collapsible_content.removeAllViews();
for(int i = 0; i < 5; i++) {
View link_view = getLayoutInflater().inflate(R.layout.list_item_timeline_step_link, collapsible_content, false);
TextView text = (TextView) link_view.findViewById(R.id.step_link_text);
text.setText("Test");
collapsible_content.addView(link_view);
}
这是我扩展的方法:
public void toggle() {
collapsible_content.measure(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.WRAP_CONTENT);
Animation a;
if (mExpanded) {
a = new ExpandAnimation(collapsible_content.getLayoutParams().height, 0);
} else {
a = new ExpandAnimation(collapsible_content.getLayoutParams().height, getMeasuredHeight());
}
a.setDuration(mAnimationDuration);
collapsible_content.startAnimation(a);
mExpanded = !mExpanded;
}
和动画:
private class ExpandAnimation extends Animation {
private final int mStartHeight;
private final int mDeltaHeight;
public ExpandAnimation(int startHeight, int endHeight) {
mStartHeight = startHeight;
mDeltaHeight = endHeight - startHeight;
}
@Override
protected void applyTransformation(float interpolatedTime,
Transformation t) {
final int newHeight = (int) (mStartHeight + mDeltaHeight *
interpolatedTime);
collapsible_content getLayoutParams().height = newHeight;
if (newHeight <= 0) {
collapsible_content setVisibility(View.GONE);
} else {
collapsible_content setVisibility(View.VISIBLE);
}
collapsible_content requestLayout();
}
@Override
public boolean willChangeBounds() {
return true;
}
}
添加animationlistener,展开动画结束后开始recyclerview的滚动。
我的解决方案是在 applyTransformation 方法中不断检查视图底部,并将其与 RecyclerView 高度进行比较,如果底部高于 RV 高度,我滚动差异值:
final int bottom = collapsible_content.getBottom();
final int listViewHeight = mRecyclerView.getHeight();
if (bottom > listViewHeight) {
final int top = collapsible_content.getTop();
if (top > 0) {
mRecyclerView.smoothScrollBy(0, Math.min(bottom - listViewHeight + mRecyclerView.getPaddingBottom(), top));
}
}
诀窍是使用 Math.min 获得顶部视图,因此它不会向上滚动使顶部不可见。
解决方案基于ListViewAnimations
我有一个带有可扩展子视图的 RecyclerView,当单击子 ViewGroup 时,它会膨胀一定数量的视图,使 ViewGroup 高度从 0 动画化到测量的视图组高度,如下面的 gif:
问题是:我在 recyclerView 上调用 smoothScrollToPosition,它平滑滚动到视图位置,但它考虑了当前视图高度,它仍然没有展开,在上面的 gif 中我正在触摸下面recyclerview 的视图,它不会滚动到位置,因为视图已经可见,但是当我再次触摸(再次调用 smoothscrolltoposition)时,它将视图滚动到正确的位置,因为视图已经展开。
是否有任何方法可以将视图滚动到屏幕顶部或只是滚动以使内容可见?
供参考: 这是调用来膨胀视图的方法:
collapsible_content.removeAllViews();
for(int i = 0; i < 5; i++) {
View link_view = getLayoutInflater().inflate(R.layout.list_item_timeline_step_link, collapsible_content, false);
TextView text = (TextView) link_view.findViewById(R.id.step_link_text);
text.setText("Test");
collapsible_content.addView(link_view);
}
这是我扩展的方法:
public void toggle() {
collapsible_content.measure(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.WRAP_CONTENT);
Animation a;
if (mExpanded) {
a = new ExpandAnimation(collapsible_content.getLayoutParams().height, 0);
} else {
a = new ExpandAnimation(collapsible_content.getLayoutParams().height, getMeasuredHeight());
}
a.setDuration(mAnimationDuration);
collapsible_content.startAnimation(a);
mExpanded = !mExpanded;
}
和动画:
private class ExpandAnimation extends Animation {
private final int mStartHeight;
private final int mDeltaHeight;
public ExpandAnimation(int startHeight, int endHeight) {
mStartHeight = startHeight;
mDeltaHeight = endHeight - startHeight;
}
@Override
protected void applyTransformation(float interpolatedTime,
Transformation t) {
final int newHeight = (int) (mStartHeight + mDeltaHeight *
interpolatedTime);
collapsible_content getLayoutParams().height = newHeight;
if (newHeight <= 0) {
collapsible_content setVisibility(View.GONE);
} else {
collapsible_content setVisibility(View.VISIBLE);
}
collapsible_content requestLayout();
}
@Override
public boolean willChangeBounds() {
return true;
}
}
添加animationlistener,展开动画结束后开始recyclerview的滚动。
我的解决方案是在 applyTransformation 方法中不断检查视图底部,并将其与 RecyclerView 高度进行比较,如果底部高于 RV 高度,我滚动差异值:
final int bottom = collapsible_content.getBottom();
final int listViewHeight = mRecyclerView.getHeight();
if (bottom > listViewHeight) {
final int top = collapsible_content.getTop();
if (top > 0) {
mRecyclerView.smoothScrollBy(0, Math.min(bottom - listViewHeight + mRecyclerView.getPaddingBottom(), top));
}
}
诀窍是使用 Math.min 获得顶部视图,因此它不会向上滚动使顶部不可见。
解决方案基于ListViewAnimations