0

我的 MainWindow 中有两个 UserControl，而 UserControl2 有 2 个 Listbox、Texbox 和 Button。当我在 TextBox 中写一些文本并按下 Button 时，它应该添加到 ListBox。有人可以帮我写代码吗，我是 WPF 和 MVVM 的新手

这是我的 XAML 代码

<Window x:Class="Wpf_MVVM.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="clr-namespace:Wpf_MVVM" 
    Title="Voxer" Background="SlateGray" Height="420" Width="550">


<Grid>
    <local:UserControl1 HorizontalAlignment="Left" VerticalAlignment="Top"/>
    <local:UserControl2 HorizontalAlignment="Left" VerticalAlignment="Top" Margin="150,29,0,0"/>




</Grid>

这是我的 UserControl1.Xaml 代码

<UserControl x:Class="Wpf_MVVM.UserControl1"
         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" 
         Height="Auto" Width="Auto">
<Grid>
    <ListBox HorizontalAlignment="Left" Height="310" VerticalAlignment="Top" Width="150" Margin="0,40,0,0">
        <ListBoxItem>Name 1</ListBoxItem>
        <ListBoxItem>Name 2</ListBoxItem>
        <ListBoxItem>Name 3</ListBoxItem>
        <ListBoxItem>Name 4</ListBoxItem>
        <ListBoxItem>Name 5</ListBoxItem>
        <ListBoxItem>Name 6</ListBoxItem>
    </ListBox>
    <Label Content="Conversations" HorizontalAlignment="Left" VerticalAlignment="Top"  Height="40" Width="150" FontSize="20" Background="SkyBlue"/>
    <Button Content="Create New Chat" Height="30" HorizontalAlignment="Left" Margin="0,350,0,0" VerticalAlignment="Top" Width="150"/>

</Grid>

这是我的 UserControl2.Xaml 代码

<UserControl x:Class="Wpf_MVVM.UserControl2"
         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" 
         Height="Auto" Width="390">
<Grid>
    <ListBox Name="listbox1" HorizontalAlignment="Left" Height="310" VerticalAlignment="Top" Width="180" Margin="10,0,0,0"/>
    <ListBox Name="listbox2"  HorizontalAlignment="Left" Height="310" Margin="200,0,0,0" VerticalAlignment="Top" Width="180"/>
    <TextBox Name="tb1" HorizontalAlignment="Left" Height="40" Margin="200,310,0,0" TextWrapping="NoWrap" Text="" VerticalAlignment="Top" Width="130"/>
    <TextBox Name="tb2" Height="40" TextWrapping="NoWrap" Text="" Margin="10,310,245,0"/>
    <Button Command="{Binding ButtonCommand}" Name="btn1" Content="Send" Height="40" HorizontalAlignment="Left" Margin="330,310,0,0" VerticalAlignment="Top" Width="50" />
    <Button Command="{Binding SendControlCommand}" Name="btn2" Content="Send" Height="40" Margin="145,310,200,0"/>

</Grid>

4

3 回答 3

8

听起来你是在黑暗中刺伤......你说你正在使用 MVVM 和 WPF，但我认为你应该首先修改你在这些主题上的背景......

基本上，您的视图应该绑定到 ViewModel 上的属性。

通常你会希望有一个可观察的集合作为列表框的来源，并且在你的 XAML 上做类似的事情

<ListBox Name="listbox_name"  ... ItemSource="{Binding ListPropertyName}/>

（我假设您有一个类型ObservableCollection为 named的属性ListPropertyName，显然您会根据需要将其命名为其他名称）

然后，命令。一旦你有：

<Button Command="{Binding ButtonCommand}" Name="btn1" Content="Send"... />

这意味着您需要ICommand在视图模型代码中有一个属性，称为ButtonCommand：

public ICommand ButtonCommand{ get; private set; }

在您的构造函数中，您可以编写：

ButtonCommand= new RelayCommand<object>(Execute_YourMethodHere);

现在，当你按下按钮时，你Execute_YourMethodHere的运行。

这是您可能希望将对象添加到您的位置ObservableCollection（假设您已使用INotifyPropertyChanged，因此 View 将知道您的集合已更改），这就是它的真正意义......

于 2013-10-29T10:14:08.740 回答
0

你忘了DataContext吗？在后面的代码中，您应该添加以下行： this.DataContext = new YourViewModel();

你能展示你的CommandMethods吗？

于 2013-10-29T07:33:21.283 回答
0

您忘记了将 ItemsSource 绑定到第二个 xaml 中的列表。如果您想以正确的方式使用 MVVM 进行操作，则需要视图模型中的两个 ItemsSource 属性、两个中继命令和两个字符串属性。在命令操作中，只需将适当的文本添加到相应列表的 ItemsSource。

您还需要了解 INotifyPropertyChanged、ObservableCollection 和 ICommand 才能使其正常工作。

于 2013-10-29T09:15:24.853 回答