📜  Android 中的脉冲动画视图

📅  最后修改于: 2022-05-13 01:55:42.920000             🧑  作者: Mango

Android 中的脉冲动画视图

在本文中,我们将看到脉冲动画功能。如果我们要从服务器下载某些内容,则可以使用此功能。然后直到时间,它正在下载我们可以添加此功能。下面给出了一个示例 GIF,以了解我们将在本文中做什么。请注意,我们将使用Java语言来实现这个项目。

Android 示例 GIF 中的脉冲动画视图

分步实施

第 1 步:创建一个新项目

要在 Android Studio 中创建新项目,请参阅如何在 Android Studio 中创建/启动新项目。请注意,选择Java作为编程语言。

第二步:添加依赖



导航到Gradle Scripts > build.gradle(Module:app)并在依赖项部分添加以下依赖项。

步骤 3:使用 activity_main.xml 文件

这些是用于更改布局参数的以下属性

  • pulse_count : 代表脉冲圈数
  • pulse_duration : 表示单脉冲的持续时间(以毫秒为单位)
  • pulse_repeat :表示脉冲重复次数。零意味着无限
  • pulse_color : 表示 ARGB 脉冲颜色
  • pulse_startFromScratch : 如果动画应该从头开始,则设置为 true
  • pulse_interpolator : 设置用于动画的内插器类型。可接受的值为“线性”、“加速”、“减速”、“加速减速

导航到app > res > layout > activity_main.xml并将以下代码添加到该文件中。下面是activity_main.xml文件的代码

XML


  
    
  
        
    
  
    
  
        
  
        
    
  
    
  
        
  
        
    
      


Java
import android.os.Bundle;
import android.widget.SeekBar;
  
import androidx.appcompat.app.AppCompatActivity;
  
import pl.bclogic.pulsator4droid.library.PulsatorLayout;
  
public class MainActivity extends AppCompatActivity {
  
    SeekBar count, duration;
  
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
          
        // initialise tha layout
        PulsatorLayout pulsator = (PulsatorLayout) findViewById(R.id.pulsator);
        pulsator.start();
        count = findViewById(R.id.count);
        duration = findViewById(R.id.duration);
          
        // on change in seekbar value
        count.setOnSeekBarChangeListener(new SeekBar.OnSeekBarChangeListener() {
            @Override
            public void onProgressChanged(SeekBar seekBar, int i, boolean b) {
                // change the count
                pulsator.setCount(i);
            }
  
            @Override
            public void onStartTrackingTouch(SeekBar seekBar) {
  
            }
  
            @Override
            public void onStopTrackingTouch(SeekBar seekBar) {
  
            }
        });
          
        // on change in seekbar value
        duration.setOnSeekBarChangeListener(new SeekBar.OnSeekBarChangeListener() {
            @Override
            public void onProgressChanged(SeekBar seekBar, int i, boolean b) {
                // change the duration
                pulsator.setDuration(i);
            }
  
            @Override
            public void onStartTrackingTouch(SeekBar seekBar) {
  
            }
  
            @Override
            public void onStopTrackingTouch(SeekBar seekBar) {
  
            }
        });
    }
  
    @Override
    protected void onStart() {
        super.onStart();
  
    }
}


第 4 步:使用MainActivity。 Java文件

转到主活动。 Java文件,参考如下代码。下面是MainActivity的代码。 Java文件。代码中添加了注释以更详细地理解代码。

Java

import android.os.Bundle;
import android.widget.SeekBar;
  
import androidx.appcompat.app.AppCompatActivity;
  
import pl.bclogic.pulsator4droid.library.PulsatorLayout;
  
public class MainActivity extends AppCompatActivity {
  
    SeekBar count, duration;
  
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
          
        // initialise tha layout
        PulsatorLayout pulsator = (PulsatorLayout) findViewById(R.id.pulsator);
        pulsator.start();
        count = findViewById(R.id.count);
        duration = findViewById(R.id.duration);
          
        // on change in seekbar value
        count.setOnSeekBarChangeListener(new SeekBar.OnSeekBarChangeListener() {
            @Override
            public void onProgressChanged(SeekBar seekBar, int i, boolean b) {
                // change the count
                pulsator.setCount(i);
            }
  
            @Override
            public void onStartTrackingTouch(SeekBar seekBar) {
  
            }
  
            @Override
            public void onStopTrackingTouch(SeekBar seekBar) {
  
            }
        });
          
        // on change in seekbar value
        duration.setOnSeekBarChangeListener(new SeekBar.OnSeekBarChangeListener() {
            @Override
            public void onProgressChanged(SeekBar seekBar, int i, boolean b) {
                // change the duration
                pulsator.setDuration(i);
            }
  
            @Override
            public void onStartTrackingTouch(SeekBar seekBar) {
  
            }
  
            @Override
            public void onStopTrackingTouch(SeekBar seekBar) {
  
            }
        });
    }
  
    @Override
    protected void onStart() {
        super.onStart();
  
    }
}

输出: