Question

我正在android studio中创建一个登录名，并且在用户登录后，我设置了一个文本视图，其中显示了欢迎信息+您用来登录的电子邮件。我还希望有一个动画的勾号图标，以在显示欢迎声明的文本视图下方显示成功形式enter image description here。有人可以帮忙吗？关闭该图片

Answer 1

您可以对要显示的消息使用自定义$config['sess_driver'] = 'files'; $config['sess_cookie_name'] = 'ci_session'; $config['sess_expiration'] = 7200; $config['sess_save_path'] = 'writable absolute path'; $config['sess_match_ip'] = FALSE; $config['sess_time_to_update'] = 300; $config['sess_regenerate_destroy'] = FALSE;，该消息要使用AlertDialog和TextView并带有动画检查gif或ImageView并播放选中标记视频。如果您知道如何创建动画，则对动画进行动画处理很简单。您可以全局声明VideoView的变量，登录成功后将AlertDialog进行初始化，然后同时启动show之类的变量，以用作您想要{{1 }} Handler。

对于所需的资源，这取决于您在这里或如何获得/创建一个。希望这可以对您有所帮助。

Answer 2

关注以下链接：

https://medium.com/@ali.muzaffar/understanding-vectordrawable-pathdata-commands-in-android-d56a6054610e

在上面的链接中，您将获得帮助，例如，成功登录后如何绘制复选标记动画。

阅读并逐步开发，它将为您提供解决方案。 好的！

以下代码可帮助您绘制复选标记动画：

drawable / check_mark.xml

<vector xmlns:android="http://schemas.android.com/apk/res/android"
android:width="24dp"
android:height="24dp"
android:viewportHeight="24.0"
android:viewportWidth="24.0">
<group android:name="background">
    <path
        android:name="circle"
        android:fillColor="@color/colorPrimary"
        android:pathData="M12,12m-10,0a10,10 0,1 1,20 0a10,10 0,1 1,-20 0" />
</group>
<group android:name="check">
    <path
        android:name="tick"
        android:pathData="M6,11 l0,0 l0,0"
        android:strokeColor="@color/colorAccent"
        android:strokeWidth="1" />
</group>

drawable-v21 / animated_check.xml

<?xml version="1.0" encoding="utf-8"?>
<animated-vector xmlns:android="http://schemas.android.com/apk/res/android"
android:drawable="@drawable/check_mark">
<target
    android:name="tick"
    android:animation="@anim/check_animation" />
</animated-vector>

anim / check_animation.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
android:interpolator="@android:anim/accelerate_interpolator"
android:ordering="sequentially"
android:shareInterpolator="false">
<!-- Step 1 -->
<objectAnimator
    android:duration="@android:integer/config_shortAnimTime"
    android:propertyName="pathData"
    android:valueFrom="M6,11 l0,0 l0,0"
    android:valueTo="M6,11 l3.5,4 l0,0"
    android:valueType="pathType" />
<!-- Step 2 -->
<objectAnimator
    android:duration="@android:integer/config_shortAnimTime"
    android:propertyName="pathData"
    android:valueFrom="M6,11 l3.5,4 l0,0"
    android:valueTo="M6,11 l3.5,4 l8,-7"
    android:valueType="pathType" />
</set>

用法

布局XML

<ImageView
    android:id="@+id/imageView"
    android:layout_width="100dp"
    android:layout_height="100dp"
    android:visibility="visible"
    app:srcCompat="@drawable/animated_check" />

Java类

mImgCheck = (ImageView) findViewById(R.id.imageView);
((Animatable) mImgCheck.getDrawable()).start();

成功登录后选中复选标记动画

2 个答案: