WPF中ListBoxItem中包含TextBox的选中问题及解决方法

最新推荐文章于 2024-03-18 19:56:49 发布
最新推荐文章于 2024-03-18 19:56:49 发布
阅读量1.7k 收藏 6
点赞数 2
分类专栏： WPF C# 文章标签： wpf
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lulei6/article/details/127647715
版权
WPF 同时被 2 个专栏收录
4 篇文章 0 订阅
订阅专栏
C#
4 篇文章 0 订阅
订阅专栏

为了说明这个选中的问题，先创建了一个界面


  <Window.Resources>
    <Style x:Key="editableListBoxItemStyle" TargetType="{x:Type ListBoxItem}">
      <Setter Property="OverridesDefaultStyle" Value="True" />
      <Setter Property="Template">
        <Setter.Value>
          <ControlTemplate TargetType="{x:Type ContentControl}">
            <Border Background="{TemplateBinding Background}">
              <ContentPresenter />
            </Border>
          </ControlTemplate>
        </Setter.Value>
      </Setter>

      <Style.Triggers>
        <Trigger Property="IsMouseOver" Value="True">
          <Setter Property="Background" Value="LightBlue" />
        </Trigger>
        <Trigger Property="IsMouseOver" Value="False">
          <Setter Property="Background" Value="LightGray" />
        </Trigger>
        <Trigger Property="IsSelected" Value="True">
          <Setter Property="Background" Value="Plum" />
        </Trigger>
      </Style.Triggers>

    </Style>
  </Window.Resources>

  <Grid>
    <Grid.ColumnDefinitions>
      <ColumnDefinition />
      <ColumnDefinition />
    </Grid.ColumnDefinitions>
    <ListBox
      Grid.Column="0"
      Name="lbNation"
      Margin="2, 2, 4, 2"
      HorizontalAlignment="Stretch"
      VerticalAlignment="Stretch"
      ItemsSource="{Binding Path=Nations}"
      SelectedItem="{Binding Path=SelectedNation}"
      ItemContainerStyle="{StaticResource editableListBoxItemStyle}">
      <ItemsControl.Template>
        <ControlTemplate TargetType="ItemsControl">
          <Border 
            BorderThickness="1"
            BorderBrush="Black"
            Background="White">
            <ScrollViewer 
              HorizontalScrollBarVisibility="Auto"
              VerticalScrollBarVisibility="Auto"
              Margin="1">
              <ItemsPresenter Margin="10"/>
            </ScrollViewer>
          </Border>
        </ControlTemplate>
      </ItemsControl.Template>

      <ItemsControl.ItemsPanel>
        <ItemsPanelTemplate>
          <StackPanel Orientation="Vertical" />
        </ItemsPanelTemplate>
      </ItemsControl.ItemsPanel>

      <ItemsControl.ItemTemplate>
        <DataTemplate>
          <Grid HorizontalAlignment="Stretch">
            <TextBox 
              Margin="4" 
              Text="{Binding Path=Name, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" />
          </Grid>
        </DataTemplate>
      </ItemsControl.ItemTemplate>

    </ListBox>

    <ListBox
      Grid.Column="1"
      Name="lbPerson"
      Margin="2, 2, 4, 2"
      HorizontalAlignment="Stretch"
      VerticalAlignment="Stretch"
      ItemsSource="{Binding Path=SelectedNation.Members}"
      SelectedItem="{Binding Path=SelectedPerson}"
      ItemContainerStyle="{StaticResource editableListBoxItemStyle}">
      <ItemsControl.Template>
        <ControlTemplate TargetType="ItemsControl">
          <Border 
            BorderThickness="1"
            BorderBrush="Black"
            Background="White">
            <ScrollViewer 
              HorizontalScrollBarVisibility="Auto"
              VerticalScrollBarVisibility="Auto"
              Margin="1">
              <ItemsPresenter Margin="10"/>
            </ScrollViewer>
          </Border>
        </ControlTemplate>
      </ItemsControl.Template>

      <ItemsControl.ItemsPanel>
        <ItemsPanelTemplate>
          <StackPanel Orientation="Vertical" />
        </ItemsPanelTemplate>
      </ItemsControl.ItemsPanel>

      <ItemsControl.ItemTemplate>
        <DataTemplate>
          <Grid HorizontalAlignment="Stretch">
            <TextBox 
              Margin="4" 
              Text="{Binding Path=Name, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" />
          </Grid>
        </DataTemplate>

      </ItemsControl.ItemTemplate>

    </ListBox>
  </Grid>

