如何强制wpf文本框的内容在其他控件上方类似于Excel单元的其他控件上方显示

Question

我有一个ItemScontrol，其中包含每个绑定项目的文本框，如果其内容宽，则允许叠加文本框内容，而不是类似于Excel单元格覆盖行为的文本框宽度。 有办法这样做吗？

<ItemsControl ItemsSource="{Binding Path=MyCollection}">
    <ItemsControl.ItemsPanel>
        <ItemsPanelTemplate>
            <StackPanel Orientation="Horizontal" Width="100"/>
        </ItemsPanelTemplate>
    </ItemsControl.ItemsPanel>
    <ItemsControl.ItemTemplate>
        <DataTemplate>
            <TextBox Text="{Binding}" TextWrapping="WrapWithOverflow"/>
        </DataTemplate>
    </ItemsControl.ItemTemplate>
</ItemsControl>

Answer 1

您可以使用工具提示。您只需要自己绑定源即可。

<ListView ItemsSource="{Binding Path=MyStringCollection}">
    <ListView.ItemsPanel>
        <ItemsPanelTemplate>
            <StackPanel Orientation="Horizontal" Width="100"/>
        </ItemsPanelTemplate>
    </ListView.ItemsPanel>
    <ListView.ItemTemplate>
        <DataTemplate>
            <TextBox Text="{Binding}" TextWrapping="WrapWithOverflow" ToolTip="{Binding RelativeSource={RelativeSource Self}, Path=Text}"/>
        </DataTemplate>
    </ListView.ItemTemplate>
</ListView>

有关更多信息：

Answer 2

要复制类似的行为，您可以使用弹出式。

要实现类似的行为，您首先必须禁用 textbox 的内容包装。
然后用 textblock 替换当前 textbox ，该>用于显示文本。
弹出实际上包含Editable textbox ，然后将 textblock 叠加在确切位置，从而隐藏 textblock 使其似乎伸展和覆盖相邻的项目。
MultiTrigger 将在焦点移动 ListBoxItem 之外后立即关闭弹出窗口。

为了提高性能，您应该将 virtualizingstackpanel 用作项目。

<ListView ItemsSource="{Binding MyStringCollection}"
          HorizontalAlignment="Left"
          Width="800">
  <ListView.ItemsPanel>
    <ItemsPanelTemplate>
      <VirtualizingStackPanel Orientation="Horizontal" />
    </ItemsPanelTemplate>
  </ListView.ItemsPanel>

  <ListView.ItemTemplate>
    <DataTemplate>
      <Grid>
        <Border BorderThickness="1"
                BorderBrush="Gray">
          <TextBlock Text="{Binding}" />
        </Border>
        <Popup x:Name="EditableTextSiteHost"
               PlacementTarget="{Binding ElementName=TextSite}"
               Placement="Relative"
               Height="{Binding ElementName=TextSite, Path=ActualHeight}"
               AllowsTransparency="True"
               FocusManager.FocusedElement="{Binding ElementName=EditableTextSite}">
          <TextBox x:Name="EditableTextSite"
                   Text="{Binding TextData}" />
        </Popup>
      </Grid>

      <DataTemplate.Triggers>
        <MultiDataTrigger>
          <MultiDataTrigger.Conditions>
            <Condition Binding="{Binding RelativeSource={RelativeSource AncestorType=ListBoxItem}, Path=IsSelected}"
                       Value="True" />
            <Condition Binding="{Binding RelativeSource={RelativeSource AncestorType=ListBoxItem}, Path=IsKeyboardFocusWithin}"
                       Value="True" />
          </MultiDataTrigger.Conditions>
          <Setter TargetName="EditableTextSiteHost"
                  Property="IsOpen"
                  Value="True" />
        </MultiDataTrigger>
      </DataTemplate.Triggers>
    </DataTemplate>
  </ListView.ItemTemplate>

  <ListView.ItemContainerStyle>
    <Style TargetType="ListBoxItem">

      <!-- Make items overlap -->
      <Setter Property="Margin"
              Value="-2,0,0,0" />
      <Setter Property="Padding"
              Value="0" />
      <Setter Property="Width"
              Value="50" />

      <Style.Triggers>

        <!-- Apply zero Margin on the first item -->
        <DataTrigger Binding="{Binding RelativeSource={RelativeSource PreviousData}}"
                     Value="{x:Null}">
          <Setter Property="Margin"
                  Value="0,0,0,0" />
        </DataTrigger>
      </Style.Triggers>
    </Style>
  </ListView.ItemContainerStyle>
</ListView>

托而言，

这只是一个原始的例子，是概念证明。您必须改善行为。例如，当用户滚动或移动 window 时，您需要关闭弹出。否则，由于弹出本身是窗口，因此 popup 不会移动以遵循放置目标。您可以将相关逻辑移至附件的行为。
您可能还想改善选择行为。当前，选择突出显示边框（实际上）并未扩展到围绕弹出窗口。您必须通过在 textbox 上应用边框来模仿此功能，该边框将复制 ListBoxItem 突出显示边框。

Answer 3

我通过使用此助手依赖属性 https://rachel53461.wordpress.com/2011/09/17/wpf-grids-rowcolumn-count-count-properties/ 作为itemscontrol的容器模板项目索引和绑定网格。Zindex与相邻文本框上方显示的反向索引。

<ItemsControl ItemsSource="{Binding MyCollection}">
  <ItemsControl.ItemsPanel>
    <ItemsPanelTemplate>
        <Grid HorizontalAlignment="Left" helpers:GridHelpers.ColumnCount="{Binding MyCollection.Count}"/>
    </ItemsPanelTemplate>
  </ItemsControl.ItemsPanel>
  <ItemsControl.ItemContainerStyle>
    <Style>
        <Setter Property="Grid.Column" Value="{Binding ItemIndex}"/>
        <Setter Property="Grid.ZIndex" Value="{Binding ReversedIndex}" />
        <Setter Property="Grid.ColumnSpan" Value="{Binding MaxMergedCells}" />
    </Style>
  </ItemsControl.ItemContainerStyle>
  <ItemsControl.ItemTemplate>
    <DataTemplate>
        <StackPanel Orientation="Horizontal" HorizontalAlignment="Left">
            <TextBox MinWidth="30" Text="{Binding }"/>
        </StackPanel>
    </DataTemplate>
</ItemsControl.ItemTemplate>