Blazor Loader概述
本文提供有关Blazor Loader组件以及它的核心功能。
Loader组件会显示一个动态的加载指示器,它会向用户显示应用程序正在后台处理某些事情。该组件提供了各种预定义的动画图形、颜色和大小。
Loader组件是Blazor的Telerik UI,一个专业级的UI库,包含100个本地组件,用于构建现代和功能丰富的应用程序。想要试用它,可以注册一个30天的免费试用期。
与LoaderContainer的比较
的加载程序放在另一个组件或HTML元素中。通常,它占据的面积相对较小。另一方面,LoaderContainer组件可以覆盖更大的部分页面或整个视口与半透明叠加和加载动画。
创建Blazor Loader
- 使用
< TelerikLoader >
标签。 - 设置
可见
的参数。保龄球
财产。 - (可选)设置
类型
属性的成员LoaderType
枚举。 - (可选)设置
大小
参数设置为静态类的属性ThemeConstants.Loader.Size
. - (可选)设置
ThemeColor
参数设置为静态类的属性ThemeConstants.Loader.ThemeColor
.
Toggle Loader 默认设置(中等大小,原色,脉冲类型):
@code {bool LoaderVisible {get;设置;} = true;}
不要在方法中以编程方式显示或隐藏Loader,这会阻塞UI线程。如果发生这种情况,加载器可能不会在预期的时候出现。
外观
Blazor Loader组件提供外观设置的大小,颜色和加载动画类型.
在其他组件中使用
可以将Loader组件放在另一个组件中以获得更好的用户体验。这是一个在一个按钮中集成加载器的例子.
装载机的参数
Loader参数说明如下表所示。同时查看Loader API参考.
参数 | 类型及默认值 | 描述 |
---|---|---|
类 |
字符串 |
对象呈现自定义CSS类< div class = " k-loader”> 元素。用它来覆盖主题样式. |
大小 |
字符串 ( “医学博士” ) |
设置动画图形的大小.为方便起见,使用静态类的成员ThemeConstants.Loader.Size . |
ThemeColor |
字符串 ( “主” ) |
设置动画图形的颜色.为方便起见,使用静态类的成员ThemeConstants.Loader.ThemeColor . |
类型 |
LoaderType 枚举( 脉冲 ) |
定义了加载动画形状. |
可见 |
保龄球 ( 真正的 ) |
如果加载器在页面上呈现,则设置。 |