如何为堆栈面板中动态添加的用户控件设置高度？答案

【问题标题】：How to set height to the dynamically added user control in stackpanel?如何为堆栈面板中动态添加的用户控件设置高度？
【发布时间】：2017-08-18 17:35:12
【问题描述】：

我们在一个 dll (Child.dll) 中拥有 wpf 用户控件 (UserControl.xaml)。

我们将“Child.dll”的引用添加到另一个应用程序（ParentApplication）中

在父应用程序中，我们有一个堆栈面板，我们必须在其中使用用户控件构造函数动态添加用户控件。

ParentApplication 包含：

MainWindow.xaml

<Window xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:fa="http://schemas.fontawesome.io/icons/" x:Class="ParentApplication.MainWindow"
        xmlns:Mvis="clr-namespace:Mvis;assembly=Mvis"
        Title="MainWindow" Height="1000" Width="1000" WindowStartupLocation="CenterScreen" WindowState="Maximized">
<Grid>
        <TabControl>
<TabItem Cursor="Hand">
                <TabItem.Header>
                    <StackPanel Orientation="Horizontal">
                        <TextBlock Text="ChildApplication"/>
                    </StackPanel>
                </TabItem.Header>
                <Grid>
                    <Grid.RowDefinitions>
                        <RowDefinition Height="*"></RowDefinition>
                    </Grid.RowDefinitions>
                    <ScrollViewer HorizontalScrollBarVisibility="Auto" VerticalScrollBarVisibility="Auto" CanContentScroll="True" Grid.Row="0" >
                        <StackPanel x:Name="userControlPlaceHolder" Background="Blue"/>
                    </ScrollViewer>
                </Grid>
            </TabItem>
        </TabControl>
</Grid>
</Window>

所以我们在 MainWindow.xaml.cs 上这样做：

public partial class MainWindow : Window
{
        public MainWindow()
        {
            InitializeComponent();
            UserControl userControl = new UserControl();
            this.userControlPlaceHolder.Children.Add(userControl);           
        }
}

问题 1：用户控件仅显示在屏幕的一半高度。

**注意：我们没有给 UserControl.xaml 设置任何高度，也不能像 userControl.Height=200 那样设置高度控制高度； **

问题 2：我们在 MainWindow.xaml 中使用了滚动查看器，但是当我们调整应用程序窗口大小时，垂直滚动条不显示。

【问题讨论】：

标签： c# wpf user-controls

【解决方案1】：

删除StackPanel，将UserControl直接添加到ScrollViewer：

<TabItem Cursor="Hand">
    <TabItem.Header>
        <StackPanel Orientation="Horizontal">
            <TextBlock Text="ChildApplication"/>
        </StackPanel>
    </TabItem.Header>
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="*"></RowDefinition>
        </Grid.RowDefinitions>
        <ScrollViewer x:Name="sv" HorizontalScrollBarVisibility="Auto" VerticalScrollBarVisibility="Auto" CanContentScroll="True" Grid.Row="0" >

        </ScrollViewer>
    </Grid>
</TabItem>

this.sv.Content = userControl;

ScrollViewers 和 StackPanels 不能很好地协同工作：

Horizontal scroll for stackpanel doesn't work

【讨论】：