码迷,mamicode.com
首页 > Windows程序 > 详细

WPF做12306验证码点击效果

时间:2016-12-30 23:19:29      阅读:380      评论:0      收藏:0      [点我收藏+]

标签:for   length   我不知道   开始   oid   sub   ring   pack   高度   

一、效果

和12306是一样的,运行一张图上点击多个位置,横线以上和左边框还有有边框位置不允许点击,点击按钮输出坐标集合,也就是12306登陆的时候,需要向后台传递的参数。

技术分享

二、实现思路

1、获取验证码图片

首先,我们看12306登陆页面,F12,通过如图的位置,我们可以观察到,验证码的请求URL是“https://kyfw.12306.cn/otn/passcodeNew/getPassCodeNew?module=login&rand=sjrand&0.8291445260649148”,

我不知道0.8291445260649148这一串数字是如何得到的,所以,先把它从里面去掉,只留下“https://kyfw.12306.cn/otn/passcodeNew/getPassCodeNew?module=login&rand=sjrand”,

写一个Request请求,发现,可以请求到验证码图像,并且每次都不一样,因此,这段URL就够了。

图片的大小一直都是293*190,这是为了方便拿取坐标。

技术分享技术分享

2、分析验证码图片

技术分享

通过在12306官网的点击,可以发现,横线以上的部分是不让点击的,左侧和右侧的空白部分也不让点击,那我们在做的时候,就需要选取一个范围,作为鼠标可点击的范围。

通过GetPosition方法,可以轻松的获取到中心图片的四个角的坐标为(5,40)(5,180)(288,40)(288,180)也就是说,我们的可点击区域就是5=<X<=288 && 40=<Y<=180。

这样的话,我们在触发鼠标点击实践的时候,判别Position是否在这个范围。

3、鼠标点击,打上铁老大的Logo

在鼠标点击验证码的时候,将铁老大的Logo打上去,其实很简单,就是给Logo设置一个Canvas的附加属性,但是需要注意的是,我们默认打上去的时候,并不是Logo的中心位置,而是左上角位置,因此,还要计算中心

比如,我的Logo是32*32的,也就是说Position.X-16,Position.Y-16,这样,才能保证Logo上去以后,是中心为鼠标点击的位置。

当点击Logo时,Logo从Canvas里移除掉,这样就可以实现点击取消的效果。

<Grid>
  <Grid.RowDefinitions>
    <RowDefinition Height="*" />
    <RowDefinition Height="Auto" />
  </Grid.RowDefinitions>
  <Canvas x:Name="cav" Grid.Row="0">
    <Image x:Name="img" Height="190" Width="293" MouseLeftButtonDown="img_MouseLeftButtonDown" />
  </Canvas>
  <Button Grid.Row="1" Content="坐标集合" x:Name="btn" Click="btn_Click" />
</Grid>
private void img_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
{
    BitmapImage imageIcon = new BitmapImage(new Uri(@"pack://application:,,,/12306SecurityCode;component/favicon.ico", UriKind.RelativeOrAbsolute));
    System.Windows.Point pointImg = e.GetPosition(img);
    System.Windows.Point pointCav = e.GetPosition(cav);
    if (pointImg.X >= 5 && pointImg.X <= 288 && pointImg.Y >= 40 && pointImg.Y <= 180)
    {
        System.Windows.Controls.Image imgIco = new System.Windows.Controls.Image()
        {
            Source = imageIcon
        };
        imgIco.MouseLeftButtonDown += ImgIco_MouseLeftButtonDown;
        Canvas.SetLeft(imgIco, pointCav.X - 16);
        Canvas.SetTop(imgIco, pointCav.Y - 16);
        cav.Children.Add(imgIco);
        ImgicoList.Add(imgIco);
    }
}
private void ImgIco_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
{
    System.Windows.Controls.Image imgico = (System.Windows.Controls.Image)sender;
    cav.Children.Remove(imgico);
    ImgicoList.Remove(imgico);
}

4、获取剩下的Logo位置

不断的增加Logo,不断的减少Logo,获取最后留下的Logo,其实,就是一个用一个List集合来保存,最开始是想保存坐标的,但是发现如果保存坐标的话,控制起来会很费事,因此,就保存Logo的集合,最后,读取Logo的坐标

private System.Windows.Point GetIcoPoint(System.Windows.Controls.Image image)
{
    System.Windows.Point point = new System.Windows.Point();
    point.X = Canvas.GetLeft(image) + 16;
    point.Y = Canvas.GetTop(image) + 16 - 40;
    return point;
}

因为,这部分坐标是要传回给12306,用来解析的,因此,我们首先需要还原,原来点击时的坐标,也就是需要加上Logo的半径大小16。

然后,我们看12306接收的坐标信息 7%2C11%2C282%2C10,(2,11)(282,10),这里的Y是11或者是10,也就是减去了横线以上的高度,为了方便,我们减掉40。

技术分享技术分享

5、拼接字符串

因为图片中写的是“所有的”,因此是不需要判别先后循序的,只需要取得所有留下点的坐标就OK了,增加“%2C”作为标志,拼接所有的X和Y值

private void btn_Click(object sender, RoutedEventArgs e)
{
    string s = string.Empty;
    foreach (var item in ImgicoList)
    {
        System.Windows.Point point = GetIcoPoint(item);
        s += point.X + "%2C" + point.Y + "%2C";
    }
    s = s.Substring(0, s.Length - 3);
    MessageBox.Show(s);
}

 

WPF做12306验证码点击效果

标签:for   length   我不知道   开始   oid   sub   ring   pack   高度   

原文地址:http://www.cnblogs.com/ZXdeveloper/p/6238484.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!