外观设置

本文解释了如何控制LoaderContainer的外观。

LoaderContainer组件提供了多个参数来控制它的外观:

• OverlayThemeColor
• LoaderPosition

LoaderContainer使用嵌套的内部加载器组件以显示动画指示器。LoaderContainer公开参数，直接控制Loader的外观:

• LoaderType
• 大小
• ThemeColor

控件中可以看到正在运行的外观设置LoaderContainer外观现场演示．

OverlayThemeColor

的OverlayThemeColor参数设置LoaderContainer的半透明叠加的颜色。它接受下面选项中的字符串。要使覆盖完全透明，将值设置为字符串。空或零．

• “黑暗”(默认)-黑色半透明背景
• “光”-不透明的白色背景色

@*这个例子显示了浅色和深色叠加主题颜色的区别*@ 
 
  
这是一些文本来展示暗覆盖主题颜色
 
 
  
这是一些展示轻覆盖主题颜色的文本
 
 

LoaderPosition

的LoaderPosition参数控制动画加载指示器相对于加载的位置文本．属性的成员，有三个预定义的选项LoaderPosition枚举:

• 前(默认)-加载动画在文本上方
• 开始加载动画在文本的左边
• 结束加载动画在文本的右边

@*根据预设值加载器指示器的不同位置。*@ 
 
  
 
  
 
  
 

LoaderType

的LoaderTypeLoaderContainer的参数会影响动画加载指示器的形状。只有存在时，该参数才有效没有<模板>．

看到加载程序类型文档获取可能的值以及组件的外观。

< TelerikLoaderContainer LoaderType = " @LoaderType。InfiniteSpinner " / >

大小

的大小LoaderContainer的参数会影响动画加载指示器的尺寸。只有存在时，该参数才有效没有<模板>．

看到加载程序大小获取可能值的列表以及如何更容易地设置这些值。

< TelerikLoaderContainer大小= " @ThemeConstants.Loader.Size。大" / >

ThemeColor

的ThemeColorLoaderContainer的参数会影响文本颜色和加载指示器颜色。只有存在时，该参数才有效没有<模板>．

看到加载程序ThemeColor获取可能值的列表以及组件的外观。

< TelerikLoaderContainer ThemeColor = " @ThemeConstants.Loader.ThemeColor。信息" / >

自定义LoaderContainer颜色

下面的示例显示如何覆盖在主题的CSS样式并为所有LoaderContainer元素应用自定义颜色。

 
         
          
         
        改进这篇文章