wpf - 将 ViewModel 中的 UserControl 动态添加到 View-6ren

wpf - 将 ViewModel 中的 UserControl 动态添加到 View

转载作者：行者123 更新时间：2023-12-03 10:58:48

我有一个 View ，它只是一个 ListBox 或 ItemsControl(两者都尝试过) 我正在尝试将用户控件的多个实例从 ViewModel 添加到 ListBox。我正在尝试这个:

我的主 ViewModel 中有一个 UserControl ViewModel 的 ObservableCollection。

<Controls:MetroWindow.Resources>
  <DataTemplate x:Key="{x:Type local2:TorrentControlViewModel}">
        <local:TorrentControl />
    </DataTemplate>

  <ItemsControl ItemsSource="{Binding TorrentControlViewModels}"  VerticalAlignment="Top">

我得到的只是 ListBox 中的一个字符串:
命名空间.ViewModels.TorrentControlViewModel

绑定(bind)似乎有效，但用户控件从未初始化。
我需要将未知数量的这些控件添加到列表框中。

(WPF MVVM) How to add a user control to a View from a collection in a ViewModel

控制

<UserControl x:Class="Music.Views.TorrentControl"
         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
         xmlns:Controls="clr-namespace:MahApps.Metro.Controls;assembly=MahApps.Metro"
         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:local="clr-namespace:Music"
         xmlns:converters="clr-namespace:Music.Converters"
         xmlns:ei="http://schemas.microsoft.com/expression/2010/interactions"
         xmlns:i="clr-namespace:System.Windows.Interactivity;assembly=System.Windows.Interactivity"
         xmlns:behaviors="clr-namespace:Music.Behaviors"
         mc:Ignorable="d" d:DesignWidth="900" Height="300" Width="Auto">
<UserControl.Resources>
    <Style x:Key="ButtonHype" TargetType="{x:Type Hyperlink}">
        <Setter Property="TextDecorations" Value="None" />
    </Style>
    <converters:BoolToVisibilityConverter x:Key="BoolToVisConverter" />
    <converters:ReverseBooleanConverter x:Key="ReverseBooleanConverter" />
    <Style x:Key="ListBoxItemStyle1" TargetType="{x:Type ListBoxItem}">
        <Setter Property="Background" Value="Transparent" />
        <Setter Property="HorizontalContentAlignment" Value="{Binding HorizontalContentAlignment,
        RelativeSource={RelativeSource AncestorType={x:Type ItemsControl}}}" />
        <Setter Property="VerticalContentAlignment" Value="{Binding VerticalContentAlignment,
         RelativeSource={RelativeSource AncestorType={x:Type ItemsControl}}}" />
        <Setter Property="Padding" Value="2,0,0,0" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type ListBoxItem}">
                    <Border x:Name="Bd" BorderBrush="{TemplateBinding BorderBrush}"
                        BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}"
                        Padding="{TemplateBinding Padding}" SnapsToDevicePixels="true">
                        <ContentPresenter HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                        SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"
                        VerticalAlignment="{TemplateBinding VerticalContentAlignment}" />
                    </Border>
                    <ControlTemplate.Triggers>
                        <Trigger Property="IsSelected" Value="true">
                            <Setter Property="Background" Value="Transparent" />
                        </Trigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
