2025年windows phone 数字拼图小游戏

科技前沿 • 2025-03-23 07:31 • 阅读 26

大家好，我是讯享网，很高兴认识大家。

目标：游戏界面显示拼图面板、提示面板（拼好的样子）、移动次数。

通过拖动小拼图片进行拼图，最终拼成提示面板的样子。提示面板中的蓝色块表示空白块。

成功后提示成功！可通过点击重玩按钮，在任何时候选择重玩！

大致如图：

讯享网

主要考虑四个问题：

1、界面的绘制 2、随机生成初始状态 3、拼图片移动的判断和实现 4、成功状态的判断

1、绘制界面

考虑到landscape的情况，还是用StackPanel爽点，将整个content放在一个StackPanel内，当方向改变的时候，只要改变StackPanel的Orientation就Ok了

然后将拼图面板用Grid 表示，主要是使用行列很方便，下面的提示面板、重玩按钮、以及移动次数TextBlock放在一个StackPanel中

xaml中如下：

View Code

 <StackPanel x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0" Orientation="Vertical" Loaded="ContentPanel_Loaded">
<Grid Name="puzzlePanel" Margin="0 0" ></Grid>
<StackPanel Name="bottomStackPanel" Orientation="Horizontal" >
<Grid Name="TargetPanel" Grid.Column="0" Margin="20 20 20 20" Width="180" Height="180"> 
</Grid>
<Grid >
<TextBlock Text="移动次数： 0" Name="moveTimesTextBlock" Grid.Column="1" HorizontalAlignment="Center" Margin="0 30 0 0" VerticalAlignment="Top"></TextBlock>
<Button Name="replayButton" Content="重玩" Margin="40,70,23,70" Click="replayButton_Click" Width="128"></Button>
</Grid> </StackPanel>
</StackPanel>

讯享网

2025年windows phone 数字拼图小游戏

相关推荐