左边的Listbox中包含一个TextBox，选中左边ListBoxItem某项后右边会出现姓名列表

我想要实现选中TextBox后，同时能选中ListBoxItem这个对象，但是事与愿违，TextBox 具有焦点，但未选择 ListBoxItem。效果如下：

 

 开始行动：

实验一： 在 ListBoxItem 的 Style.Triggers 中添加IsKeyboardFocusWithin


  <Window.Resources>
    <Style x:Key="editableListBoxItemStyle" TargetType="{x:Type ListBoxItem}">
      <Setter Property="OverridesDefaultStyle" Value="True" />
      <Setter Property="Template">
        <Setter.Value>
          <ControlTemplate TargetType="{x:Type ContentControl}">
            <Border Background="{TemplateBinding Background}">
              <ContentPresenter />
            </Border>
          </ControlTemplate>
        </Setter.Value>
      </Setter>

      <Style.Triggers>
        <!--追加-->
        <Trigger Property="IsKeyboardFocusWithin" Value="True">
          <Setter Property="IsSelected" Value="True"/>
        </Trigger>

        <Trigger Property="IsMouseOver" Value="True">
          <Setter Property="Background" Value="LightBlue" />
        </Trigger>
        <Trigger Property="IsMouseOver" Value="False">
          <Setter Property="Background" Value="LightGray" />
        </Trigger>
        <Trigger Property="IsSelected" Value="True">
          <Setter Property="Background" Value="Plum" />
        </Trigger>
      </Style.Triggers>

    </Style>
  </Window.Resources>

会这种方法可以实现ListBoxItem 与 TexBox 的焦点一起被选中。右侧的成员列表也已更新。

但是当焦点转移到另一个控件时，ListBox 的 SelectedItem 绑定变为空。回顾第一次操作检查。在实现 IsKeyboardFocusWithin 触发器之前，即使焦点丢失，选择信息也会保留。在这种情况下，使用 IsKeyboardFocusWithin 设置标志似乎是不够的。

实验2：Behaviors方法

在stackoverflow上也搜到了类似的问题，发现一个采用Behaviors实现的方法，似乎可以通用所有控件，先创建一个类，代码如下：


using System.Windows;
using System.Windows.Controls.Primitives;

namespace Sample.Behaviors
{
    public class AutoSelectWhenAnyChildGetsFocus
    {
        public static readonly DependencyProperty EnabledProperty = DependencyProperty.RegisterAttached(
            "Enabled",
            typeof(bool),
            typeof(AutoSelectWhenAnyChildGetsFocus),
            new UIPropertyMetadata(false, Enabled_Changed));

        public static bool GetEnabled( DependencyObject obj ) { return (bool)obj.GetValue(EnabledProperty); }
        public static void SetEnabled( DependencyObject obj, bool value ) { obj.SetValue(EnabledProperty, value); }

        private static void Enabled_Changed(DependencyObject sender, DependencyPropertyChangedEventArgs e)
        {
            var attachEvents = (bool)e.NewValue;
            var targetUiElement = (UIElement)sender;

            if (attachEvents)
            {
                targetUiElement.IsKeyboardFocusWithinChanged += TargetUiElement_IsKeyboardFocusWithinChanged;
            }
            else
            {
                targetUiElement.IsKeyboardFocusWithinChanged -= TargetUiElement_IsKeyboardFocusWithinChanged;
            }
        }

