iOS开发Swift-3-UI与按钮Button-摇骰子App-Toy模板网

这篇具有很好参考价值的文章主要介绍了iOS开发Swift-3-UI与按钮Button-摇骰子App。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

1.创建新项目Dice

iOS开发Swift-3-UI与按钮Button-摇骰子App,ios,swift,ui,开发语言

2.图标

iOS开发Swift-3-UI与按钮Button-摇骰子App,ios,swift,ui,开发语言

删去AppIcon，将解压后的AppIcon.appiconset文件拖入Assets包。

iOS开发Swift-3-UI与按钮Button-摇骰子App,ios,swift,ui,开发语言

3.将素材点数1-6通过网页制作成2x，3x版本并拖入Asset。

iOS开发Swift-3-UI与按钮Button-摇骰子App,ios,swift,ui,开发语言

4.设置对应的UI。

iOS开发Swift-3-UI与按钮Button-摇骰子App,ios,swift,ui,开发语言

5.拖入Button组件并设置style。

iOS开发Swift-3-UI与按钮Button-摇骰子App,ios,swift,ui,开发语言

6.Ctrl加拖拽将Button拖拽到ViewController里，并设置Connection，Name等，并点击Connect。

iOS开发Swift-3-UI与按钮Button-摇骰子App,ios,swift,ui,开发语言

同样方式创建两个骰子的代码。

iOS开发Swift-3-UI与按钮Button-摇骰子App,ios,swift,ui,开发语言

import UIKit

class ViewController: UIViewController {

    @IBOutlet weak var diceImageView1: UIImageView!
    
    @IBOutlet weak var diceImageView2: UIImageView!
    
    @IBAction func roll(_ sender: Any) {
    }
    
    override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view, typically from a nib.
    }
    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
        // Dispose of any resources that can be recreated.
    }
}

7.继续编写代码创造随机数。

import UIKit

class ViewController: UIViewController {

    @IBOutlet weak var diceImageView1: UIImageView!
    
    @IBOutlet weak var diceImageView2: UIImageView!
    
    @IBAction func roll(_ sender: Any) {
        var index1: Int = Int.random(in: 1...6)
        var index2: Int = Int.random(in: 1...6)
        diceImageView1.image = UIImage(named: "dice\(index1)")
        diceImageView2.image = UIImage(named: "dice\(index2)")    }
    
    override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view, typically from a nib.
    }

    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
        // Dispose of any resources that can be recreated.
    }

}

8.启动运行

iOS开发Swift-3-UI与按钮Button-摇骰子App,ios,swift,ui,开发语言

9.程序加载时就随机扔骰子

import UIKit

class ViewController: UIViewController {
    
    let diceArr = ["dice1", "dice2", "dice3", "dice4", "dice5", "dice6"]

    @IBOutlet weak var diceImageView1: UIImageView!
    
    @IBOutlet weak var diceImageView2: UIImageView!
    
    @IBAction func roll(_ sender: Any) {
        //调用摇骰子函数
        updateDiceImages()
    }
    
    //当程序加载的时候的活动
    override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view, typically from a nib.
        //调用摇骰子函数
        updateDiceImages()
    }

    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
        // Dispose of any resources that can be recreated.
    }
    
    func updateDiceImages(){
        var index1: Int = Int.random(in: 0...5)
        var index2: Int = Int.random(in: 0...5)
        
        diceImageView1.image = UIImage(named: diceArr[index1])
        diceImageView2.image = UIImage(named: diceArr[index2])    }
    
}

10.当用户摇晃骰子后调用摇骰子函数。文章来源地址https://www.toymoban.com/news/detail-680898.html

import UIKit

class ViewController: UIViewController {
    
    let diceArr = ["dice1", "dice2", "dice3", "dice4", "dice5", "dice6"]

    @IBOutlet weak var diceImageView1: UIImageView!
    
    @IBOutlet weak var diceImageView2: UIImageView!
    
    @IBAction func roll(_ sender: Any) {
        //调用摇骰子函数
        updateDiceImages()
    }
    
    //当程序加载的时候的活动
    override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view, typically from a nib.
        //调用摇骰子函数
        updateDiceImages()
    }

    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
        // Dispose of any resources that can be recreated.
    }
    
    func updateDiceImages(){
        var index1: Int = Int.random(in: 0...5)
        var index2: Int = Int.random(in: 0...5)
        
        diceImageView1.image = UIImage(named: diceArr[index1])
        diceImageView2.image = UIImage(named: diceArr[index2])    }
    
    //当用户摇晃手机时触发摇骰子
    override func motionEnded(_ motion: UIEventSubtype, with event: UIEvent?) {
        updateDiceImages()
    }
    
}

到了这里，关于iOS开发Swift-3-UI与按钮Button-摇骰子App的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！