代码改变世界

在Pivot /Panorama 中使用WebBrowser

2012-04-17 02:05  F-sea  阅读(1706)  评论(2编辑  收藏  举报

Pivot /Panorama  中使用WebBrowser 我们会很蛋疼的发现 在WebBrowser 中使用左右滑动的手势 TMD 不顶用了。。。 Pivot/Panorama 不会随着手势滑动 除非把手指滑出WebBrowser 对于这个问提其原理我没有深入研究(似乎是Browse handle 了手势事件 让Pivot/Panorama 无法捕获到手势 这似乎应该和 事件路由有关 , 关于事件路由请出门右转去“进阶教程” 里面翻转: Windows Phone中的路由事件-以ListBox控件为例http://www.wpdevn.com/showtopic-95.aspx

下面我来说 我做采用的解决方案: 

还记得我在“借花献佛 WP7 中图片查看 缩放 ( http://www.wpdevn.com/showtopic-28.aspx)” 里面提到的toolkit 中的gestrue 么 。。。 (其实我在写那篇文章的时候 我也不知道 那货是什么东西 能干什么 怎么用  我就把toolkit 的simple 拿来改了下。。。。 其实到现在我也不知道 不清楚。。。 我只是知道了那东西可以捕捉手势。。。。 )

 

 

 

下面以 Pivot为例直接上代码。。。

 <controls:Pivot  x:Name="pivot" ItemContainerStyle="{StaticResource PivotItemStyle1}" Style="{StaticResource PivotStyle1}">
            <controls:PivotItem x:Name="browserPivot">
                <Grid>
                    <phone:WebBrowser Background="#FFEFEFEF" x:Name="browser" IsScriptEnabled="True" >
                        <toolkit:GestureService.GestureListener>
                            <toolkit:GestureListener Flick="GestureListener_Flick" />
                        </toolkit:GestureService.GestureListener>
                    </phone:WebBrowser>
                </Grid>
            </controls:PivotItem>
            <controls:PivotItem x:Name="replyListPivot">
                <Grid >

 

 

private void GestureListener_Flick(object sender, FlickGestureEventArgs e)
        {
            System.Diagnostics.Debug.WriteLine(e.Angle+" "+e.Direction+ " "+e.Handled+" "+e.HorizontalVelocity+" "+e.VerticalVelocity);
            if (e.Direction == System.Windows.Controls.Orientation.Horizontal)
            {
                if (e.HorizontalVelocity > 0)
                {
                    this.pivot.SelectedItem = pivot.Items[2];
                }
                else
                {
                    this.pivot.SelectedItem = pivot.Items[1];
                }
            }
        }

 

简单的说就是捕获手势。。。 判断手势方向 然后 修改Pivot 的 SelectItem。。。。

 

 

 

但是有个蛋疼的地方。。。pivot 的滑动动方向应该是和手势相同的。。。而修改SelectItem 没法控制滑动方向。。 如果 pivot 里面item 只有两个的话。。。。 额。。。 事情就有点蛋疼了

 

 

 

具体怎么蛋疼自己去试试吧。。。 (貌似 在修改SelectItem的时候 Pivot 的滑动是就近原则 向左有限)

 

 

 

在处理这个问题上我就用了小猥琐的方法。。。。

 

void pivot_SelectionChanged(object sender, SelectionChangedEventArgs e)
        {
            if (pivot.SelectedIndex == 2)
            {
                PivotItem removeItem = (PivotItem)e.RemovedItems[0];
                if (removeItem.Name == "replyListPivot")
                {
                    pivot.SelectedIndex = 0;
                }
                else if (removeItem.Name == "browserPivot")
                {
                    pivot.SelectedIndex = 1;
                }
}


            }

 

本文同步发表于:WP7 开发论坛: Windows Phone Developer Network (http://www.wpdevn.com/showtopic-96.aspx