Question

在我的XAML中，我有一个ListBox，它绑定到一个viewmodel对象列表。

定义usercontrol以使用此TestViewModel作为其数据上下文。在用户控件中，我有2个命令按钮，它们使用ICommand模式绑定到方法。借助这些按钮，我可以在上面提到的列表中添加和删除视图模型，这使得ListBox的高度增加（这会使滚动条显示）。

一切似乎都很好。但是，当由于屏幕/应用程序高度不够而部分显示用户控件时，事情不会像预期的那样工作。

即使命令按钮可见，命令也不会被触发。相反，ListBox将滚动到最后一个项目，部分显示的项目变得完全可见。之后，该项目的命令将按预期被触发。

为ListBox设置固定高度不是一个选项，因为应用程序必须支持不同的屏幕分辨率。

任何人都知道如何解决这个问题？或者这是预期的行为？

更新：添加示例源代码。我目前的屏幕分辨率是1366x768。在那之下，我只能看到2个完整控件。第三个只是部分可见。

窗口：

<Window x:Class="WpfApplication1.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:uc="clr-namespace:WpfApplication1"
        Title="MainWindow" WindowState="Maximized">
    <Window.DataContext>
        <uc:MainViewModel></uc:MainViewModel>
    </Window.DataContext>
    <Grid>
        <ListBox ItemsSource="{Binding VmList}"></ListBox>
    </Grid>
</Window>

窗口的Viewmodel：

public class MainViewModel : INotifyPropertyChanged
    {
        public event PropertyChangedEventHandler PropertyChanged;

        public void OnPropertyChanged(string propertyName)
        {
            if (PropertyChanged != null)
                PropertyChanged(this, new PropertyChangedEventArgs(propertyName));
        }


        private ObservableCollection<TestViewModel> vmList;

        public ObservableCollection<TestViewModel> VmList
        {
            get { return vmList; }
            set 
            { 
                vmList = value;
                OnPropertyChanged("VmList");
            }
        }

        public MainViewModel()
        {
            VmList = new ObservableCollection<TestViewModel>() 
            {
                new TestViewModel(1),
                new TestViewModel(2),
                new TestViewModel(3)
            };
        }    
    }

用户控件：

<UserControl x:Class="WpfApplication1.TestUserControl"
             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="300" Width="200">    
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition></RowDefinition>
            <RowDefinition></RowDefinition>
        </Grid.RowDefinitions>  
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="85*"></ColumnDefinition>
            <ColumnDefinition Width="15*"></ColumnDefinition>
        </Grid.ColumnDefinitions>
        <Border BorderThickness="1" BorderBrush="Gray" Grid.Row="0" Grid.Column="0" Grid.RowSpan="2">
        <Grid Grid.Row="0" Grid.Column="0" Grid.RowSpan="2" HorizontalAlignment="Center" VerticalAlignment="Center">
                <Border BorderThickness="2" BorderBrush="Black">
                    <Label Content="{Binding Count}"></Label></Border>
        </Grid></Border>
        <Button Grid.Row="0" Grid.Column="1" Width="30" Height="30" Command="{Binding OnControlAdd}"
                CommandParameter="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType={x:Type Window}}, Path=DataContext}">+</Button>
    </Grid>
</UserControl>

用户控件的Viewmodel：

public class TestViewModel : INotifyPropertyChanged
    {
        public event PropertyChangedEventHandler PropertyChanged;

        public void OnPropertyChanged(string propertyName)
        {
            if (PropertyChanged != null)
                PropertyChanged(this, new PropertyChangedEventArgs(propertyName));
        }

        private int count;

        public int Count
        {
            get { return count; }
            set { count = value; }
        }


        public ICommand OnControlAdd
        {
            get
            {
                return new RelayCommand(AddControl);
            }
        }

        private void AddControl(object param)
        {
            MainViewModel mainView = param as MainViewModel;

            if (null != mainView)
            {
                mainView.VmList.Add(new TestViewModel(mainView.VmList.Count + 1));
            }
        }

        public TestViewModel(int count)
        {
            Count = count;
        }
    }

的DataTemplate：

<DataTemplate DataType="{x:Type local:TestViewModel}">        
        <local:TestUserControl></local:TestUserControl>
    </DataTemplate>

Answer 1

是的，这是预期的行为，首先ListBox ScrollViewer将确保点击项目时可以看到完全的项目内容（它会点击，所以它不会达到按钮）只有这样你才能点击项目内的按钮。

要解决此问题，只需使用

禁用该行为即可

    <ListBox ScrollViewer.CanContentScroll="False" ... />

对于列表框中的部分可见项，不会触发绑定命令

1 个答案: