WPF 简易猜猜看

原创 2015年07月08日 12:14:26


</pre>        不通过断的做一些小东西,来巩固基础,猜猜看难点在与怎么将图片与名字相对应起来,参与过不同类似猜猜看的编写,总结如下。<p></p><p></p><p>            解决方法1:</p><p>                      将图片的名字命名为数字,如:1.JPG  这样可以实现用random函数随机图片。</p><p>                       然后将图片的真实内容名字放进一个字符串数组,要求其所在索引要与图片的名字一致。如:2,JPG 图片的真实名字,应放在字符串数组的第2个位置。这样实现                          的名字与图片的对应。</p><p></p><p>            解决方法2: </p><p>                     将图片的名字命名为数字+名字。 如:1红花.jpg </p><p>                     使用random()函数随机函数,随机提取图片</p><p>                     使用正则表达式提取数字或名字,实现图片与名字的匹配</p><p></p><p>                    正则表达式使用如下:</p><p><span style="font-family: monospace; white-space: pre; background-color: rgb(240, 240, 240);">           Match match = Regex.Match(imageNam[num[n]],@"[0-9]{12}(\w{2,})")   // 提取名字 </span></p><p></p><p>            解决方法3:</p><p>                      将图片+名字信息存入数据库。</p><p>                      从数据库中提取图片+名字信息       <span style="color: rgb(51, 51, 51); font-family: Arial; font-size: 14px; line-height: 26px;">SELECT TOP 10 * FROM ywle order by newid()    相关链接如下:</span></p><p>                      <a target=_blank href="http://blog.csdn.net/tangbow/article/details/7784718">http://blog.csdn.net/tangbow/article/details/7784718</a></p><p>                      根据数据库的信息是实现图片与名字的匹配</p><p></p><p>这里使用的是第2种方法,其他方法实现链接:<a target=_blank href="http://blog.csdn.net/yixueming/article/details/44202091">点击打开链接</a></p><p></p><p>   效果图:</p><p></p><p><img src="http://img.blog.csdn.net/20150708124336069?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="" /></p><p><img src="http://img.blog.csdn.net/20150708124347920?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="" /></p><p><pre name="code" class="csharp"><img src="http://img.blog.csdn.net/20150708124619651?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="" />


     实现代码:

   

using System;
using System.Collections.Generic;
using System.IO;
using System.Linq;
using System.Text;
using System.Text.RegularExpressions;
using System.Threading.Tasks;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;

namespace 猜猜看
{
    /// <summary>
    /// MainWindow.xaml 的交互逻辑
    /// </summary>
    public partial class MainWindow : Window
    {

        public MainWindow()
        {
            InitializeComponent();
        
        }

        
        #region 按钮事件
        private void PicGuessName_Click(object sender, RoutedEventArgs e)
        {
            Grid_NameGuessPIC.Visibility = System.Windows.Visibility.Hidden;
            Grid_PicGuessName.Visibility = Visibility;
            bing_Name();
        }

        private void NameGuessPIC_Click(object sender, RoutedEventArgs e)
        {
            Grid_NameGuessPIC.Visibility = Visibility;
            Grid_PicGuessName.Visibility = System.Windows.Visibility.Hidden;
            bing_Pic();
        }
        #endregion


        // 加载图片信息
        public string[] LoadPic() {
             string Path =@"D:\old\Project\Old\项目\猜猜看\猜猜看\Image\";
             string[] imageName = Directory.GetFiles(Path);
             return imageName;
        }

        // 猜图片_绑定数据
        public void bing_Pic() {
              

            //  随机抽取照片
            Random random = new Random();
            int[] num={0,0,0};
            for (int i = 0; i < 3;) {
                int k = random.Next(8);
                if (k != 0 && !num.Contains(k-1))
                {
                    num[i] = k-1;
                    i++;
                }
            }


            //  获取照片路径
            string[] imageNam = LoadPic();


            // 绑定照片控件
            string name = imageNam[num[0]];
            Uri url = new Uri(name, UriKind.Absolute);
            BitmapImage bitmap = new BitmapImage(url);
            Img1.Source = bitmap;
            //     Img1.Source = new BitmapImage(new Uri(imageNam[num[0]], UriKind.Absolute));

            Img2.Source = new BitmapImage(new Uri(imageNam[num[1]]));
            Img3.Source = new BitmapImage(new Uri(imageNam[num[2]]));

            // 绑定文本控件

           int n = random.Next(3);
           Match match = Regex.Match(imageNam[num[n]],@"[0-9]{12}(\w{2,})");
           TBlock_Name.Text = match.Groups[1].Value;
        }


