掷骰子-IOS新手项目练习(抱歉,由于个人原因,图片没显示,要源码的项目私聊)
---恢复内容开始---
今天我们来讲的就是项目《掷骰子》
首先我们先下载资源包,也就是我们需要的图片【点击图片下载】
在我们下载完图片之后,我们就可以开始创建项目
一、我们项目的做法可以有两种:
首先我们要看一下我们需要看一下我们的要求成果图
我们创建一个新项目,定义一个throwsDice名字,使用swift语言
创建完之后我们就会看到上面这个图:
我们需要关注ViewController和Main
1、ViewController就是一个视图控制器
2、Main就是我们的视图
- 首先我们先把界面画好
在放骰子的地方需要三张图片,那么我们需要在属性那里找到imageview,
调整imageview的大小,再复制粘贴出2份,就成了下图所示
接下来就是点击按钮,买大买小豹子,
如下图找到button,拖拽到界面上,调整位置和大小,复制出两份,双击按钮写按钮作用,如下图
最后就是关于显示买家和庄家的钱数
我们使用label,,调整位置和大小,复制粘贴多份,双击命名,填写初始值
现在我们的界面就做好了
如何将图片放在imageview上呢?
将我们下载的图片压缩包解压之后,拖入项目中,我们一般是放在Assets.xcassets的一个文件夹中,这里我为了快速,就直接放在外面了
之后点击对应的imageview,点击右上角的属性,找到图片这一行没选择自己在界面上第一次显示的图片(初始化图片)
然后效果就是这样的了!
2.将视图和视图控制器关联起来
3.将功能实现(1、图片切换 2、按钮买大买小 3、判断输赢进行加减运算)
我们的功能在Viewcontroller中进行
如何进行绑定呢?
点击Main,再点击右上角两个圈圈的图案就会显示如图
点击你要绑定的imageview或者button或者label
右键直接拉到视图控制器这个类中,一般的选outlet 事件选action。注意:在这里没有顶级类
这个是按钮的绑定事件,第一个按钮是买大,第二个是卖豹子,第三个是买小
切换图片,就是上图中我们调用的changeImage方法,所以我们要自定义一个方法来切换
在图中使用的imageNumber我们在方法外就要定义赋初始值 var imageNumber = 0 和 我们使用的timer初始化 var timer:Timer?
如何判断是买大买小,我们使用枚举来区别:在类外设置一个枚举,在类中初始化var selectType = SelectType.Big,这样就可以调用枚举进行判断你点击的是买大还是买小
判断输赢给买家和庄家进行加减,当然图中使用的一些属性需要定义
var dice1Num:Int = 0
var dice2Num:Int = 0
var dice3Num:Int = 0
var playerMoney = 1000
var bossMoney = 1000
于是我们这个简单的掷骰子就基本完成了,当然如果我们让它可以横屏同样玩,则需要加约束
下面就是控制器中所有的代码
//
// ViewController.swift
// throwsDice
//
// Created by c03 on 2016/11/25.
// Copyright © 2016年 MakeSmallApp. All rights reserved.
// import UIKit
//定义一个枚举
enum SelectType{
case Big,Same,Small
}
class ViewController: UIViewController { @IBOutlet weak var playLabel: UILabel! @IBOutlet weak var bossLabel: UILabel! @IBOutlet weak var diceViewOne: UIImageView!
@IBOutlet weak var diceViewTwo: UIImageView!
@IBOutlet weak var diceViewThree: UIImageView! var selectType = SelectType.Big
var dice1Num:Int =
var dice2Num:Int =
var dice3Num:Int =
var playerMoney =
var bossMoney = //判断输赢
func judgeResult(){
let zhongjian = dice1Num + dice2Num
let sum = zhongjian + dice3Num
switch selectType {
case .Big:
if sum > {
self.playerMoney+=
self.bossMoney-=
}else{
self.playerMoney-=
self.bossMoney+=
}
case .Same:
if dice1Num == dice2Num && dice2Num == dice3Num {
self.playerMoney+=
self.bossMoney-=
}else{
self.playerMoney-=
self.bossMoney+=
}
case .Small:
if sum < {
self.playerMoney+=
self.bossMoney-=
}else{
self.playerMoney-=
self.bossMoney+=
} default:
print("这是默认的")
}
playLabel.text = String(playerMoney)
bossLabel.text = String(bossMoney) } func changeImage(){
let i1 = arc4random()% +
let name1 = String(i1) + ".gif"
let image1 = UIImage(named: name1)
diceViewOne.image = image1
dice1Num = Int(i1) let i2 = arc4random()% +
let name2 = String(i2) + ".gif"
let image2 = UIImage(named: name2)
diceViewTwo.image = image2
dice2Num = Int(i2) let i3 = arc4random()% +
let name3 = String(i3) + ".gif"
let image3 = UIImage(named: name3)
diceViewThree.image = image3
dice3Num = Int(i3) imageNumber +=
if imageNumber > {
timer?.invalidate()
imageNumber =
judgeResult()
}
}
var timer:Timer?
var imageNumber = @IBAction func btnOne(_ sender: Any) {
selectType = .Big
//定义一个定时器来控制换图片
timer?.invalidate()
timer = Timer.scheduledTimer(timeInterval: 0.1, target: self, selector: #selector(ViewController.changeImage), userInfo: nil, repeats: true)
}
@IBAction func btnTwo(_ sender: Any) {
selectType = .Same
//定义一个定时器来控制换图片
timer?.invalidate()
timer = Timer.scheduledTimer(timeInterval: 0.1, target: self, selector: #selector(ViewController.changeImage), userInfo: nil, repeats: true)
}
@IBAction func btnThree(_ sender: Any) {
selectType = .Small
//定义一个定时器来控制换图片
timer?.invalidate()
timer = Timer.scheduledTimer(timeInterval: 0.1, target: self, selector: #selector(ViewController.changeImage), userInfo: nil, repeats: true)
} override func viewDidLoad() {
super.viewDidLoad()
// Do any additional setup after loading the view, typically from a nib.
} }
大家可以试试,写个博客半天就没了,时间过的好快,吃饭去了!Bye
掷骰子-IOS新手项目练习(抱歉,由于个人原因,图片没显示,要源码的项目私聊)的更多相关文章
- Flink 源码解析 —— 项目结构一览
Flink 源码项目结构一览 https://t.zsxq.com/MNfAYne 博客 1.Flink 从0到1学习 -- Apache Flink 介绍 2.Flink 从0到1学习 -- Mac ...
- MyBatis 源码分析-项目总览
MyBatis 源码分析-项目总览 1.概述 本文主要大致介绍一下MyBatis的项目结构.引用参考资料<MyBatis技术内幕> 此外,https://mybatis.org/mybat ...
- [C#] .NET Core项目修改project.json来引用其他目录下的源码等文件的办法 & 解决多框架时 project.json 与 app.config冲突的问题
作者: zyl910 一.缘由 项目规模大了后,经常会出现源码文件分布在不同目录的情况,但.NET Core项目默认只有项目目录下的源码文件,且不支持"Add As Link"方式 ...
- 前端项目模块化的实践1:搭建 NPM 私有仓库管理源码及依赖
以下是关于前端项目模块化的实践,包含以下内容: 搭建 NPM 私有仓库管理源码及依赖: 使用 Webpack 打包基础设施代码: 使用 TypeScript 编写可靠类库 使用 TypeScript ...
- 集成xadmin源码到项目的正式姿势
xadmin是强大的,但是为了更好的后期定制开发,可能会修改到xadmin的源码. 因此还是推荐将xadmin源码集成到自己的项目中. 1.pip install xadmin 安装xadmin的模块 ...
- .NET Core项目修改project.json来引用其他目录下的源码等文件的办法 & 解决多框架时 project.json 与 app.config冲突的问题
作者: zyl910 一.缘由 项目规模大了后,经常会出现源码文件分布在不同目录的情况,但.NET Core项目默认只有项目目录下的源码文件,且不支持“Add As Link”方式引入文件.这时需要手 ...
- 14. vue源码入口+项目结构分析
一. vue源码 我们安装好vue以后, 如何了解vue的的代码结构, 从哪里下手呢? 1.1. vue源码入口 vue的入口是package.json 来分别看看是什么含义 dependences: ...
- 05.ElementUI源码学习:项目发布配置(github pages&npm package)
0x00.前言 书接上文.项目第一个组件已经封装好,说明文档也已编写好.下面需要将说明文档发布到外网上,以此来展示和推广项目,使用 Github Pages功能实现.同时将组件发布之 npm 上,方便 ...
- Spring源码 02 项目搭建
参考源 https://www.bilibili.com/video/BV1tR4y1F75R?spm_id_from=333.337.search-card.all.click https://ww ...
随机推荐
- UIScrollView 性能优化 - view转为Image
进入做地图闹钟app,图层关系是这样的: subwayView 上先绘制线路上各个元素:线条 ,站点名称-Label,站点位置(画圆圈表示)-View.shapeLayer UIBezierPath ...
- #define中 #与##用法
参考自: http://zjf30366.blog.163.com/blog/static/411164582009061075923/ #include<cstdio> #include ...
- poj 1806 Manhattan 2025
点击打开链接 题目大意就是给定一个最大歩数,让你输出你在三维的空间中可以到达的位置的切片,注意当歩数大于9的时候就不需要输出了! #include<stdio.h> #include< ...
- 1、NASA Super Cloud Library(SCL)
Empowering Data Management, Diagnosis, and Visualization of Cloud-Resolving Models (CRM) by Cloud Li ...
- Mysql使用workbench迁移数据
原文:http://jingyan.baidu.com/article/925f8cb8f3ec25c0dce05644.html 打开Mysql WorkBench,连接到数据库: 首先选中:Man ...
- Gesture Recognizers与触摸事件分发[转]
一.Gesture Recognizers Gesture Recognizers是在iOS3.2引入的,可以用来识别手势.简化定制视图事件处理的对象.Gesture Recognizers的基类为U ...
- oracle 单列索引 多列索引的性能测试
清除oralce 缓存:alter system flush buffer_cache; 环境:oracle 10g . 400万条数据,频率5分钟一条 1.应用场景: 找出所有站点的最新一条数据. ...
- python 核心编程课后练习(chapter 6)
6-1 #6-1 #help(string) import string str = "helloworld" substr = "h1e" if string ...
- python 核心编程课后练习(chapter 3)
3-8 #3-8 "makeTextFile.py -- create text file" import os ls = os.linesep #get filename fna ...
- android layout布局属性
参考:http://blog.csdn.net/msmile_my/article/details/9018775 第一类:属性值 true或者 false android:lay ...