当前位置：文江博客话题详情

如何创建每个 TabItem 具有多个标题的 WPF TabControl？

发布于 2024-12-08 14:08:39 字数 1194 浏览 0 评论 0原文

描述：

目前我正在创建一个 WPF 应用程序，其中主要内容应在 TabControl 中呈现。

TabControl 存在：

TabItem，包含具有多个视图的外部控件，其中每个视图应作为 TabControl 上的标题可见；
多个 TabItem 包含我们自己的内容，每个 TabItem 都有自己的标题。

WPF 控件的样式不是问题，但这种情况需要控件本身的一些特殊行为。问题是该控件应该为每个 TabItem 呈现多个标题。

问题：

针对这种情况使用的最佳控件是什么？
如果使用TabControl，应该做哪些修改？

提前致谢。

更新 #1

为了响应 vortex 此类控件的原型（如您所见，外部控件是 Microsoft Office InfoPath FormControl）：

   <TabControl x:Name="FormViewsTabControl">
      <TabItem>
         <TabItem.Headers>
            <TabItemHeader Text="View A" />
            <TabItemHeader Text="View B" />
         </TabItem.Headers>
         <TabItem.Content>
            <winforms:WindowsFormsHost x:Name="InfoPathFormsHost">
               <infopath:FormControl x:Name="InfoPathFormControl" />
            </winforms:WindowsFormsHost>
         </TabItem.Content>
      </TabItem>
      <TabItem Header="Letter">
         <local:CustomView />
      </TabItem>
   </TabControl>

原文

Description:

Currently I'm in the process of creating a WPF application where the main content should be presented in a TabControl.

The TabControl exists of:

A TabItem that contains an external control which has multiple views, whereby each view should be visible as Header on the TabControl;
Multiple TabItems with our own content, each one with it's own header.

Styling of WPF controls is not the problem, but this case requires some special behaviour of the control itself. The problem is that the control should render multiple Headers per TabItem.

Questions:

What is the best control to use for such a scenario?
If using TabControl, what modifications should be made?

Thanks in advance.

Update #1

In response to vortex a prototype of such a control (as you can see, the external control is the Microsoft Office InfoPath FormControl):

   <TabControl x:Name="FormViewsTabControl">
      <TabItem>
         <TabItem.Headers>
            <TabItemHeader Text="View A" />
            <TabItemHeader Text="View B" />
         </TabItem.Headers>
         <TabItem.Content>
            <winforms:WindowsFormsHost x:Name="InfoPathFormsHost">
               <infopath:FormControl x:Name="InfoPathFormControl" />
            </winforms:WindowsFormsHost>
         </TabItem.Content>
      </TabItem>
      <TabItem Header="Letter">
         <local:CustomView />
      </TabItem>
   </TabControl>

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

睫毛上残留的泪 2024-12-15 14:08:39

如果我理解正确，那么您希望根据您在外部控件中选择的视图来更改 TabItems 标题。如果是这种情况，那么您应该尝试使用保存实际标头值的属性来扩展外部控件，然后将其绑定到 TabItmes 标头。

回复收藏 0 原文

别挽留 2024-12-15 14:08:39

您可以拥有它，以便 TabItem.Header 包含一个 Panel 元素，该元素可以包含多个子元素。例子：

<TabItem>
  <TabItem.Header>
    <StackPanel>
      <TextBlock Text="View A" />
      <TextBlock Text="View B" />
    </StackPanel>
  </TabItem.Header>
  <TabItem.Content>
    <winforms:WindowsFormsHost x:Name="InfoPathFormsHost">
      <infopath:FormControl x:Name="InfoPathFormControl" />
    </winforms:WindowsFormsHost>
  </TabItem.Content>
</TabItem>

You can have it so that the TabItem.Header contains a Panel element, which can contain multiple child elements. Example:

<TabItem>
  <TabItem.Header>
    <StackPanel>
      <TextBlock Text="View A" />
      <TextBlock Text="View B" />
    </StackPanel>
  </TabItem.Header>
  <TabItem.Content>
    <winforms:WindowsFormsHost x:Name="InfoPathFormsHost">
      <infopath:FormControl x:Name="InfoPathFormControl" />
    </winforms:WindowsFormsHost>
  </TabItem.Content>
</TabItem>

回复收藏 0 原文