        // 猜名字_数据绑定
        public void bing_Name() {
            //  随机抽取照片
            Random random = new Random();
            int[] num = { 0, 0, 0 };
            for (int i = 0; i < 3;)
            {
                int k = random.Next(8);
                if (k!=0&&!num.Contains(k-1)) {
                    num[i] = k-1;
                    i++; 
                }
                
            }


            //  获取照片路径
            string[] imageNam = LoadPic();

           
            //  绑定文本控件
            string[] name = {"","",""};
            for (int i = 0; i < 3; i++) {

                Match match = Regex.Match(imageNam[num[i]], @"[0-9]{12}(\w{2,})");
                name[i] = match.Groups[1].Value;
            }

            TBlock_Guess1.Text = name[0];
            TBlock_Guess2.Text = name[1];
            TBlock_Guess3.Text = name[2];


            // 绑定图片控件
             int m = random.Next(3);
             GuessImg.Source = new BitmapImage(new Uri(imageNam[num[m]]));
             
             
        }

        private void Img2_MouseDown(object sender, MouseButtonEventArgs e)
        {

            Image img = (Image)sender;
            Match match = Regex.Match(img.Source.ToString(), @".+([0-9]{12})([\w]{2,})\.jpg");
            if (TBlock_Name.Text == match.Groups[2].Value)
            {
                MessageBox.Show("猜对了");
            }
            else {
                MessageBox.Show("猜错了");
            }
            
        }

        private void TBlock_Guess1_MouseDown(object sender, MouseButtonEventArgs e)
        {
            TextBlock TB = (TextBlock)sender;
            
            Match match = Regex.Match( GuessImg.Source.ToString(), @".+([0-9]{12})([\w]{2,})\.jpg");

            if (TB.Text == match.Groups[2].Value) { MessageBox.Show("你猜对了"); } else { MessageBox.Show("猜错了"); }
        }
     }
}

 界面设计代码:

<Window
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" mc:Ignorable="d" x:Class="猜猜看.MainWindow"
        Title="MainWindow" Height="440.972" Width="732.462">
    <Window.Background>
        <ImageBrush  ImageSource="D:\old\Project\Old\项目\猜猜看\猜猜看\Image\2.jpg">
           
        </ImageBrush>
    </Window.Background>
    <Grid>
        <Grid>
            <Grid.RowDefinitions>
                <RowDefinition MaxHeight="60"/>
                <RowDefinition/>
            </Grid.RowDefinitions>
            <TextBlock Text="猜猜看" HorizontalAlignment="Center" VerticalAlignment="Center" Foreground="BlueViolet" FontSize="20"/>
            <Grid Grid.Row="1" >
                <Grid.RowDefinitions>
                    <RowDefinition  MaxHeight="60"/>
                    <RowDefinition Height="240" />
                    <RowDefinition MaxHeight="60"/>
                </Grid.RowDefinitions>
                <Grid Grid.Row="0">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition/>
                        <ColumnDefinition/>
                    </Grid.ColumnDefinitions>
                    <Button x:Name="PicGuessName" Content="猜名字" Margin="100,15" Click="PicGuessName_Click"/>
                    <Button Grid.Column="1" x:Name="NameGuessPIC" Content="猜图片" Margin="100,15" Click="NameGuessPIC_Click"/>
                </Grid>
                <Grid x:Name="Grid_NameGuessPIC" Visibility="Hidden" Grid.Row="1">
                    <Grid.RowDefinitions>
                        <RowDefinition MinHeight="160"/>
                        <RowDefinition MaxHeight="60"/>
                    </Grid.RowDefinitions>
                    <Grid Grid.Row="0">
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition/>
                            <ColumnDefinition/>
                            <ColumnDefinition/>
                        </Grid.ColumnDefinitions>
                        <Image x:Name="Img1" Margin="20,15,10,15" MouseDown="Img2_MouseDown"/>
                        <Image x:Name="Img2" Grid.Column="1" Margin="15,15" MouseDown="Img2_MouseDown"/>
                        <Image x:Name="Img3" Grid.Column="2" Margin="15,15" MouseDown="Img2_MouseDown"/>
                    </Grid>
                    <Grid Grid.Row="1">
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition/>
                            <ColumnDefinition/>
                        </Grid.ColumnDefinitions>
                        <TextBlock x:Name="TBlock_Name" Grid.Column="1" Width="150" Margin="2" HorizontalAlignment="Left" Foreground="Blue"/>
                        <TextBlock Grid.Column="0" Width="50" Margin="2" HorizontalAlignment="Right" Text="姓名:" FontSize="15" TextAlignment="Right"/>
                    </Grid>

                </Grid>
                <Grid Grid.Row="1" x:Name="Grid_PicGuessName" Visibility="Visible">
                    <Grid.RowDefinitions>
                        <RowDefinition MinHeight="160"/>
                        <RowDefinition MaxHeight="60"/>
                    </Grid.RowDefinitions>
                    <Image Name="GuessImg" Margin="260,10"/>
                    <Grid Margin="0,175,0,5" Grid.RowSpan="2">
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition/>
                            <ColumnDefinition/>
                            <ColumnDefinition/>
                        </Grid.ColumnDefinitions>
                        <TextBlock x:Name="TBlock_Guess1" Margin="5" Width="120" MouseDown="TBlock_Guess1_MouseDown" Foreground="Blue"/>
                        <TextBlock x:Name="TBlock_Guess2" Grid.Column="1" Margin="5" Width="120" MouseDown="TBlock_Guess1_MouseDown" Foreground="Blue"/>
                        <TextBlock x:Name="TBlock_Guess3"  Grid.Column="2" Margin="57,5,64,5" Width="120" MouseDown="TBlock_Guess1_MouseDown" Foreground="Blue"/>
                    </Grid>
                </Grid>
            </Grid>
        </Grid>
    </Grid>
