圆形填充式加载器是一种出色的在加载时在任何Android应用程序中显示ProgressBar的方式。以另一种形式显示ProgressBar是增加用户体验的最佳方法之一。您可以在大多数应用程序中看到这些自定义加载程序。在本文中,我们将了解如何在Android中实现循环填充加载程序。下面给出了一个示例GIF,以了解我们将在本文中做些什么。注意,我们将使用Java语言实现该项目。
圆形灌装机的应用
- 在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)并将以下依赖项添加到“依赖项”部分。
implementation ‘com.mikhaellopez:circularfillableloaders:1.3.2’
步骤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 。之后,您将在设备上获得输出,如下所示。