📜  带有Seekbar的Android中的圆形填充式装载机

📅  最后修改于: 2021-05-10 16:43:05             🧑  作者: Mango

圆形填充式加载器是一种出色的在加载时在任何Android应用程序中显示ProgressBar的方式。以另一种形式显示ProgressBar是增加用户体验的最佳方法之一。您可以在大多数应用程序中看到这些自定义加载程序。在本文中,我们将了解如何在Android中实现循环填充加载程序。下面给出了一个示例GIF,以了解我们将在本文中做些什么。注意,我们将使用Java语言实现该项目。

Android示例GIF中的圆形填充式加载器

圆形灌装机的应用

  • 在Android中表示ProgressBar的独特方式。
  • 使用圆形填充式装载机可提高用户体验。
  • 给我们的进度栏赋予动画外观。

圆形填充式装载机的属性

Attributes

Description

cfl_border Use to give Border.
cfl_border_width Use to give width to the border.
cfl_progress Use to display the progress of Circular Fillable Loader.
cfl_wave_amplitude Use to give amplitude to wave.
cfl_wave_color Use to give wave Color.

分步实施

步骤1:创建一个新项目

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

步骤2:在build.gradle(Module:app)文件中添加依赖项

导航到Gradle脚本> build.gradle(Module:app)并将以下依赖项添加到“依赖项”部分。

步骤3:在您的activity_main.xml文件中创建一个新的State Progress Bar

导航到应用程序> res>布局以打开activity_main.xml文件。以下是activity_main.xml文件的代码。

XML


  
    
    
  
    
    
  


Java
import android.os.Bundle;
import android.widget.SeekBar;
  
import androidx.appcompat.app.AppCompatActivity;
  
import com.mikhaellopez.circularfillableloaders.CircularFillableLoaders;
  
public class MainActivity extends AppCompatActivity {
  
    // Variables Declared
    CircularFillableLoaders circularFillableLoaders;
    SeekBar seekBar;
  
    int progress = 80;
  
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
  
        // Code for implementing Circular Fallible Loader
        circularFillableLoaders = (CircularFillableLoaders) findViewById(R.id.circularFillableLoaders);
          
        // Set Progress
        circularFillableLoaders.setProgress(progress);
  
        seekBar = findViewById(R.id.seekBar);
        seekBar.setProgress(progress);
        seekBar.setMax(100);
          
        seekBar.setOnSeekBarChangeListener(new SeekBar.OnSeekBarChangeListener() {
            @Override
            public void onProgressChanged(SeekBar seekBar, int progress, boolean b) {
                // Set Progress
                circularFillableLoaders.setProgress(progress);
            }
  
            @Override
            public void onStartTrackingTouch(SeekBar seekBar) {
  
            }
  
            @Override
            public void onStopTrackingTouch(SeekBar seekBar) {
  
            }
        });
    }
}


步骤4:使用MainActivity。 Java文件

转到MainActivity。 Java文件并参考以下代码。下面是MainActivity的代码。 Java文件。在代码内部添加了注释,以更详细地了解代码。

Java

import android.os.Bundle;
import android.widget.SeekBar;
  
import androidx.appcompat.app.AppCompatActivity;
  
import com.mikhaellopez.circularfillableloaders.CircularFillableLoaders;
  
public class MainActivity extends AppCompatActivity {
  
    // Variables Declared
    CircularFillableLoaders circularFillableLoaders;
    SeekBar seekBar;
  
    int progress = 80;
  
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
  
        // Code for implementing Circular Fallible Loader
        circularFillableLoaders = (CircularFillableLoaders) findViewById(R.id.circularFillableLoaders);
          
        // Set Progress
        circularFillableLoaders.setProgress(progress);
  
        seekBar = findViewById(R.id.seekBar);
        seekBar.setProgress(progress);
        seekBar.setMax(100);
          
        seekBar.setOnSeekBarChangeListener(new SeekBar.OnSeekBarChangeListener() {
            @Override
            public void onProgressChanged(SeekBar seekBar, int progress, boolean b) {
                // Set Progress
                circularFillableLoaders.setProgress(progress);
            }
  
            @Override
            public void onStartTrackingTouch(SeekBar seekBar) {
  
            }
  
            @Override
            public void onStopTrackingTouch(SeekBar seekBar) {
  
            }
        });
    }
}

现在单击运行选项,将需要一些时间来构建Gradle 。之后,您将在设备上获得输出,如下所示。

输出:

想要一个节奏更快,更具竞争性的环境来学习Android的基础知识吗?
单击此处,前往由我们的专家精心策划的指南,以使您立即做好行业准备!