手势功能在手持平台应用较为丰富,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" />