Blazor Loader概述

本文提供有关Blazor Loader组件以及它的核心功能。

Loader组件会显示一个动态的加载指示器，它会向用户显示应用程序正在后台处理某些事情。该组件提供了各种预定义的动画图形、颜色和大小。

Loader组件是Blazor的Telerik UI，一个专业级的UI库，包含100个本地组件，用于构建现代和功能丰富的应用程序。想要试用它，可以注册一个30天的免费试用期。

下载免费试用

与LoaderContainer的比较

的加载程序放在另一个组件或HTML元素中。通常，它占据的面积相对较小。另一方面，LoaderContainer组件可以覆盖更大的部分页面或整个视口与半透明叠加和加载动画。

Blazor Loader与非默认的外观设置

Toggle Loader  默认设置(中等大小，原色，脉冲类型):
  @code {bool LoaderVisible {get;设置;} = true;｝

不要在方法中以编程方式显示或隐藏Loader，这会阻塞UI线程。如果发生这种情况，加载器可能不会在预期的时候出现。

可以将Loader组件放在另一个组件中以获得更好的用户体验。这是一个在一个按钮中集成加载器的例子．

Loader参数说明如下表所示。同时查看Loader API参考．

参数	类型及默认值	描述
`类`	`字符串`	对象呈现自定义CSS类`< div class = " k-loader”>`元素。用它来覆盖主题样式．
`大小`	`字符串` （`“医学博士”`）	设置动画图形的大小．为方便起见，使用静态类的成员`ThemeConstants.Loader.Size`．
`ThemeColor`	`字符串` （`“主”`）	设置动画图形的颜色．为方便起见，使用静态类的成员`ThemeConstants.Loader.ThemeColor`．
`类型`	`LoaderType`枚举（`脉冲`）	定义了加载动画形状．
`可见`	`保龄球` （`真正的`）	如果加载器在页面上呈现，则设置。