WPF datagridcell元素可见性
本文关键字:可见性 元素 datagridcell WPF | 更新日期: 2023-09-27 18:17:14
当鼠标在数据网格上的行上时,是否可以改变单元格模板中的按钮可见性?例如当MouseIsOver=True
能见度True
时,MouseIsOver=False
能见度False
时。我应该用什么触发器?* *
<Window x:Class="WpfApplication3.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="MainWindow" Height="350" Width="525">
<Grid>
<DataGrid ItemsSource="{Binding Items}" AutoGenerateColumns="False">
<DataGrid.Columns>
<DataGridTemplateColumn Header="Name">
<DataGridTemplateColumn.CellTemplate>
<DataTemplate>
<Label Content="{Binding .}"></Label>
</DataTemplate>
</DataGridTemplateColumn.CellTemplate>
</DataGridTemplateColumn>
<DataGridTemplateColumn Header="Button">
<DataGridTemplateColumn.CellTemplate>
<DataTemplate>
<Button Visibility="Hidden">OK</Button>
</DataTemplate>
</DataGridTemplateColumn.CellTemplate>
</DataGridTemplateColumn>
</DataGrid.Columns>
</DataGrid>
</Grid>
代码:using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;
namespace WpfApplication3
{
/// <summary>
/// Interaction logic for MainWindow.xaml
/// </summary>
public partial class MainWindow : Window
{
public MainWindow()
{
InitializeComponent();
DataContext = new Data();
}
}
public class Struct
{
public string Name { get; set; }
}
public class Data
{
public List<string> Items { get; set; }
public Data()
{
Items = new List<string>();
Items.Add("First");
Items.Add("Second");
Items.Add("Third");
}
}
}
- *
如果你的按钮是隐藏的,它就不能被悬停。
在Visual studio或Blend中,更改按钮的样式/模板,使ContentPresenter不可见:
在你的窗口放一个临时按钮,右键单击"编辑样式"/"编辑副本"。
命名样式为InvisibleButtonStyle。
在触发器部分,添加:
<Trigger Property="IsMouseOver" Value="false">
<Setter Property="Background" TargetName="border" Value="Transparent"/>
<Setter Property="BorderBrush" TargetName="border" Value="Transparent"/>
<Setter Property="Foreground" Value="Transparent"/>
</Trigger>
然后销毁临时按钮,并将样式应用于DataGrid按钮:
<Button Style="{StaticResource InvisibleButtonStyle}">OK</Button>
就这样,快乐编码