ASP。NET Core FloatingActionButton概述

FloatingActionButton是Telerik UI for ASP。网络核心，一个具有 110+ 组件的专业级UI库，用于构建现代和功能丰富的 应用程序。想要试用它，可以注册一个30天的免费试用期。

下载免费试用

Telerik UI FloatingActionButton TagHelper和HtmlHelper。网络核心are server-side wrappers for the Kendo UI FloatingActionButton widget.

FloatingActionButton是一个UI组件，它与我们期望用户在查看特定屏幕时执行的最合乎逻辑的操作相关联。例如，用户在移动消息应用程序的主屏幕上最合乎逻辑的操作是写消息。您可以实现一个FloatingActionButton，允许用户编写一个新消息。

FloatingActionButton浮动在应用程序的其他项目之上，它的主要动作直接对应于屏幕上的内容。FloatingActionButton除了是一个带有单个操作的按钮外，还可以配置为显示其他相关操作或快速拨号操作。

• FloatingActionButton HtmlHelper的演示页面

• FloatingActionButton TagHelper的演示页面

初始化FloatingActionButton

下面的示例演示如何初始化FloatingActionButton，配置其项，并设置其位置。

@(Html.Kendo().FloatingActionButton() .Name("fab") .ThemeColor(FloatingActionButtonThemeColor.Primary) .Align(FloatingActionButtonAlign.BottomEnd) .AlignOffset(ao=>ao. horizontal (50).Vertical(50)) .PositionMode(FloatingActionButtonPositionMode.Absolute) .Size(FloatingActionButtonSize.Medium) .Shape(FloatingActionButtonShape.Pill) .Icon("share") .Items(items=>{items. add ().Icon("download").Label(" download") .Click(onItemClick);items.Add () .Icon .Label(“打印”)(“打印”).Click (onItemClick);items.Add () .Icon(“电子邮件”).Label(“电子邮件”).Click (onItemClick);}))