</UserControl.Resources>
<Grid VerticalAlignment="Top" Width="Auto" Height="Auto" MinWidth="400" x:Name="MainGrid">
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="Auto" />
        <ColumnDefinition Width="Auto" />
        <ColumnDefinition Width="*" />
    </Grid.ColumnDefinitions>

    <Grid.RowDefinitions>
        <RowDefinition Height="Auto" MaxHeight="40" />
        <RowDefinition Height="Auto" />
        <RowDefinition Height="100" />
        <!--<RowDefinition Height="Auto" />-->
        <!--<RowDefinition Height="Auto" />-->
    </Grid.RowDefinitions>

    <Image HorizontalAlignment="Center"  Grid.Row="0" Grid.Column="0"
        Source="{Binding RootSource}" RenderOptions.BitmapScalingMode="HighQuality" Height="30"
        Margin="10,0,10,0" Stretch="Uniform"
        RenderTransformOrigin=".5,.5" Cursor="Hand" VerticalAlignment="Center">
        <Image.RenderTransform>
            <RotateTransform x:Name="AnimatedRotateTransform" Angle="0" />
        </Image.RenderTransform>
        <Image.Triggers>
            <EventTrigger RoutedEvent="FrameworkElement.Loaded">
                <BeginStoryboard>
                    <Storyboard>
                        <DoubleAnimation Storyboard.TargetName="AnimatedRotateTransform"
                            Storyboard.TargetProperty="Angle"
                            By="0"
                            To="360"
                            Duration="0:0:0.3"
                            RepeatBehavior="2x"
                            FillBehavior="Stop" />
                    </Storyboard>
                </BeginStoryboard>
            </EventTrigger>
        </Image.Triggers>
    </Image>
    <!--<Viewbox Stretch="UniformToFill" StretchDirection="Both" Grid.Row="0" Grid.Column="1">-->
    <TextBlock x:Name="TorrentNameText" HorizontalAlignment="Left"  Grid.Row="0" Grid.Column="1"
        Text="{Binding TorrentName}" VerticalAlignment="Center" Grid.ColumnSpan="1"
        Margin="4,-5,0,0" TextTrimming="CharacterEllipsis"
        FontSize="26" Width="Auto" Foreground="White">

        <TextBlock.Triggers>
            <EventTrigger RoutedEvent="FrameworkElement.Loaded">
                <BeginStoryboard>
                    <Storyboard>
                        <DoubleAnimation
                            Storyboard.TargetName="TorrentNameText"
                            Storyboard.TargetProperty="(UIElement.Opacity)"
                            From="0.0" To="1" Duration="0:0:4"
                            AutoReverse="False" RepeatBehavior="1x" />
                    </Storyboard>
                </BeginStoryboard>
            </EventTrigger>
        </TextBlock.Triggers>
    </TextBlock>
    <!--</Viewbox>-->
    <!--<Rectangle x:Name="LineRect" Height="2"  VerticalAlignment="Bottom" Fill="Gray" Grid.Row="2" Grid.RowSpan="3"
                       Margin="-1000,0,0,0" Grid.Column="2" Grid.ColumnSpan="2" Visibility="Collapsed">
    </Rectangle>-->

    <Border x:Name="CDImageBorder" BorderBrush="#F80271" BorderThickness="2" Grid.Row="0" Grid.Column="2"
            MaxHeight="175" HorizontalAlignment="Left" VerticalAlignment="Top" Grid.RowSpan="3"
            Width="Auto"
            Margin="44,0,0,0" Visibility="Visible">
        <Border.Effect>
            <DropShadowEffect Opacity="50" Color="#FF9933" BlurRadius="10" />
        </Border.Effect>
        <Image x:Name="CDImage" Grid.Row="0" Grid.Column="3"
            RenderOptions.BitmapScalingMode="HighQuality" Height="175"
            Stretch="Uniform" HorizontalAlignment="Left" Margin="0,0,0,0"
            RenderTransformOrigin=".5,.5" VerticalAlignment="Top" Grid.RowSpan="3"
           Source="{Binding CDImageSource}" Visibility="Visible" />
    </Border>
    <Controls:ProgressRing x:Name="ProgressRing" Grid.Row="0" Grid.Column="2" Height="38" Width="40"
                           IsActive="{Binding IsWorking}" Foreground="#F80271" Margin="30,4,0,0" HorizontalAlignment="Left" />

    <ListBox Grid.Row="2" Grid.Column="1" Width="Auto"
             Margin="0 0 0 0" ScrollViewer.VerticalScrollBarVisibility="Auto" Height="Auto"
              ItemContainerStyle="{DynamicResource ListBoxItemStyle1}" ItemsSource="{Binding SubDirectories}">
        <i:Interaction.Behaviors>
            <behaviors:ScrollIntoViewBehavior />
        </i:Interaction.Behaviors>
        <ListBox.Style>
            <Style TargetType="{x:Type ItemsControl}">
                <Style.Resources>
                    <Style TargetType="{x:Type ListBoxItem}">
                        <Setter Property="FocusVisualStyle" Value="{x:Null}" />
                        <Setter Property="Background" Value="Transparent" />
                        <Setter Property="BorderBrush" Value="Transparent" />
                        <Setter Property="Template">
                            <Setter.Value>
                                <ControlTemplate TargetType="{x:Type ListBoxItem}">
                                    <Grid Margin="0,0,0,0">
                                        <Border Background="{TemplateBinding Background}"
                                            BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="1"
                                            SnapsToDevicePixels="True" />
                                        <ContentPresenter Margin="8,5" />
                                    </Grid>
                                    <ControlTemplate.Triggers>
                                        <MultiTrigger>
                                            <MultiTrigger.Conditions>
                                                <Condition Property="IsMouseOver" Value="True" />
                                            </MultiTrigger.Conditions>
                                            <Setter Property="Background" Value="#F80271" />
                                            <Setter Property="BorderBrush" Value="Black" />
                                        </MultiTrigger>
                                    </ControlTemplate.Triggers>
                                </ControlTemplate>
                            </Setter.Value>
                        </Setter>
                    </Style>
                </Style.Resources>

                <Setter Property="Background" Value="Transparent" />
                <Setter Property="BorderThickness" Value="0" />
                <Setter Property="ItemsPanel">
                    <Setter.Value>
                        <ItemsPanelTemplate>
                            <StackPanel>
                                <i:Interaction.Behaviors>
                                    <ei:FluidMoveBehavior AppliesTo="Children" Duration="00:00:00.3">
                                        <ei:FluidMoveBehavior.EaseX>
                                            <CircleEase EasingMode="EaseOut" />
                                        </ei:FluidMoveBehavior.EaseX>
                                    </ei:FluidMoveBehavior>
                                </i:Interaction.Behaviors>
                            </StackPanel>
                        </ItemsPanelTemplate>
                    </Setter.Value>
                </Setter>
            </Style>
        </ListBox.Style>
        <!--<ListBoxItem>
            </ListBoxItem>-->
    </ListBox>
    <StackPanel Grid.Column="1" Grid.Row="1" Background="Transparent" Height="Auto" Width="Auto"
               Grid.ColumnSpan="1" Orientation="Horizontal" Margin="10,0,0,0"/>
    <Grid  Width="Auto" Grid.Column="1" Grid.Row="1" Margin="5,0,0,0">
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="Auto" />
            <ColumnDefinition Width="Auto" />
            <ColumnDefinition Width="Auto" />
            <ColumnDefinition Width="Auto" />
            <ColumnDefinition Width="Auto" />
            <ColumnDefinition Width="Auto" />
            <ColumnDefinition Width="Auto" />
        </Grid.ColumnDefinitions>
        <Image  Grid.Row="0" Grid.Column="0"
            RenderOptions.BitmapScalingMode="HighQuality" Height="25" ToolTip="Torrent Complete"
            Stretch="Uniform" HorizontalAlignment="Left" Margin="0,0,0,0"
            RenderTransformOrigin=".5,.5" VerticalAlignment="Center"
            Visibility="Visible" Source="{Binding CheckSource}"/>
        <TextBlock DockPanel.Dock="Top"  Grid.Row="0" Grid.Column="1"><Hyperlink Command="{Binding UTorrentClientControlCommands}" Style="{StaticResource ButtonHype}"
                  CommandParameter="StartTorrent" ><InlineUIContainer>
                    <Image Source="{Binding StartSource}" VerticalAlignment="Center" Stretch="Uniform"
                        RenderOptions.BitmapScalingMode="HighQuality" RenderTransformOrigin=".5,.5"
                        ToolTip="Start Torrent" HorizontalAlignment="Center"
                        Margin="0,10,0,0" Height="32"  />
                </InlineUIContainer></Hyperlink></TextBlock>
        <TextBlock DockPanel.Dock="Top"  Grid.Row="0" Grid.Column="2"><Hyperlink Command="{Binding UTorrentClientControlCommands}" Style="{StaticResource ButtonHype}"
                  CommandParameter="StartTorrent" ><InlineUIContainer>
                    <Image Source="{Binding StartSource}" VerticalAlignment="Center" Stretch="Uniform"
                        RenderOptions.BitmapScalingMode="HighQuality" RenderTransformOrigin=".5,.5"
                        ToolTip="Start Torrent" HorizontalAlignment="Center"
                        Margin="0,10,0,0" Height="32"  />
                </InlineUIContainer></Hyperlink></TextBlock>
        <TextBlock DockPanel.Dock="Top"  Grid.Row="0" Grid.Column="3"><Hyperlink Command="{Binding UTorrentClientControlCommands}" Style="{StaticResource ButtonHype}"
                  CommandParameter="StartTorrent" ><InlineUIContainer>
                    <Image Source="{Binding StartSource}" VerticalAlignment="Center" Stretch="Uniform"
                        RenderOptions.BitmapScalingMode="HighQuality" RenderTransformOrigin=".5,.5"
                        ToolTip="Start Torrent" HorizontalAlignment="Center"
                        Margin="0,10,0,0" Height="32"  />
                </InlineUIContainer></Hyperlink></TextBlock>
        <TextBlock DockPanel.Dock="Top"  Grid.Row="0" Grid.Column="4"><Hyperlink Command="{Binding UTorrentClientControlCommands}" Style="{StaticResource ButtonHype}"
                  CommandParameter="StartTorrent" ><InlineUIContainer>
                    <Image Source="{Binding StartSource}" VerticalAlignment="Center" Stretch="Uniform"
                        RenderOptions.BitmapScalingMode="HighQuality" RenderTransformOrigin=".5,.5"
                        ToolTip="Start Torrent" HorizontalAlignment="Center"
                        Margin="0,10,0,0" Height="32"  />
                </InlineUIContainer></Hyperlink></TextBlock>
        <TextBlock DockPanel.Dock="Top"  Grid.Row="0" Grid.Column="5"><Hyperlink Command="{Binding UTorrentClientControlCommands}" Style="{StaticResource ButtonHype}"
                  CommandParameter="StartTorrent" ><InlineUIContainer>
                    <Image Source="{Binding StartSource}" VerticalAlignment="Center" Stretch="Uniform"
                        RenderOptions.BitmapScalingMode="HighQuality" RenderTransformOrigin=".5,.5"
                        ToolTip="Start Torrent" HorizontalAlignment="Center"
                        Margin="0,10,0,0" Height="32"  />
                </InlineUIContainer></Hyperlink></TextBlock>
        <TextBlock DockPanel.Dock="Top"  Grid.Row="0" Grid.Column="6"><Hyperlink Command="{Binding UTorrentClientControlCommands}" Style="{StaticResource ButtonHype}"
                  CommandParameter="StartTorrent" ><InlineUIContainer>
                    <Image Source="{Binding StartSource}" VerticalAlignment="Center" Stretch="Uniform"
                        RenderOptions.BitmapScalingMode="HighQuality" RenderTransformOrigin=".5,.5"
                        ToolTip="Start Torrent" HorizontalAlignment="Center"
                        Margin="0,10,0,0" Height="32"  />
                </InlineUIContainer></Hyperlink></TextBlock>
        <TextBlock DockPanel.Dock="Top"  Grid.Row="0" Grid.Column="7"><Hyperlink Command="{Binding UTorrentClientControlCommands}" Style="{StaticResource ButtonHype}"
                  CommandParameter="StartTorrent" ><InlineUIContainer>
                    <Image Source="{Binding StartSource}" VerticalAlignment="Center" Stretch="Uniform"
                        RenderOptions.BitmapScalingMode="HighQuality" RenderTransformOrigin=".5,.5"
                        ToolTip="Start Torrent" HorizontalAlignment="Center"
                        Margin="0,10,0,0" Height="32"  />
                </InlineUIContainer></Hyperlink></TextBlock>

    </Grid>

    <StackPanel />


