Question

我正在尝试在 android studio 中创建一个可以扩展和收缩的圆圈。我只想使用一个 Java 类和一个布局 xml 文件。有关如何执行此操作的任何建议？

Answer 1

希望这有助于：如果你想创建圆形，我可以建议你创建一个椭圆形。

首先在可绘制包中创建一个 XML 文件，右键单击它并选择一个新的资源文件，为该文件命名，假设为 bg_circle。

    <shape android:shape="oval" 
    xmlns:android="http://schemas.android.com/apk/res/android">
     <solid android:color="@color/colorPrimary"/>
     <stroke android:color="@color/colorAccent" android:width="2dp"/>

    </shape>

这将创建一个椭圆形，您可以根据需要从 color.xml 文件中更改颜色。现在，您需要做的是在您的 imageView 中添加一个属性

      android: src = "@drawable/bg_circle".

如果您不需要圆的轮廓，您可以从 bg_circle.xml 中删除描边颜色

Answer 2

有几种方法可以做到这一点。一种选择是在您的 xml 布局中的 CardView 中使用 ImageView，并为其设置动画，这是一个带有黑色圆圈的最小示例：

<androidx.cardview.widget.CardView
    android:id="@+id/cv_round"
    android:layout_width="40dp"
    android:layout_height="40dp"
    app:cardCornerRadius="20dp">  // -> this makes it look circular

    <ImageView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@color/black" />
</androidx.cardview.widget.CardView>

请注意，这不是一个真正的圆，它只是看起来像一个。

在 Java 代码中投射 CardView 后：

CardView cardViewCircular = (CardView) findViewById(R.id.cv_round);

展开/放气动画是一个带有 ViewPropertyAnimator f.e. （展开 50f）：

cardViewCircular.animate().scaleYBy(50f).scaleXBy(50f); //deflating is -50f

或使用 scaleX(50f) / scaleY(50f) 方法，选择更适合您的方法。

Android Studio：扩大和缩小圆圈动画

2 个答案: