组件/开关
您可以通过设置以下属性来控制Switch按钮的外观:
属性可以增加或减少Switch的大小大小属性的成员Telerik.Blazor.ThemeConstants.Switch.Size类:
| 类成员 |
手动声明 |
小 |
sm |
媒介 |
医学博士 |
大 |
lg |
@{var fields = typeof(Telerik.Blazor.ThemeConstants.Switch.Size) . getfields (System.Reflection.BindingFlags. size) . getfields (System.Reflection.BindingFlags. size)。Public | System.Reflection.BindingFlags.Static | system . reflection . bindingflags . flathierarchy) . where(字段=>字段。field.IsInitOnly).ToList();@foreach (var field in fields){字符串大小= field. getvalue (null).ToString();< div风格= "浮动:左;保证金:20 px;">< TelerikSwitch @bind-Value="@isSelected" Size="@size">
}} @code{private bool isSelected {get;设置;}}
的ThumbRounded属性应用这个特性CSS规则以拇指的开关来实现曲线的边缘。对象的成员Telerik.Blazor.ThemeConstants.Switch.ThumbRounded类:
| 类成员 |
手动声明 |
小 |
sm |
媒介 |
医学博士 |
大 |
lg |
完整的 |
完整的 |
@* thumbround属性的内置值。*@ @{var fields = typeof(telerik . blazor . themeconstants . switch . thumbrtered) . getfields (System.Reflection.BindingFlags. bindingflags . bindingflags . bindingflags . bindingflags . bindingflags。Public | System.Reflection.BindingFlags.Static | system . reflection . bindingflags . flathierarchy) . where(字段=>字段。field.IsInitOnly).ToList();@foreach (var field in fields) {string thumbroned = field. getvalue (null).ToString();< div风格= "浮动:左;保证金:20 px;">< TelerikSwitch @bind-Value="@isSelected" thumbr= "@ thumbr" >
}} @code{private bool isSelected {get;设置;}}
的TrackRounded属性应用这个特性CSS规则以轨道的切换来实现曲线的边缘。对象的成员Telerik.Blazor.ThemeConstants.Switch.TrackRounded类:
| 类成员 |
手动声明 |
小 |
sm |
媒介 |
医学博士 |
大 |
lg |
完整的 |
完整的 |
控件的值应匹配，以实现最佳的布局ThumbRounded和TrackRounded属性。
tracksurround属性的内置值。*@ @{var fields = typeof(telerik . blazor . themeconstants . switch . track圆角). getfields (System.Reflection.BindingFlags. bindingflags . bindingflags . bindingflags . bindingflags . bindingflags . bindingflags。Public | System.Reflection.BindingFlags.Static | system . reflection . bindingflags . flathierarchy) . where(字段=>字段。field.IsInitOnly).ToList();@foreach (var field in fields) {string trackround= field. getvalue (null).ToString();< div风格= "浮动:左;保证金:20 px;">< TelerikSwitch @bind-Value="@isSelected" TrackRounded="@trackRounded">
ThemeBuilder是一个web应用程序，允许您创建新的主题和自定义现有的主题。你所做的每一个改变几乎都是即时可见的。一旦你完成了UI组件的样式，你可以导出一个带有你的主题样式的ZIP文件，并在你的Blazor应用程序中使用它们。