        static void TargetUiElement_IsKeyboardFocusWithinChanged(object sender, DependencyPropertyChangedEventArgs e)
        {
            var targetUiElement = (UIElement)sender;

            if(targetUiElement.IsKeyboardFocusWithin)
            {
                Selector.SetIsSelected(targetUiElement, true);
            }
        }
    }
}

并将 ListBoxItem 的样式更改如下：

  <Style x:Key="editableListBoxItemStyle" TargetType="{x:Type ListBoxItem}">
    <Setter Property="OverridesDefaultStyle" Value="True" />
      <Setter Property="Template">
        <Setter.Value>
          <ControlTemplate TargetType="{x:Type ContentControl}">
            <Border Background="{TemplateBinding Background}">
              <ContentPresenter />
            </Border>
          </ControlTemplate>
        </Setter.Value>
      </Setter>
      <!--追加-->
      <Setter Property="bh:AutoSelectWhenAnyChildGetsFocus.Enabled" Value="True"></Setter>

      <Style.Triggers>

        <!--废弃-->
        <!--<Trigger Property="IsKeyboardFocusWithin" Value="True">
          <Setter Property="IsSelected" Value="True"/>
        </Trigger>-->

        <Trigger Property="IsMouseOver" Value="True">
          <Setter Property="Background" Value="LightBlue" />
        </Trigger>
        <Trigger Property="IsMouseOver" Value="False">
          <Setter Property="Background" Value="LightGray" />
        </Trigger>
        <Trigger Property="IsSelected" Value="True">
          <Setter Property="Background" Value="Plum" />
        </Trigger>

      </Style.Triggers>

    </Style>

现在运行。ListBoxItem 是与TextBox 的焦点一起选择的。

失去焦点后

完美解决问题！！ 

