WPF 点击用户控件

Posted 2023-03-30

【中文标题】WPF 点击用户控件

【英文标题】：WPF Click on userControl

【发布时间】：2015-10-14 13:08:06

【问题描述】：

我想让容器窗口内的任何网格行都可以点击。 每行都是一个名为“MyBookControl”的用户控件。 单击 userControl 时，我想提出命令“DownloadCommand”。 我正在使用 mvvm 模式。

容器视图：https://onedrive.live.com/redir?resid=3A8F69A0FB413FA4!124&authkey=!ANdfYAk6f0Vf-8s&v=3&ithint=photo%2cpng

BookControl：

<UserControl  x:Name="MyBookControl" />
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition/>
            <RowDefinition/>
            <RowDefinition/>
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition/>
            <ColumnDefinition/>
            <ColumnDefinition/>
            <ColumnDefinition/>
        </Grid.ColumnDefinitions>

        <Grid.Style>
            <Style TargetType="x:Type Grid">
                <Style.Triggers>
                    <Trigger Property="IsMouseOver" Value="False">
                        <Setter Property="Opacity" Value="0.6"></Setter>
                    </Trigger>
                    <Trigger Property="IsMouseOver" Value="True">
                        <Setter Property="Opacity" Value="1"></Setter>
                    </Trigger>
                </Style.Triggers>
            </Style>
        </Grid.Style>

        <Label Grid.Row="0">Title</Label>
        <Label Grid.Row="1">Author</Label>
        <Label Grid.Row="2">Description</Label>

        <TextBlock Grid.Row="0" Grid.Column="1" Text="Binding Title"/>
        <TextBlock Grid.Row="1" Grid.Column="1" Text="Binding Author"/>
        <TextBlock Grid.Row="2" Grid.Column="1" Text="Binding Description"/>
        <Button Grid.Column="2" Grid.RowSpan="3" Command="Binding DownloadCommand" Content="Download" />


        <Ellipse   Grid.Column="3" 
                    Height="20" Width="20"  
                    Stroke="Black" 
                    StrokeThickness="0.5" 
                    HorizontalAlignment="Center" 
                   Grid.Row="1"
                   />
        <Controls:PieSlice Grid.Column="3" Grid.Row="1" Stroke="Black" Fill="Black" 
                             Height="20" Width="20" 
                             StartAngle="0" EndAngle="Binding Percent"
                             HorizontalAlignment="Center" />
    </Grid>

</UserControl>

【问题讨论】：

您可以尝试将MouseBinding 添加到控件的InputBindings 集合中：<MouseBinding Gesture="LeftClick" Command="Binding DownloadCommand" />。

整个用户控件而不仅仅是下载按钮？

【参考方案1】：

据我了解，您希望构建一个响应式面板来容纳所有收藏成员。您可以尝试使用 listView 控件，并将您的用户控件作为 ListViewItem 的项目模板。那里的房子有选择功能（ListView）。这样，ListView 可以通过一堆对象绑定到您的主视图模型，并且每个用户控件都可以绑定到单个对象。

     <ListView ItemsSource="Binding ToYourSourceCollection">
        <ListView.ItemTemplate>
            <DataTemplate>
                <YourUserControl/>
            </DataTemplate>
        </ListView.ItemTemplate>
    </ListView>

然后，您可以构建一个处理 ListView 事件的行为，或者只监听 Selected 属性的变化。

【讨论】：

A ListBox 也适用于此。