实现 Android 卡片切换效果有多种方法,以下是其中一种常见的实现方式:
以下是一个简单的示例代码,实现了两个卡片之间的切换效果:
// 在 XML 布局文件中定义卡片容器和卡片视图
<LinearLayout
android:id="@+id/cardContainer"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<LinearLayout
android:id="@+id/card1"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@android:color/holo_blue_light"
android:visibility="visible">
<!-- 卡片1的内容 -->
</LinearLayout>
<LinearLayout
android:id="@+id/card2"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@android:color/holo_green_light"
android:visibility="gone">
<!-- 卡片2的内容 -->
</LinearLayout>
</LinearLayout>
// 在 Activity 或 Fragment 中实现卡片切换
private LinearLayout cardContainer;
private LinearLayout card1;
private LinearLayout card2;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
cardContainer = findViewById(R.id.cardContainer);
card1 = findViewById(R.id.card1);
card2 = findViewById(R.id.card2);
}
private void switchCard() {
// 切换卡片的可见性
if (card1.getVisibility() == View.VISIBLE) {
card1.setVisibility(View.GONE);
card2.setVisibility(View.VISIBLE);
} else {
card1.setVisibility(View.VISIBLE);
card2.setVisibility(View.GONE);
}
// 定义卡片切换动画效果
ObjectAnimator scaleXAnimator = ObjectAnimator.ofFloat(cardContainer, "scaleX", 0.8f, 1.0f);
ObjectAnimator scaleYAnimator = ObjectAnimator.ofFloat(cardContainer, "scaleY", 0.8f, 1.0f);
AnimatorSet animatorSet = new AnimatorSet();
animatorSet.setDuration(500);
animatorSet.playTogether(scaleXAnimator, scaleYAnimator);
animatorSet.start();
}
在需要切换卡片时,调用 switchCard()
方法即可启动切换动画。