如何更改文本块背景
本文关键字：背景 文本 何更改 | 更新日期: 2023-09-27 18:36:16
这是我的xaml structure
<stackpanel>
<textblock Text="A"></textblock>
<textblock Text="B"></textblock>
</stackpanel>
Stackpanel，它可以循环生成更多相同的结构。
单击时如何更改texblock的背景颜色？
更新：I just want change on xaml file not using C#.
默认我有黄色，但是当我单击文本块时，其背景将变为蓝色。
更新2：如果单击A，A将变为蓝色，直到我单击另一个。
细节：
我点击A
(A is yellow)，A会变成蓝色==>A是蓝色我点击 B
(B is yellow and A is blue)，B 将变为蓝色，A 将变为黄色。
更新3：这个怎么样？
<stackpanel>
<textblock Text="A"></textblock>
</stackpanel>
<stackpanel>
<textblock Text="A"></textblock>
</stackpanel>
<stackpanel>
<textblock Text="A"></textblock>
</stackpanel>
问题与上面相同
谢谢！
使用 EventTrigger 和 Color Animation，您可以在 MouseDown 或 MouseLeave 上更改 TextBlock 背景颜色的颜色
XAML 代码
<StackPanel>
<StackPanel.Resources>
<Style TargetType="TextBlock">
<Style.Triggers>
<EventTrigger RoutedEvent="MouseDown">
<BeginStoryboard>
<Storyboard>
<ColorAnimation Storyboard.TargetProperty="Background.Color" From="Yellow" To="Blue" Duration="0:0:0.1"></ColorAnimation>
</Storyboard>
</BeginStoryboard>
</EventTrigger>
<EventTrigger RoutedEvent="MouseLeave">
<BeginStoryboard>
<Storyboard>
<ColorAnimation Storyboard.TargetProperty="Background.Color" From="Blue" To="Yellow" Duration="0:0:0.1"></ColorAnimation>
</Storyboard>
</BeginStoryboard>
</EventTrigger>
</Style.Triggers>
</Style>
</StackPanel.Resources>
<TextBlock Text="A" Background="Yellow"></TextBlock>
<TextBlock Text="B" Background="Yellow"></TextBlock>
</StackPanel>
更新
将文本框与属性 IsReadOnly=True 一起使用，而不是文本块。
<StackPanel>
<StackPanel.Resources>
<Style TargetType="TextBox">
<Setter Property="Background" Value="Yellow"></Setter>
<Setter Property="BorderThickness" Value="0"></Setter>
<Setter Property="IsReadOnly" Value="True"></Setter>
<Style.Triggers>
<EventTrigger RoutedEvent="TextBox.GotFocus">
<BeginStoryboard>
<Storyboard>
<ColorAnimation Storyboard.TargetProperty="Background.Color" From="Yellow" To="Blue" Duration="0:0:0.1"></ColorAnimation>
</Storyboard>
</BeginStoryboard>
</EventTrigger>
<EventTrigger RoutedEvent="TextBox.LostFocus">
<BeginStoryboard>
<Storyboard>
<ColorAnimation Storyboard.TargetProperty="Background.Color" From="Blue" To="Yellow" Duration="0:0:0.1"></ColorAnimation>
</Storyboard>
</BeginStoryboard>
</EventTrigger>
</Style.Triggers>
</Style>
</StackPanel.Resources>
<TextBox Text="A"></TextBox>
<TextBox Text="A"></TextBox>
</StackPanel>
以编程方式：
textBlock1.Background = new SolidColorBrush(Colors.Yellow);
在 XAML 中：
<TextBlock Name="textBlock1">
<TextBlock.Background>
<SolidColorBrush Color="Yellow" />
</TextBlock.Background>
</TextBlock>
若要在单击文本块时更改背景颜色，应将自定义样式与触发器一起使用。如果您将搜索或询问有关使用样式和触发器的信息，这并不难。您绝对不应该在 XAML 设计模式中为此使用 C#。
<TextBlock Text="Hello, styled world!" FontSize="28" HorizontalAlignment="Center" VerticalAlignment="Center">
<TextBlock.Style>
<Style TargetType="TextBlock">
<Setter Property="Background" Value="Yellow"></Setter>
<Style.Triggers>
<Trigger Property="IsMouseOver" Value="True">
<Setter Property="Background" Value="Blue" />
<Setter Property="TextDecorations" Value="Underline" />
</Trigger>
</Style.Triggers>
</Style>
</TextBlock.Style>
</TextBlock>
这很可能是解决您问题的方法。正如我所指出的，由于您希望一个控件依赖于各种其他控件的要求的性质，因此无法实现仅 xaml 解决方案。
当然，您可以摆弄其余部分。
public class RadioTextblock : TextBlock
{
static RadioTextblock()
{
DefaultStyleKeyProperty.OverrideMetadata(typeof(RadioTextblock), new FrameworkPropertyMetadata(typeof(RadioTextblock)));
}
public static readonly DependencyProperty GroupProperty = DependencyProperty.Register(
"Group", typeof (string), typeof (RadioTextblock), new PropertyMetadata(string.Empty));
public string Group
{
get { return (string) GetValue(GroupProperty); }
set { SetValue(GroupProperty, value); }
}
public static readonly DependencyProperty ActiveColorProperty = DependencyProperty.Register(
"ActiveColor", typeof (Brush), typeof (RadioTextblock), new PropertyMetadata(default(Brush)));
public Brush ActiveColor
{
get { return (Brush) GetValue(ActiveColorProperty); }
set { SetValue(ActiveColorProperty, value); }
}
public static readonly DependencyProperty RestorationColorProperty = DependencyProperty.Register(
"RestorationColor", typeof (Brush), typeof (RadioTextblock), new PropertyMetadata(default(Brush)));
public Brush RestorationColor
{
get { return (Brush) GetValue(RestorationColorProperty); }
set { SetValue(RestorationColorProperty, value); }
}
protected override void OnInitialized(EventArgs e)
{
base.OnInitialized(e);
// there may be a better hook for this. but i'm not writing custom controls that often. anything after styles are applied should be good
RestorationColor = Background;
}
protected override void OnPreviewMouseDown(MouseButtonEventArgs e)
{
RestoreOtherBackgrounds(this);
base.OnPreviewMouseDown(e);
}
private void RestoreOtherBackgrounds(RadioTextblock radioTextblock)
{
var topParent = GetTopMostParent(radioTextblock);
var controlsWithGroup = GetChildrenRecursive<RadioTextblock>(topParent).ToLookup(d => (string)d.GetValue(GroupProperty));
var similar = controlsWithGroup[radioTextblock.Group];
foreach (var match in similar)
{
if (match == radioTextblock)
{
match.Background = ActiveColor;
}
else
{
match.Background = match.RestorationColor;
}
}
}
private DependencyObject GetTopMostParent(RadioTextblock radioTextblock)
{
DependencyObject current = radioTextblock;
while (current != null)
{
var cParent = VisualTreeHelper.GetParent(current);
if (cParent == null || cParent == current)
break;
current = cParent;
}
return current;
}
private IEnumerable<T> GetChildrenRecursive<T>(DependencyObject current) where T : DependencyObject
{
T casted;
var childCount = VisualTreeHelper.GetChildrenCount(current);
for (int i = 0; i < childCount; i++)
{
var currentChild = VisualTreeHelper.GetChild(current, i);
casted = currentChild as T;
if(casted != null)
yield return casted;
foreach (var subChild in GetChildrenRecursive<T>(currentChild))
{
if (subChild != null)
yield return casted;
}
}
}
}
按如下方式更改XAML结构
xmlns:local="clr-namespace:your_assembly_Name"
.....
<StackPanel>
<StackPanel.Resources>
<local:BackgroundConverter x:Key="backgroundConverter"/>
<Style TargetType="TextBlock">
<EventSetter Event="MouseDown" Handler="TextBlockMouseDownEvent" />
<Setter Property="Background">
<Setter.Value>
<MultiBinding Converter="{StaticResource backgroundConverter}">
<Binding Path="Name" RelativeSource="{RelativeSource Self}"/>
<Binding Path="SelectedTextBlockName"/>
</MultiBinding>
</Setter.Value>
</Setter>
</Style>
</StackPanel.Resources>
<TextBlock x:Name="text1" Text="Header"/>
<TextBlock x:Name="text2" Text="Header"/>
<TextBlock x:Name="text3" Text="Header"/>
<TextBlock x:Name="text4" Text="Header"/>
</StackPanel>
使用以下IMultiValueConverter，并在代码隐藏中添加TextBlockMouseDownEvent事件处理程序以及一个DependencyProperty。
////DependencyProperty
public string SelectedTextBlockName
{
get { return (string)GetValue(SelectedTextBlockNameProperty); }
set { SetValue(SelectedTextBlockNameProperty, value); }
}
// Using a DependencyProperty as the backing store for SelectedTextBlock. This enables animation, styling, binding, etc...
public static readonly DependencyProperty SelectedTextBlockNameProperty =
DependencyProperty.Register("SelectedTextBlockName", typeof(string), typeof(Class_Name), new PropertyMetadata(null));
.......
private void TextBlockMouseDownEvent(object sender, MouseButtonEventArgs e)
{
TextBlock txtBlock = sender as TextBlock;
if (txtBlock != null)
{
SelectedTextBlockName = txtBlock.Name;
}
}
.......
public class BackgroundConverter : IMultiValueConverter
{
/// <summary>
/// Values[0] = Name of TextBlock
/// values[1] = SelectedTextBlockName
/// If matches then it is selected
/// </summary>
public object Convert(object[] values, Type targetType, object parameter, System.Globalization.CultureInfo culture)
{
if (values[0] != null && values[1] != null && values[0].ToString() == values[1].ToString())
return new SolidColorBrush(Colors.Blue);
return new SolidColorBrush(Colors.White);
}
public object[] ConvertBack(object value, Type[] targetTypes, object parameter, System.Globalization.CultureInfo culture)
{
throw new NotImplementedException();
}
}
如果要设置默认的选定文本块，则只需设置要选择的默认值的文本块名称。喜欢这个：
SelectedTextBlockName = "text1";