</Window>



代码链接:http://pan.baidu.com/s/1dDq9E97



                      


版权声明:本文为博主原创文章,未经博主允许不得转载。

《C#程序设计》猜猜看小游戏制作

由于对C#的应用不熟悉,我临时改用JSP制作本次课程设计。在JSP页面,随机显示一张英雄联盟的英雄图片,通过下拉复选框选择你心中的答案,点击提交后显示本次猜测结果,通过超链接又可以返回本页面继续游戏。...
  • py1994829
  • py1994829
  • 2015年07月07日 12:52
  • 693

用WPF做一个简易浏览器

微软的WPF(Windows Presentation Foundation)是目前Windows平台上最好用的图形界面框架了。如果想在Windows平台上编写图形界面程序,而且没有跨平台且性能需求比...
  • u011054333
  • u011054333
  • 2017年06月30日 01:01
  • 1849

简单资源管理器

下面共享一个我自己的资源管理器,很简单的,看起来也明白,主要是我是新手,不想写的太复杂,自己项目使用的好用,便是最好的。 using UnityEngine; using System.Collec...
  • Happy_zailing
  • Happy_zailing
  • 2017年12月06日 14:20
  • 53

WPF实现 windows自带计算机 布局

  • szstephenzhou
  • szstephenzhou
  • 2012年12月26日 11:32
  • 2946

C#课程设计:《猜猜看》游戏开发总结

信管1121,201211671117,聂双燕 第一部分:开发要求(完整要求见课程考核说明编程组和游戏说明) 1. 随机显示 一个名字 与 3张相片,选择正确的相片; 2. 随机显示 一张相片 ...
  • sunshinegyan
  • sunshinegyan
  • 2015年07月04日 23:08
  • 1459

## 猜猜看 ##

猜猜看
  • u014026748
  • u014026748
  • 2015年06月30日 21:18
  • 320

猜猜看

import java.awt.EventQueue; import javax.imageio.ImageIO; import javax.swing.JFrame; import javax...
  • u013901687
  • u013901687
  • 2015年07月03日 08:53
  • 203

C#程序设计-猜猜看

程序介绍: 该程序设计实现了随机显示三张学生照片一个名字学号猜其中哪张照片与名字对应的功能,开发平台是用jetbrains公司旗下一款JavaScript 开发工具WebStrom,开发语言用html...
  • hehelinzhihao
  • hehelinzhihao
  • 2015年07月07日 20:19
  • 286

C#学习之二---创建简单的图形应用程序-WPF

由于简单,马上又实践下——创建简单的图形应用程序-WPF的; 1,首先 启动Visual studio 2012 单击 文件--新建--项目; 出现如下图所示的窗口,在 已安装--模板--Visu...
  • yikai2009
  • yikai2009
  • 2012年11月06日 22:15
  • 3808

基于 WPF 的酷炫 GUI 窗口的简易实现

本文要实现基于WPF的酷炫GUI窗口,力图实现一个真正可用且实用的GUI窗口。
  • llmmll08
  • llmmll08
  • 2016年11月07日 11:42
  • 2111
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:WPF 简易猜猜看
举报原因:
原因补充:

(最多只允许输入30个字)