如何在选项卡控件项中拉伸用户控件

发布于 2024-10-15 23:56:09 字数 2060 浏览 4 评论 0原文

您好,我尝试解决如何将选项卡控件中活动的用户控件宽度/高度拉伸到选项卡控件宽度/高度。

我用的是 caliburn micro。

我创建了一些用户控件。就是这样:

<UserControl x:Class="Spirit.Views.TabChatView"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             xmlns:Micro="clr-namespace:Caliburn.Micro;assembly=Caliburn.Micro" 
             xmlns:Controls="clr-namespace:Spirit.Controls" mc:Ignorable="d" 
             Name="ChatWindow"
             Background="{StaticResource LightGrayBackground}"
             Height="545" Width="680">[...]</UserControl>

这个用户控件在 shell 中处于活动状态,shell 声明在这里。

<Window x:Class="Spirit.Views.ChatShellView"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
        xmlns:cal="clr-namespace:Caliburn.Micro;assembly=Caliburn.Micro" 
        Title="ChatShellView" Height="300" Width="300">
    <DockPanel>
        <Button x:Name="OpenTab"
                Content="Open Tab" 
                DockPanel.Dock="Top" />
        <TabControl x:Name="Items">
            <TabControl.ItemTemplate>
                <DataTemplate>
                    <StackPanel Orientation="Horizontal">
                        <TextBlock Text="{Binding DisplayName}" />
                        <Button Content="X"
                                cal:Message.Attach="CloseItem($dataContext)" />
                    </StackPanel>
                </DataTemplate>
            </TabControl.ItemTemplate>
        </TabControl>
    </DockPanel>
</Window>

如果在此 shell 中某些用户控件处于活动状态,您可以在此图像上看到结果:

在此处输入图像描述

我想要拉伸用户控制最大选项卡控件宽度/高度。

Hi I try solve how stretch user control width / height which is active in tab control to tab control width / height.

I use caliburn micro.

I create some user control. Here is it:

<UserControl x:Class="Spirit.Views.TabChatView"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             xmlns:Micro="clr-namespace:Caliburn.Micro;assembly=Caliburn.Micro" 
             xmlns:Controls="clr-namespace:Spirit.Controls" mc:Ignorable="d" 
             Name="ChatWindow"
             Background="{StaticResource LightGrayBackground}"
             Height="545" Width="680">[...]</UserControl>

This user control is active in shell, shell declaration is here.

<Window x:Class="Spirit.Views.ChatShellView"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
        xmlns:cal="clr-namespace:Caliburn.Micro;assembly=Caliburn.Micro" 
        Title="ChatShellView" Height="300" Width="300">
    <DockPanel>
        <Button x:Name="OpenTab"
                Content="Open Tab" 
                DockPanel.Dock="Top" />
        <TabControl x:Name="Items">
            <TabControl.ItemTemplate>
                <DataTemplate>
                    <StackPanel Orientation="Horizontal">
                        <TextBlock Text="{Binding DisplayName}" />
                        <Button Content="X"
                                cal:Message.Attach="CloseItem($dataContext)" />
                    </StackPanel>
                </DataTemplate>
            </TabControl.ItemTemplate>
        </TabControl>
    </DockPanel>
</Window>

Result if some user constrol is active in this shell you can see on this image:

enter image description here

I would like stretch user control on maximum tab control witdh / height.

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

扫码二维码加入Web技术交流群

发布评论

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

评论(1

方觉久 2024-10-22 23:56:09

删除 UserControl 定义中的 Height="545" Width="680"

Remove Height="545" Width="680" in UserControl definition

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文