Android 中的 Material Design 组件进度指示器
Material Design Components (MDC Android) 为设计人员和开发人员提供了一种在他们的 Android 应用程序中实现 Material Design 的方法。这些组件由 Google 的工程师和 UX 设计师核心团队开发,可实现可靠的开发工作流程,以构建美观且功能强大的 Android 应用程序。 Android 中的材料设计是吸引和吸引客户使用应用程序的关键功能之一。这是一种特殊类型的设计,由 Google 指导。因此,在本文中,已经演示了如何使用进度指示器、它们的类型和解剖结构。
创建一个空的活动项目
要在 Android Studio 中创建新项目,请参阅如何在 Android Studio 中创建/启动新项目。
添加所需的依赖
在 build.gradle 文件中包含 google material design components 依赖项。添加依赖项后,不要忘记单击右上角的“立即同步”按钮。
implementation ‘com.google.android.material:material:1.4.0’
请注意,在同步项目时,您需要连接到网络,并确保将依赖项添加到应用级 Gradle 文件中,如下所示。
什么是进度指标?
android 中使用进度指示器来通知用户正在进行的进程,例如,加载应用程序、网络调用、下载或上传文件。它们传达应用程序的状态并通知用户他们是否可以离开应用程序的当前会话。
进度指示器的类型
进度指示器主要有两种类型,一种是线性指示器,另一种是圆形指示器。查看下图以了解差异。这些进度指标可能是确定的或不确定的。
- 确定指标告知用户确定的过程,这些应该仅在可以检测过程速率时使用。
- 不确定指标告知用户不确定进程意味着当前进程可能需要不确定的时间才能完成。
线性进度指示器由两个主要部分组成:
- Track:固定宽度的组件,为指标设置边界。
- 指示器:沿轨道动画的组件。
在Android项目中实现进度指示器的步骤
使用 activity_main.xml 文件
应用程序的主要布局由两个进度指示器组成。一个是线性进度指示器,另一个是圆形进度指示器。请注意,每个中的 indeterminate 属性都为 true,否则当应用程序在模拟器上运行时它不会动画。要实现相同的调用,请在 activity_main.xml 文件中调用以下代码。
XML
XML
XML
输出:
自定义线性进度指示器:
要更改轨道粗细、轨道颜色和指示器颜色,属性为:
app:trackThickness=”colorValue”
app:trackColor=”colorValue”
app:indicatorColor=”colorValue”
下面是一个例子:
XML
输出:
增加圆形进度指示器的轨道粗细、轨道颜色和指示器大小的大小:
要更改轨道颜色、指示器颜色、轨道粗细和指示器大小,属性为:
app:trackThickness=”colorValue”
app:trackColor=”colorValue”
app:indicatorColor=”colorValue”
app:indicatorSize=”valueInDp”
下面是一个例子:
XML
输出:
线性和圆形指标的一些常见属性是: Element Attribute Related Methods setTrackThickness getTrackThickness setIndicatorColor getIndicatorColor setTrackColor getTrackColor setTrackCornerRadius getTrackCornerRadius setShowAnimationBehavior getShowAnimationBehavior setHideAnimationBehavior getHideAnimationBehaviorTrack thickness app:trackThickness Indicator color app:indicatorColor Track color app:trackColor Track corner radius app:trackCornerRadius Show animation behavior app:showAnimationBehavior Hide animation behavior app:hideAnimationBehavior
线性进度指示器的特定属性:
这些属性特定于线性进度指标。 Element Attribute Related Methods setIndeterminateAnimationType getIndeterminateAnimationType setIndicatorDirection getIndicatorDirectionIndeterminate animation type app:indeterminateAnimationType Indicator direction app:indicatorDirectionLinear
循环进度指示器的特定属性:
这些属性特定于循环进度指标。 Element Attribute Related Methods setIndicatorSize getIndicatorSize setIndicatorInset getIndicatorInset setIndicatorDirection getIndicatorDirectionSpinner size (outer diameter) app:indicatorSize Inset app:indicatorInset Indicator direction app:indicatorDirectionLinear