Blazor FlatColorPicker -概述

  • Overview.razor
正在加载演示源代码…请稍等。
Blazor UI忍者形象

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

描述

Telerik UI Blazor FlatColorPicker组件是一个功能强大的色彩编辑工具。它支持通过呈现预定义颜色集的调色板进行编辑,也支持通过呈现hsv画布的渐变组件进行编辑。FlatColorPicker组件支持通过ShowClearButton参数重置值,通过预览和当前颜色的专用部分恢复值,以及用于提交更改的Apply & Cancel按钮。

本示例演示了如何在Blazor应用程序中轻松使用Telerik Flat Color Picker。您需要将标记添加到razor页面,并将其Value属性设置为任何支持的HEX/RGB格式。你可以选择将ValueFormat设置为ColorFormat。十六进制或彩色格式。Rgb if the app expects a specific color format.

Blazor的FlatColorPicker可以显示颜色梯度和调色板视图。渐变视图允许从HSV画布中无限地选择颜色,并渲染文本框以RGB或HEX格式键入颜色。调色板视图允许从预定义的颜色集合中选择颜色。当前示例显示了FlatColorPicker界面的所有元素:视图选择器(左上)、颜色预览框(右上)、当前颜色框(颜色预览下方)、清除按钮(上)、带有色相和不透明度滑块的调色板瓷砖或HSV画布(中)、带有切换按钮的RGBA或HEX值文本框(下)、应用和取消按钮(下)。

Telerik FlatColorPicker for Blazor公开了多个事件,如OnChange, ValueChanged和ViewChanged,这些事件可以轻松处理与用户与组件交互相关的逻辑。

这个FlatColorPicker概述示例是数百个Blazor演示的独特集合的一部分,您可以看到所有Blazor组件的Telerik UI以及他们在行动中的特征。从库中查看或直接改编演示的源代码,并编辑它们及其主题外观开拓者的Telerik REPLThemeBuilder

支持和学习资源

额外的资源

发生错误。此应用程序可能不再响应,直到重新加载。
重新加载
Baidu
map