📜  Android 中的 Material Design 组件进度指示器

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

Android 中的 Material Design 组件进度指示器

Material Design Components (MDC Android) 为设计人员和开发人员提供了一种在他们的 Android 应用程序中实现 Material Design 的方法。这些组件由 Google 的工程师和 UX 设计师核心团队开发,可实现可靠的开发工作流程,以构建美观且功能强大的 Android 应用程序。 Android 中的材料设计是吸引和吸引客户使用应用程序的关键功能之一。这是一种特殊类型的设计,由 Google 指导。因此,在本文中,已经演示了如何使用进度指示器、它们的类型和解剖结构。

创建一个空的活动项目

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

要在 Android Studio 中创建新项目,请参阅如何在 Android Studio 中创建/启动新项目。

添加所需的依赖

在 build.gradle 文件中包含 google material design components 依赖项。添加依赖项后,不要忘记单击右上角的“立即同步”按钮。

请注意,在同步项目时,您需要连接到网络,并确保将依赖项添加到应用级 Gradle 文件中,如下所示。

什么是进度指标?

android 中使用进度指示器来通知用户正在进行的进程,例如,加载应用程序、网络调用、下载或上传文件。它们传达应用程序的状态并通知用户他们是否可以离开应用程序的当前会话。

进度指示器的类型

进度指示器主要有两种类型,一种是线性指示器,另一种是圆形指示器。查看下图以了解差异。这些进度指标可能是确定的或不确定的。

  • 确定指标告知用户确定的过程,这些应该仅在可以检测过程速率时使用。
  • 不确定指标告知用户不确定进程意味着当前进程可能需要不确定的时间才能完成。

进度指标剖析

线性进度指示器由两个主要部分组成:

  • Track:固定宽度的组件,为指标设置边界。
  • 指示器:沿轨道动画的组件。

在Android项目中实现进度指示器的步骤

使用 activity_main.xml 文件

应用程序的主要布局由两个进度指示器组成。一个是线性进度指示器,另一个是圆形进度指示器。请注意,每个中的 indeterminate 属性都为 true,否则当应用程序在模拟器上运行时它不会动画。要实现相同的调用,请在 activity_main.xml 文件中调用以下代码。

XML


  
    
  
    
  


XML


  
    
  


XML


  
    
  


输出:

自定义线性进度指示器:

要更改轨道粗细、轨道颜色和指示器颜色,属性为:

下面是一个例子:

XML



  
    
  

输出:

增加圆形进度指示器的轨道粗细、轨道颜色和指示器大小的大小:

要更改轨道颜色、指示器颜色、轨道粗细和指示器大小,属性为:

下面是一个例子:

XML



  
    
  

输出:

线性和圆形指标的一些常见属性是:

Element

Attribute

Related Methods

Track thicknessapp:trackThickness

setTrackThickness

getTrackThickness

Indicator colorapp:indicatorColor

setIndicatorColor

getIndicatorColor

Track colorapp:trackColor

setTrackColor

getTrackColor

Track corner radiusapp:trackCornerRadius

setTrackCornerRadius

getTrackCornerRadius

Show animation behaviorapp:showAnimationBehavior

setShowAnimationBehavior

getShowAnimationBehavior

Hide animation behaviorapp:hideAnimationBehavior

setHideAnimationBehavior

getHideAnimationBehavior

线性进度指示器的特定属性:

这些属性特定于线性进度指标。

Element 

Attribute

Related Methods

Indeterminate animation typeapp:indeterminateAnimationType

setIndeterminateAnimationType

getIndeterminateAnimationType

Indicator directionapp:indicatorDirectionLinear

setIndicatorDirection

getIndicatorDirection

循环进度指示器的特定属性:

这些属性特定于循环进度指标。

Element

Attribute

Related Methods

Spinner size (outer diameter)app:indicatorSize

setIndicatorSize

getIndicatorSize

Insetapp:indicatorInset

setIndicatorInset

getIndicatorInset

Indicator directionapp:indicatorDirectionLinear

setIndicatorDirection

getIndicatorDirection