FloatingActionButton概述

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

下载免费试用

Telerik UI FloatingActionButton HtmlHelper。NET MVCis a server-side wrapper for the Kendo UI FloatingActionButton widget.

FloatingActionButton是一个UI组件，它被绑定到我们期望从用户查看特定屏幕的最逻辑的操作上。例如，对于查看移动消息应用程序主屏幕的用户来说，最符合逻辑的操作是写消息。您可以实现一个FloatingActionButton，它允许用户编写一个新消息。

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

• FloatingActionButton HtmlHelper的演示页面

初始化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);}) 

另请参阅

• FloatingActionButton HtmlHelper的概述。NET MVC(演示)

• 使用FloatingActionButton HtmlHelper的API。NET MVC(演示)

• 服务器端API