VisualStateManager在Button.ContentTemplate UWP中不起作用
VisualStateManager 是一个在 XAML 中使用的工具，用于管理 UI 元素的不同视觉状态。它允许开发人员根据不同的条件改变 UI 元素的外观和行为，例如在按钮被按下时改变按钮的颜色。
在 UWP 的 Button 控件中，可以通过设置 Button 的 ContentTemplate 属性来定义按钮的内容。但是有时候发现在设置 ContentTemplate 后，VisualStateManager 不起作用的情况。
这个问题可能是由于 Button 控件的默认样式中没有包含 VisualStateManager 的原因。如果想要在 Button.ContentTemplate 中使用 VisualStateManager，可以自定义 Button 的样式，并在样式中包含 VisualStateManager。
以下是一个示例代码，展示如何自定义一个包含 VisualStateManager 的 Button 样式：
<Page.Resources>
<Style x:Key="CustomButtonStyle" TargetType="Button">
<Setter Property="Background" Value="Green"/>
<Setter Property="Foreground" Value="White"/>
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="Button">
<Grid>
<VisualStateManager.VisualStateGroups>
<VisualStateGroup x:Name="CommonStates">
<VisualState x:Name="Normal"/>
<VisualState x:Name="PointerOver">
<Storyboard>
<ObjectAnimationUsingKeyFrames Storyboard.TargetName="ButtonBackground" Storyboard.TargetProperty="Background">
<DiscreteObjectKeyFrame KeyTime="0" Value="Yellow"/>
</ObjectAnimationUsingKeyFrames>
</Storyboard>
</VisualState>
<VisualState x:Name="Pressed">
<Storyboard>
<ObjectAnimationUsingKeyFrames Storyboard.TargetName="ButtonBackground" Storyboard.TargetProperty="Background">
<DiscreteObjectKeyFrame KeyTime="0" Value="Red"/>
</ObjectAnimationUsingKeyFrames>
</Storyboard>
</VisualState>
</VisualStateGroup>
</VisualStateManager.VisualStateGroups>
<Border x:Name="ButtonBackground" Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="1">
<ContentPresenter x:Name="ContentPresenter" ContentTemplate="{TemplateBinding ContentTemplate}" Content="{TemplateBinding Content}" HorizontalAlignment="Center" VerticalAlignment="Center"/>
</Border>
</Grid>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
</Page.Resources>
<Button Style="{StaticResource CustomButtonStyle}" Content="Click Me"/>在上述示例中，我们自定义了一个名为 CustomButtonStyle 的样式，并在样式中定义了 VisualStateManager。在 Button 的 ControlTemplate 中，我们使用了一个包含 VisualStateManager 的 Grid，并在 Grid 的子元素 Border 中设置了背景和边框。Button 的内容由 ContentPresenter 显示。
通过自定义样式并使用 VisualStateManager，我们可以在不同的视觉状态下改变按钮的背景颜色。在示例中，当鼠标指针悬停在按钮上时，按钮的背景颜色会变为黄色，当按钮被按下时，背景颜色变为红色。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云计算服务：提供虚拟服务器、容器服务、无服务器函数等计算资源服务，支持快速部署和扩展应用。
- 腾讯云数据库：提供关系型数据库、缓存、NoSQL 等多种数据库服务，满足不同场景的数据存储需求。
- 腾讯云音视频处理：提供音视频转码、截图、录制等处理服务，支持多种常见的音视频格式和编解码算法。
- 腾讯云人工智能：提供图像识别、语音识别、自然语言处理等人工智能服务，帮助开发者构建智能化应用。
- 腾讯云物联网：提供物联网设备连接、数据采集、远程控制等服务，支持海量设备的接入和管理。
- 腾讯云移动开发：提供移动应用云存储、即时通信、推送通知等服务，帮助开发者构建稳定高效的移动应用。
- 腾讯云存储服务：提供对象存储、文件存储等多种存储服务，支持海量数据的安全存储和访问。
- 腾讯云区块链：提供基于区块链技术的可信计算、去中心化存储等服务，帮助构建可信赖的业务应用。
- 腾讯云元宇宙：提供基于虚拟现实和增强现实技术的元宇宙云服务，支持构建虚拟世界和沉浸式体验应用。
请注意，以上链接仅作为示例，并不代表推荐或广告。具体的产品选择应根据项目需求和实际情况进行评估。
相关·内容
TargetType="ContentControl"> <VisualStateManager.VisualStateGroupsVisualState.Setters> </Visua
浏览 44提问于2021-10-25得票数 0
回答已采纳
我在写一个uwp应用。主页包含一个列表框。每个列表项显示一行文本和一个按钮。按钮的可见性是“折叠的”，我想在选中该项目时将其可见性更改为“可见”。由于在uwp中没有样式触发器，到目前为止，我已经尝试在ListBox的ItemTemplate定义中的DataTemplate中使用VisualStateManager，但这不起作用。我试过使用定义了ListBox的ItemContainerStyle的VisualStateMana
浏览 1提问于2016-03-24得票数 0
在wpf中，它看起来像这样：
<DataTrigger Binding="{Binding IsActive, RelativeSource={RelativeSource AncestorType=Window
浏览 15提问于2019-08-24得票数 0
我希望它具有与PointerOver和Pressed相同的AppBarButton动画，但VisualStateManager似乎不起作用。Text="{x:Bind Label}" TextWrapping="Wrap" />
浏览 2提问于2019-09-09得票数 0
回答已采纳
<ControlTemplate TargetType="TextBox"> <VisualStateManager.VisualStateGroups</VisualState> </VisualStateManag
浏览 5提问于2020-04-28得票数 0
回答已采纳
我是第一次用VisualStateManager工作。不幸的是，我没有让它运行起来。CompactInline" <VisualStateManager.VisualStateGroups</VisualState.Setters>
</
浏览 45提问于2017-06-28得票数 0
有没有办法在uwp应用程序中使用带有内容对话控件的visualStateManager。
浏览 4提问于2019-08-21得票数 0
回答已采纳
我正在开发一个WPF应用程序，并试图按照MSDN对UWP响应性设计的建议，使用创建一个响应性UI，它可以在UWP上工作，而不是在WPF上工作。<Grid> <VisualStateGroup>
<VisualStateObjectAnimationUsingKeyFrames&g
浏览 4提问于2021-06-06得票数 1
回答已采纳
在我的uwp桌面应用程序中。我已经为标题设置了一个用户控件。对于响应性UI，我使用的是VisualStateManager，但当我调整页面大小时，它不起作用。当我在某些情况下调整page.this代码的大小时，我希望继续向左移动右手控件。当我调整窗口的大小时，我想减少中间的空白空间大小。presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006
浏览 0提问于2019-07-29得票数 1
回答已采纳
2回答
到目前为止，我得到的是： <VisualStateGroup x:Name="SharedVisualStates"NarrowGuidesList}" /> </VisualState></VisualS
浏览 1提问于2016-06-16得票数 0
回答已采纳
3回答
下面是我的示例XAML，但它不起作用 <Button Width="150" Height="50">
<Button.Template>
浏览 0提问于2014-05-24得票数 0
我正在学习UWP，但下面的代码无法工作： <Page xmlns="http://schemas.microsoft.comBackground="{ThemeResource ApplicationPageBackgroundThemeBrush}">
<Grid>
<VisualStateManager.
浏览 10提问于2019-04-29得票数 0
回答已采纳
下面的XAML是为一个UWP应用程序使用一个VisualStateManager和一个来自Microsoft.Toolkit.Uwp.UI包的IsNullOrEmptyStateTrigger。当列表中没有任何内容被选中时，ListView的SelectedItem应该是空的(当您第一次运行应用程序时没有选择任何内容)。有什么想法吗？
浏览 3提问于2021-12-01得票数 0
回答已采纳
1回答
在ControlTemplate中，我定义了各种可视状态，以将控件的外观更改为某种状态。对于ListBox，我不知道要使用哪种可视状态。 BorderThickness="{TemplateBinding BorderThickness}">
<VisualStateManager.VisualSt
浏览 4提问于2020-01-06得票数 1
回答已采纳
我需要打开一个新的视图(项目详细信息)鼠标双击在ListView中的UWP使用MVVM。在WPF中，我使用了一个带有参数和EventTrigger的命令，但微软不建议在UWP中使用它：
触发器、EventTrigger、操作和BeginStoryboard不是常用的。这些API的存在主要是为了兼容最初用于控制模板中的微软Silverlight...For事件、使用可视化状态和VisualStateManager的XAML。我如何将<
浏览 2提问于2017-05-12得票数 2
回答已采纳
我想为DataTemplate中的控件设置触发器。每当我在DataTemplate中设置控件的属性时，它似乎不起作用。但是，如果没有在TextBlock中设置DataTemplate中的属性，那么我可以看到Trigger在样式中的效果(它可以工作)。我不确定在DataTemplate中使用Style触发器是否好！XAML在以下； <Grid.Resources>
浏览 3提问于2014-10-30得票数 0
回答已采纳
我在uwp上得到了可见的选择，但在android 9上看不到。更新:我已经将选定的背景添加到我的样式中，但它仍然不起作用。我已经尝试了与uwp与橙色作为backgroundColor，但浅蓝色显示。Desktop="10"/> </Setter>
<Setter Property="Visua
浏览 0提问于2020-04-27得票数 0
我知道在WPF中它可以实现如下： <Style TargetType="{x:Type ComboBoxItem</Style.Triggers> </ComboBox.ItemContainerStyle>
在UWP中，我尝试使用行为，但仍然
浏览 88提问于2018-09-27得票数 0
回答已采纳
1回答
我将我的UWP应用程序更改为具有响应性的UI。从那时起，我有一个问题，把文字放在一个按钮。="#249C23" Foreground="White" FontWeight="Bold" Click="buttonSendSelectedItems_Click">
浏览 1提问于2020-10-13得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
