WPF使ListBox支持手势多选功能

yoyofx

发布于 2018-09-05 10:58:29

8110

发布于 2018-09-05 10:58:29

文章被收录于专栏：ASP.NETCore

手势功能在手持平台应用较为丰富，PC上的应用还不是很多，不过还是有一些软件已应用这个功能如遨游浏览器等，应用得当还是相当可以丰富用户的互交体验的。

接下来我将介绍如何为ListBox添加手势功能支持。

这里我们用到了InkCanvas，它有一个Gesture事件，在这个事件中我们可以得到我们所画出的形状的区域及

e.Strokes[0].GetGeometry()，然后我们对这ListBox的这个区域做命中检查VisualTreeHelper.HitTest，从中过滤出我们想选中的多个ListBoxItem.

效果图：

代码如下：

查看XAML <InkCanvas EditingMode="None"  Grid.ColumnSpan="2" Name="m_ic" Height="350" VerticalAlignment="Top" 
                   Gesture="m_ic_Gesture">
                <ListBox Name="listBox1" SelectionMode="Extended"  Height="350" Width="780">
                    <ListBoxItem Content="Ok" />
                    <ListBoxItem Content="Maxzhang" />
                    <ListBoxItem Content="houxiaodong" />
                    <ListBoxItem Content="hao1" />
                    <ListBoxItem Content="wuhao" />
                    <ListBoxItem Content="xiaoge" />
                    <ListBoxItem Content="wefwefwefwef" />
            </ListBox>
        </InkCanvas>

        <Button Content="鼠标指针" Grid.Column="1" Height="23" 
                HorizontalAlignment="Left" Margin="9,356,0,0" Name="button1" 
                VerticalAlignment="Top" Width="75" Click="NoneMode_Click" />
        <Button Content="手势圈选" Grid.Column="1" Height="23" 
                HorizontalAlignment="Left" Margin="90,356,0,0" Name="button2" 
                VerticalAlignment="Top" Width="101" Click="SelectionMode_Click" />
        <Button Content="得到选中的项" Grid.Column="1" 
                Height="23" HorizontalAlignment="Left" Margin="600,356,0,0" Name="button3" 
                VerticalAlignment="Top" Width="97" Click="GetSelected_Click" />

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2010-11-01 ，如有侵权请联系 cloudcommunity@tencent.com 删除

wpf

本文分享自作者个人站点/博客前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体同步曝光计划，欢迎热爱写作的你一起参与！

wpf

登录后参与评论

0 条评论

热度

WPF使ListBox支持手势多选功能

WPF使ListBox支持手势多选功能

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