码农磊哥
关注
  • 2
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
WPF中给listboxItem加上序号标签
01-22
或许有人遇到了这样的问题，开发listbox时想要给它的item加上序号标签，以标识它们各自的位置，但难以实现，大多数人最后只能够在数据源中加入序号数据。但这样又难以实现序号随时更新。如果移动项，往往会出现乱序序号。 我找到了这样的解决方案，巧妙地利用了MultBinding，具体的不说了。
WPF系列教程（十七）：列表控件——ListBox、ComboBox
qq_43511299的博客
11-28 3402
ListBox控件 ListBox控件继承自ContentControl类，是一个容器类的控件，向ListBox控件中包含ListBoxItem元素向容器中添加成分，也可以添加其他任意的控件。 <ListBox x:Name="listBox" Margin="5" Height="auto" VerticalAlignment="Top"> <ListBoxItem> <Image Source="C:\王祺\学校\CSharp学习\Code\d590c
WPF —— ListBox控件、GroupBox控件详解
最新发布
lu2023_8_6的博客
03-18 601
ListBox 是一个 ItemsControl，这意味着它可以包含任何类型的对象的集合 (，例如字符串、图像或面板)。一个 ListBox 中的多个项是可见的，与仅 ComboBox具有所选项可见的项不同，除非 IsDropDownOpen 属性为 true。该 SelectionMode 属性确定一次是否可以选择多个项 ListBox。
关于wpf SizeChanged不能触发的解决办法
深海狂鲨
10-23 4758
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"     xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presen
WPF ListBoxItem模板中添加CheckBox选中问题
dearbigdog的博客
03-13 9064
是这样的,需要一个ListBox来展示照片,并添加一个选中的CheckBox.这就需要对ListBox的ItemTemplate的DataTemplate进行定制.添加一个Image和一个CheckBox. 大概是这样子的.
WPF 控件专题 ListBox 自定义样式
^@^lemon tea^@^
09-18 777
WPF 控件专题 ListBox 自定义样式
WPF 控件专题 ListBox 控件详解
^@^lemon tea^@^
09-14 9693
WPF 控件专题 ListBox 控件详解
WPF控件分类（三）
New_BoKe的博客
08-26 423
1.1 ItemsControl族 本族元素的特点如下： 均派生自ItemsControl类。 它们都是控件，用于显示列表化的数据。 内容属性为Items或ItemsSource。 每种ItemsControl都对应有自己的条目容器（Item Container）。 本族的包含控件如表所示： ListBox是个典型的ItemsControl，下面将以它为例，研究一下ItemsControl。 首先，我们看看ListBox的自动包装。WPF的ListBox在显示功能上比Winfo.
WPF中ListBox获取选中项
江心浪客的博客
12-11 1704
WPF ListBox获取选中项
WPF的 ListBox【控件模板&数据模板】 梳理
dbcalgj的博客
03-03 1325
wpf 模板（数据，控件）梳理
WPF之ListBox用法之一
热门推荐
FoolRabbit的专栏
03-25 1万+
介绍ItemTemplate用法以及在ItemTemplate模板中使用ListBoxItem属性的方法。 实现如下效果(点击某一项的时候该项图片进行放大)： C#代码： using System.Collections.ObjectModel; using System.Windows; namespace ListBox用法 { /// /// MainW
WPF中不规则窗体与WindowsFormsHost控件兼容问题的解决方法
09-04
主要介绍了WPF中不规则窗体与WindowsFormsHost控件兼容问题的解决方法,对比以往的解决方案,给出了一个具有普遍性的技巧,具有一定的借鉴价值,需要的朋友可以参考下
WPF中窗体最大化问题的解决方法
12-31
解决中遇到的问题列表【主要涉及到任务栏发生改变后的一些问题处理】： 最大化时，任务栏被遮盖； 最大化后，拖动任务栏，无法自适应窗体； 最大化后，拖动任务栏，窗体还原，还原数据丢失，始终显示最大； ...
WPF中button按钮同时点击多次触发click解决方法
01-02
解决WPF中button按钮同时点击多次触发click的方法，供大家参考，具体内容如下 DateTime lastClick = DateTime.Now; object obj = new object(); int i = 0; private void Button_Click(object sender, ...
WPF RegexTextBox 带正则验证的TextBox
03-25
WPF RegexTextBox 带正则表达式验证的TextBox
WPF中的DataGrid实现单元格内容自动换行
程序员奶爸
06-04 7081
这里有两种实现方式：（推荐第二种） 一 、用ElementStyle <DataGrid GridLinesVisibility="None" AutoGenerateColumns="False" Loaded="DataGrid_Loaded" Height="300" Width="500"> <DataGrid.Columns> <DataGridTextColumn Width="4*" Header="U
WPF中的ToolTip自动换行
程序员奶爸
06-04 3070
默认情况下，WPF 的ToolTip不换行，而是以一个长行显示，如下图： 如果希望ToolTip中的文本换行，可用以下代码实现 <TextBox Text="Now is the winter of our discontent Made glorious summer by this sun of York; And all the clouds that lour'd upon our house In the deep bosom of the ocean buried." W
WPF 中实现 Winfrom 中 Application.DoEvents() 方法
程序员奶爸
05-20 1281
熟悉 Winfrom 中 Application.DoEvents() 方法的朋友一定用过此方法，此方法可以立即处理当前在消息队列中的所有 Windows 消息。 如在一个按钮单击事件中，需要每一秒改变label的Text属性，如下代码： private void button1_Click(object sender, EventArgs e) { for (int i = 0; i < 50; i++) {
WPF中TEXTBOX的使用
05-21
在WPF中，TextBox是一个常用的控件，用于显示和编辑文本。以下是TextBox的使用方法： 1. 在XAML中创建一个TextBox控件。例如： ``` <TextBox Name="myTextBox" Width="200" Height="30" Text="Hello, World!" /> `...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值