Question

我需要编写一个Windows窗体，用户可以在其中查看按“客户”分组的许多“合同”。每个客户必须是一个展开 - 折叠面板，客户的合同必须在相应的面板内。

我已经尝试了很棒的ExpandCollapsePanel，但是当客户数量很大时，面板不会自动滚动，即使 AutoScroll 属性设置为 true

有人知道其他一些选择吗？请记住，必须动态创建面板，因为每个客户都有许多客户和许多合同。

谢谢！

Answer 1

好的，我使用ElementHost创建了一个样本来托管WPF UserControl，它看起来像这样：

enter image description here

我上传了完整的源代码Here，但无论如何这些是最相关的部分：

Form1中：

public partial class Form1 : Form
{
    public CustomerContractsViewModel ContractsVM { get; set; }

    public Form1()
    {
        InitializeComponent();

        ContractsVM  = new CustomerContractsViewModel();

        var customercontractsview = new CustomerContractsView(){DataContext = ContractsVM};

        var elementHost = new ElementHost() { Dock = DockStyle.Fill };
        elementHost.Child = customercontractsview;

        panel1.Controls.Add(elementHost);
    }

    private void button1_Click(object sender, EventArgs e)
    {
        ContractsVM.LoadCustomers(DataSource.GetCustomers());
    }
}

（为简洁省略了设计师代码）

WPF查看：

<UserControl x:Class="ElementHostSamples.CustomerContractsView"
             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" 
             mc:Ignorable="d" 
             d:DesignHeight="300" d:DesignWidth="300">
    <UserControl.Resources>
        <!-- This style is applied to all Label elements within the UserControl-->
        <Style TargetType="Label">
            <Setter Property="FontWeight" Value="Bold"/>
            <Setter Property="HorizontalAlignment" Value="Right"/>
        </Style>

        <!-- This DataTemplate will be used to render the Contract items-->
        <DataTemplate x:Key="ContractTemplate">
            <Grid>
                <Grid.RowDefinitions>
                    <RowDefinition Height="Auto"/>
                    <RowDefinition Height="Auto"/>
                </Grid.RowDefinitions>

                <Grid.ColumnDefinitions>
                    <ColumnDefinition/>
                    <ColumnDefinition/>
                </Grid.ColumnDefinitions>

                <Label Grid.Row="0" Grid.Column="0" Content="Contract Date:"/>
                <Label Grid.Row="1" Grid.Column="0" Content="Amount:"/>

                <TextBlock Grid.Row="0" Grid.Column="1" Text="{Binding ContractDate, StringFormat='MM/dd/yyyy'}" VerticalAlignment="Center"/>
                <TextBlock Grid.Row="1" Grid.Column="1" Text="{Binding Amount, StringFormat=C}" VerticalAlignment="Center"/>
            </Grid>
        </DataTemplate>

        <!-- This DataTemplate will be used to render the Customer Items -->
        <DataTemplate x:Key="CustomerTemplate">
            <Expander Header="{Binding Name}">
                <ListBox ItemsSource="{Binding Contracts}" ItemTemplate="{StaticResource ContractTemplate}">
                    <ListBox.Template>
                        <ControlTemplate TargetType="ListBox">
                            <ItemsPresenter/>
                        </ControlTemplate>
                    </ListBox.Template>
                </ListBox>
            </Expander>
        </DataTemplate>
    </UserControl.Resources>

    <ListBox ItemsSource="{Binding Customers}"
             ItemTemplate="{StaticResource CustomerTemplate}"/>
</UserControl>

代码背后：

public partial class CustomerContractsView : UserControl
{
    public CustomerContractsView()
    {
        InitializeComponent();
    }
}

视图模型：

public class CustomerContractsViewModel:PropertyChangedBase
{
    public List<Customer> Customers { get; set; }

    public void LoadCustomers(List<Customer> customers)
    {
        Customers = customers;
        OnPropertyChanged("Customers");
    }
}

注意这个简单的，不到100行的代码，20分钟的WPF样本比你希望在winforms中实现的任何东西都要好，并且不需要任何“所有者绘制”，“P /调用“（无论那意味着什么）或可怕的庞大代码背后的东西。并且不会强迫您在DevExpress或Telerik等第三方组件上花费大量资金。这就是为什么WPF是所有.Net Windows桌面应用程序开发的最佳选择，无论它是一个简单的Hello World类型的东西。
我正在使用ItemsControl来托管Customer个项目，在这些项目中，我使用带有自定义DataTemplate的ListBox来显示Contract } items。
ItemsControl（外部和内部）都是Virtualized，以便立即响应，即使有200,000个项目。
请注意，没有一行代码与UserControls的UI元素进行交互，所有内容都在XAML中定义，并通过DataBinding填充数据。这样可以实现大量的可伸缩性和可维护性，因为UI完全与应用程序逻辑/业务逻辑分离。这就是WPF方式。
Form代码（初始化代码除外）仅与ViewModel交互，无需与WPF视图交互。
从winforms升级到WPF时，你真的需要拥抱The WPF Mentality，正如前面提到的那样，你几乎从不操纵程序代码中的UI元素，或者使用太多的代码背后，而是使用DataBinding的一切，并拥抱The MVVM Pattern
WPF Rocks 。下载链接的源代码并亲自查看结果。
如果您需要进一步的帮助，请告诉我。

Windows窗体/ C中的动态折叠面板创建＃

1 个答案: