拼图游戏之 IOS 版(用swift语言开发的)
因为公司项目需要,最近在学习IOS开发,为了巩固我的学习,我想着能不能把以前用C# 开发的拼图游戏移植到 Iphone 上呢,然后我就开始了这一移植的历程,因为这是第二次做这个游戏了,所以想的也就比较深入,对以前的算法进行了优化,借助系统提供的API又节省了不少代码。个人感觉这个游戏还是挺成功的。
界面设计:
开始之后:
算法:
自定义一个控件,有两个属性 ImageTag 和ImageIndex,ImageTag用来存储控件的位置,ImageIndex 用来存储图片的序号,tag 的取值范围是0 - 15
一张图片分割成4 *4 =16 张小图,从 0 开始标号,初始的时候,tag 和index相等的,
当向下滑动时,它与它的ImageTag +4的图片互换,
当向上的时间 ,取imageTag-4,
当向左的时候,取ImageTag-1,
当向右的时候,取imageTag+1,
改变图片后index也跟着改变,tag不变,用 tag==index来判断图片是否复位,当所有的图片都复位了,拼图也就完成了
我的想法是能不能利用系统提供的手势来移动UIImageView 控件呢,然后我就写了一个测试程序,发现手势操作只能控制View的移动,不能移动UIImageView,
所以要改变一下思路,把一个UIImageView控件加到一个View中,做成一个自定义控件,问题解决:
import Foundation import UIKit class PImageView:UIView { // init(image: UIImage!) // { // // super.init(image:image) // } var parentView:ViewController! var imageView:UIImageView! init(frame: CGRect) { super.init(frame: frame) var temp=frame temp.origin=CGPointMake(0, 0) imageView=UIImageView(frame:temp) self.addSubview(imageView) var recognizer1=UISwipeGestureRecognizer() recognizer1.addTarget(self, action:"handleSwipeView:") recognizer1.direction=UISwipeGestureRecognizerDirection.Right var recognizer2=UISwipeGestureRecognizer() recognizer2.addTarget(self, action:"handleSwipeView:") recognizer2.direction=UISwipeGestureRecognizerDirection.Left var recognizer3=UISwipeGestureRecognizer() recognizer3.addTarget(self, action:"handleSwipeView:") recognizer3.direction=UISwipeGestureRecognizerDirection.Up var recognizer4=UISwipeGestureRecognizer() recognizer4.addTarget(self, action:"handleSwipeView:") recognizer4.direction=UISwipeGestureRecognizerDirection.Down self.addGestureRecognizer(recognizer1) self.addGestureRecognizer(recognizer2) self.addGestureRecognizer(recognizer3) self.addGestureRecognizer(recognizer4) } func handleSwipeView(recognizer:UISwipeGestureRecognizer!) { var dir:String! if recognizer.direction.value==UISwipeGestureRecognizerDirection.Down.value { dir="Down" NSLog("move Down") } if recognizer.direction.value==UISwipeGestureRecognizerDirection.Up.value { dir="Up" NSLog("move Up") } if recognizer.direction.value==UISwipeGestureRecognizerDirection.Left.value { dir="Left" NSLog("move Left") } if recognizer.direction.value==UISwipeGestureRecognizerDirection.Right.value { dir="Right" NSLog("move Right") } //NSLog("tag:%d", self.imageTag) parentView.moveImages(self, directionStr: dir) } func initWithTagAndIndex(myTag:Int! ,myIndex:Int!) { self.imageIndex=myIndex self.imageTag=myTag } func checkTagAndIndexValueIsSame()->Bool { return self.imageIndex==self.imageTag } var imageTag:Int! var imageIndex:Int! }
这个是自定义View的代码,初始化的时候设置View的iamgeIndex和 imageTag,设置图片,注册系统手势操作
调用它的checkTagAndIndexValueIsSame() 方法来检测图片是否复位.
我们再看看主界面代码:
import UIKit class ViewController: UIViewController { @IBOutlet var v_allImageViews : UIView var screenWidth:CGFloat! var screenHeight:CGFloat! var dicImages:NSMutableDictionary! var dicIndexValues:NSMutableDictionary! var LocationX:Int = 0 var locationY:Int=0 override func viewDidLoad() { super.viewDidLoad() // Do any additional setup after loading the view, typically from a nib. //var imageView:UIImageView //var image:UIImage var myImage:UIImage self.screenWidth=self.view.frame.size.width self.screenHeight=self.view.frame.size.height var colWidth=(self.screenWidth-24)/4 var rowHeight=(self.screenHeight-184)/4 myImage=UIImage(named:"7.jpg") dicImages=NSMutableDictionary() var imageW=myImage.size.width/4 var imageH=myImage.size.height/4 var num=0 while(num<16) { var row = Float( num/4) var col = Float(num%4) NSLog("row:%.2f col:%.2f\r\n", row,col) var rect = CGRectMake(imageW * col, imageH * row, imageW, imageH) var tem=CGRectMake(10+colWidth * col+col, 40+rowHeight * row+row, colWidth, rowHeight) var sv=PImageView(frame: tem) // sv.frame.origin=CGPointMake(10+colWidth * col+col, 40+rowHeight * row+row) // sv.frame.size=CGSizeMake(colWidth, rowHeight) sv.backgroundColor=UIColor.lightGrayColor() // var frm=CGRect() // var imageView=PImageView(frame:frm) // imageView.frame.origin=CGPointMake(0, 0) // imageView.frame.size=CGSizeMake(colWidth, rowHeight) // imageView.backgroundColor=UIColor.redColor() sv.initWithTagAndIndex(num,myIndex: num) var image=getImage(myImage,rect: rect) if(num==0){ sv.imageView.image=image } else { //var data = UIImagePNGRepresentation(image) dicImages.setObject(image, forKey:String( num)) sv.imageView.image=image } sv.parentView=self self.v_allImageViews.addSubview(sv) //self.view.addSubview(imageView) num++ } NSLog("dic count: %d ", dicImages.count) } override func didReceiveMemoryWarning() { super.didReceiveMemoryWarning() // Dispose of any resources that can be recreated. } func getImage(img:UIImage, rect:CGRect)->UIImage { var im:UIImage var imagePartRef:CGImageRef var imageRef:CGImageRef imageRef=img.CGImage imagePartRef=CGImageCreateWithImageInRect(imageRef, rect) im=UIImage(CGImage: imagePartRef) //CGImageRelease(imagePartRef) return im } @IBOutlet var btnStart : UIButton //开始游戏 @IBAction func start(sender : AnyObject) { var vFrist = self.v_allImageViews.subviews[0] as PImageView vFrist.imageView.image=nil dicIndexValues=NSMutableDictionary() var num=1 dicIndexValues.setObject(0, forKey: 0) var arr:NSArray = ["0"] while(num<self.v_allImageViews.subviews.count) { var myindex=arc4random()%15+1; //if(!dicIndexValues.allValues.(String(myindex))) //var obj = arr.indexOfObject(String(myindex)) if (!arr.containsObject(String(myindex))) { arr = arr.arrayByAddingObject(String(myindex)) dicIndexValues.setObject(String( myindex), forKey: num) NSLog("key :%d value: %@\r\n",num, String( myindex)) //var data = dicImages.objectForKey(String( myindex)) var v_img = self.v_allImageViews.subviews[num] as PImageView v_img.imageView.image = dicImages.objectForKey(String(myindex)) as UIImage v_img.imageIndex=Int( myindex) num++ // NSLog("tag:%d index:%d", v_img.imageTag,v_img.imageIndex) } } } //动画切换图片(没有加入动画,只是简单的移动) func moveImages(myImageView:PImageView,directionStr:String! ) { var myTag=myImageView.imageTag let anotherCharacter:String=directionStr var num=0 switch anotherCharacter { case "Up": num = -4 NSLog("up") case "Down": num = 4 NSLog("Down") case "Left": num = -1 case "Right": num = 1 default: NSLog("default") } //边界检查 if (myTag + num)>=0 && (myTag + num) <= 15 { var v_img = self.v_allImageViews.subviews[myTag + num] as PImageView //判断目标位置是否为空 if v_img.imageIndex != 0 { return } var tempImage=myImageView.imageView.image //dicImages.objectForKey(String(myImageView.imageIndex)) as UIImage v_img.imageView.image=tempImage v_img.imageIndex=myImageView.imageIndex myImageView.imageIndex=0 myImageView.imageView.image=nil } //up -4 >=0 //down +4 <=15 //left -1>=0 //right +1<=15 //检测是否完成 var indexValue=0 var isComplate:Bool = false while (indexValue < self.v_allImageViews.subviews.count) { var tempView = self.v_allImageViews.subviews[myTag + num] as PImageView if !tempView.checkTagAndIndexValueIsSame() { return } indexValue++ } //弹出消息,完成拼图 NSLog("image Tag:%d ,direction:%@", myImageView.imageTag,directionStr) } }
每移动一步就检测一次.当遇到第一个没复位的就反回,如果所有都 复位了则游戏完成了.
代码请看附件
本文出自 “糖炒栗子” 博客,请务必保留此出处http://tangchaolizi.blog.51cto.com/3126463/1571616
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。