我想展开/折叠一个 ImageView,但从 50% 图片开始展开到 100%,折叠到 50% 而不是下方。
我已经看过一些关于 SO 的热门问题和答案,但我没有找到如何只管理一半。我还想修改 View 的高度,而不是宽度。
我试过的:
public static void expand(final View v) {
v.measure(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.WRAP_CONTENT);
final int targtetHeight = v.getMeasuredHeight();
v.getLayoutParams().height = 0;
v.setVisibility(View.VISIBLE);
Animation a = new Animation()
{
@Override
protected void applyTransformation(float interpolatedTime, Transformation t) {
v.getLayoutParams().height = interpolatedTime == 1
? ViewGroup.LayoutParams.WRAP_CONTENT
: (int)(targtetHeight * interpolatedTime);
v.requestLayout();
}
@Override
public boolean willChangeBounds() {
return true;
}
};
a.setDuration((int)(targtetHeight / v.getContext().getResources().getDisplayMetrics().density));
v.startAnimation(a);
}
public static void collapse(final View v) {
final int initialHeight = v.getMeasuredHeight();
Animation a = new Animation() {
@Override
protected void applyTransformation(float interpolatedTime, Transformation t) {
if (interpolatedTime == 1) {
v.setVisibility(View.VISIBLE);
} else {
v.getLayoutParams().height = initialHeight - (int) (initialHeight * interpolatedTime);
v.requestLayout();
}
}
@Override
public boolean willChangeBounds() {
return true;
}
};
a.setDuration((int) (initialHeight / v.getContext().getResources().getDisplayMetrics().density));
v.startAnimation(a);
}
正如我所说,这不是我想要的,因为它完全消失了并且改变了宽度。
我也试过这个 fragment 但是没有动画:
mImageDrawable = (ClipDrawable) pic.getDrawable();
mImageDrawable.setLevel(5000);//use set level to expand or collapse manually but no animation.
剪辑:
<?xml version="1.0" encoding="utf-8"?>
<clip xmlns:android="http://schemas.android.com/apk/res/android"
android:clipOrientation="vertical"
android:drawable="@drawable/test_pic"
android:gravity="top" />
最佳答案
使用支持包 (androidx) 中提供的 Transition API。只需调用 TransitionManager.beginDelayedTransition
然后更改 View 高度。 TransitionManager
将处理此更改,它将提供将使用动画更改 imageView 的转换。
ImageView
的 scaleType
是 centerCrop
这就是图像在折叠和展开时缩放的原因。不幸的是,没有“填充宽度和裁剪底部”scaleType,所以如果你需要它,我认为它可以通过 scaleType = matrix 完成。 .
import androidx.appcompat.app.AppCompatActivity;
import androidx.transition.TransitionManager;
public class MainActivity extends AppCompatActivity {
private ImageView image;
private ViewGroup parent;
boolean collapse = true;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
image = findViewById(R.id.image);
parent = findViewById(R.id.parent);
findViewById(R.id.btn).setOnClickListener(view -> {
collapse = !collapse;
collapse();
});
}
private void collapse() {
TransitionManager.beginDelayedTransition(parent);
//change layout params
int height = image.getHeight();
LayoutParams layoutParams = image.getLayoutParams();
layoutParams.height = !collapse ? height / 2 : height * 2;
image.requestLayout();
}
}
布局:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/parent"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<Button
android:id="@+id/btn"
android:text="start"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
<ImageView
android:id="@+id/image"
android:layout_width="match_parent"
android:layout_height="300dp"
android:scaleType="centerCrop"
android:src="@drawable/qwe" />
<TextView
android:layout_width="match_parent"
android:layout_height="match_parent"
android:text="random text"
android:layout_margin="8dp"/>
</LinearLayout>
更新:
有 beginDelayedTransition(ViewGroup, Transtion)
方法。 beginDelayedTransition(ViewGroup)
默认使用 AutoTransition
作为过渡。
因此,如果您需要处理过渡的开始/结束,您可以这样做:
AutoTransition transition = new AutoTransition();
transition.addListener(new TransitionListenerAdapter(){
@Override
public void onTransitionStart(@NonNull Transition transition) {
//TODO
}
@Override
public void onTransitionEnd(@NonNull Transition transition) {
//TODO
}
});
TransitionManager.beginDelayedTransition(parent, transition);
关于android - 展开/折叠动画 Android 半 View ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55493394/