</Grid>

最佳答案

你只需要告诉框架你的DataTemplate适用于您指定的数据类型:

<DataTemplate DataType="{x:Type local2:TorrentControlViewModel}">
    <local:TorrentControl />
</DataTemplate>

现在，当它看到您的数据类型的对象时，它会找到 DataTemplate (只要在范围内声明)并渲染 UserControl .

关于wpf - 将 ViewModel 中的 UserControl 动态添加到 View，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/27905004/

文章推荐： c# - 模拟 protected 方法总是返回 true

文章推荐： c# mvvm IEqualityComparer with IChangeTracking

文章推荐： c# - 绑定(bind)复选框状态不会触发 OnPropertyChanged

wpf - 在另一个 wpf 窗口中有一个 wpf 窗口
有没有办法在另一个 WPF 窗口内托管 WPF 窗口。我有几个有点复杂的表格。但现在为了简化事情，我试图将其中一些合并为一个“仪表板”表单中的标签页。请注意，我不是要托管 Windows 窗体，而是
wpf - WPF 的哪些方面/实践在 WPF 之外最有用？
WPF 特有的哪些方面和实践在非 WPF GUI 编程中最有用(并且并非难以实现)？最佳答案通过学习 WPF 命令，我了解了命令模式。它构成了 UI - 代码分离的基础，我认为应该在其他应用程序中
wpf - WPF 的语义缩放控件？
WinRT/Metro 正在获得一个新的 SemanticZoom控制，但我很难为 WPF 找到任何东西。我不想为我的特定项目切换到 Metro，因为它不允许我制作窗口应用程序或跨多个显示器的多个实
wpf - 如何在两个列表之间拖放 WPF？
我很难解决我的问题，我快要疯了。想法是这样的:我有两个 ListView 元素，当一个元素从第一个列表掉落到第二个列表时，我需要打开一个对话，但我需要被掉落的元素的信息以及被添加以填充对话的元素。
wpf - WPF TabControl内存问题
如果我遵循TabControl，并且一切正常，当我切换到第二个Tabitem时，它显示就没有问题。 //datagrid //datagrid2 但是如果我有这个xaml，当我
wpf - 如何将鼠标双击添加到数据网格项 wpf
在 Windows 窗体应用程序中，我们的数据 GridView 有很多事件，如行鼠标双击或行单击以及额外的...... 但是在 WPF 中我找不到这些事件。我如何将行鼠标双击添加到其中包含数据网格的
wpf - WPF 中不存在另一个名称的问题
在这个项目中，代码正确编译和执行 ;但是，我需要帮助解决两个问题: VS2012 WPF 设计器不适用于此 XAML 文件。它显示消息设计 View 对于 x64 和 ARM 目标平台不可用。我收
wpf - WPF 内容的奇怪符号
目前我正在设计 WPF ScrollViewer，我发现了这个 Content="M 0 0 L 4 4 L 0 8 Z" 阅读 MSDN examples .现在我真的很想知道这意味着什么，但我无法
wpf - WPF 中的实际可见性
在 WPF 中，元素的可见性可以为“可见”，但实际上在屏幕上不可见，因为它的父元素(或父元素的父元素)具有折叠的可见性。我希望能够知道一个元素是否实际呈现在屏幕上，而不必遍历可视化树检查父元素。有
wpf - WPF 命令基础结构中的对话框是否有关闭命令？
我应该使用 ApplicationCommands.Close用于关闭模式对话框还是该命令被认为是为关闭应用程序保留的？如果是后者，请大家创建Close每个命令 Dialog盒子或只是一个 Close
wpf - WPF 的菜单
WPF 是否有任何可用的 piemenu 控件？最佳答案我在我的最爱中找到了这个，你可以看看: This 祝你今天过得愉快。关于wpf - WPF 的菜单，我们在Stack Overflow上找
wpf - 使用 WPF WrapPanel 环绕和右对齐文本 - WPF 错误？
我正在尝试使用 WrapPanel 和两个 TextBlock 将星号 (*) 附加到某些文本的左侧，允许文本换行，并强制文本右对齐。通过创建一个 FlowDirection 设置为 RightToL
wpf - WPF DoDragDrop导致控件动画停止
这里是场景（简化）：我在Window上有一个控件（比如说一个Rectangle）。我迷上了MouseMove事件，以使其启动拖放操作。然后在MouseDown事件中进行动画处理，向右移动50个像素。但
wpf - ListView选择单个项目，wpf
我有一个 ListView ，它的项目来源是一个列表。我希望用户只选择一项。当我将 listview 的 SelectionMode 设置为 single 时，用户仍然可以选择多个项目，并且似乎 li
wpf - WPF 开发人员应该避免的常见编程错误？
就目前而言，这个问题不适合我们的问答形式。我们希望答案得到事实、引用或专业知识的支持，但这个问题可能会引起辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开，visit the he
wpf - INotifyPropertyChanged WPF
INotifyPropertyChanged 的目的是什么。我知道每当更改属性时都会触发此事件，但是 View /用户界面如何知道触发了此事件: 这是实现 INotifyPropertyChang
wpf - WPF 中的错误提供程序
我正在查看工具箱中的 WPF 组件，但找不到 2005/2008 中存在的错误提供程序。被移除了吗？最佳答案 ErrorProvider是一个 Winforms 控件。 WPF 中没有等效项。但是
wpf - 单击和双击同一图像控件(wpf)
我试图在单击和双击 wpf Image 控件时有不同的行为。不幸的是，单击首先被触发，因此双击被忽略。最佳答案如果您改用 MouseDown 事件，则它在 EventArgs 中为 ClickCo
wpf - 如何在面板中的另一个 WPF 窗口中加载一个 WPF (xaml) 窗口？
这可能吗？我使用了一个框架控件并且:显示(例如:showwindow.xaml) 但是我得到这个错误: root element is not valid for navigation 最佳答案确
wpf - 如何仅修改扩展器按钮背景？ WPF
我在蓝色背景的窗口上放置了一个扩展器，我想让扩展器的按钮与默认颜色不同(蓝色，它是从窗口接收的)。当我修改扩展器的背景属性时，它会将整个扩展器、标题和全部更改为新颜色。但是，我只想更改按钮本身。谁能指

行者123

个人简介

我是一名优秀的程序员,十分优秀！

作者热门文章

滴滴打车优惠券免费领取

全站热门文章

首页

博学

6Ren·AI

商城

wpf - 将 ViewModel 中的 UserControl 动态添加到 View