xcodeでのアプリ開発 画像がうまく表示されない？

Question

![イメージ説明]WIDTH:600

![イメージ説明]WIDTH:600

![イメージ説明]WIDTH:600

初心者です。

xcodeでどっちのカードゲームのアプリを作っています。

このサイトのゲーム

シミュレーターを起動したときにカードと、プレイボタンを表示させたいのですが
２枚目の画像のようにバックグラウンドの画像が出てくるだけで、
肝心のボタンとカードが出てきません。

コードにはエラーはないようなのですが、どこか手順が間違っているところがありますか？

設定ミスでしょうか。

Answer 1

こんにちは。

アプリのチュートリアルサイト（リンク）からソースコードをダウンロードして検証してみてはいかがでしょうか。
![イメージ説明]WIDTH:600

ちなみに、ViewController.swiftのソースコードは下記のとおりです。

import UIKit

class ViewController: UIViewController {
    
    @IBOutlet weak var firstCardImageView: UIImageView!
    @IBOutlet weak var secondCardImageView: UIImageView!
    @IBOutlet weak var playRoundButton: UIButton!
    @IBOutlet weak var backgroundImageView: UIImageView!
    
    @IBOutlet weak var playerScore: UILabel!
    @IBOutlet weak var enemyScore: UILabel!
    
    var cardNamesArray:[String] = ["ace", "card2", "card3", "card4", "card5", "card6", "card7", "card8", "card9", "card10", "jack", "queen", "king"]
    
    var playerScoreTotal = 0
    var enemyScoreTotal = 0
    
    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.
    }

    @IBAction func playRoundTapped(sender: UIButton) {
        
        // Randomize a number for the first imageview
        var firstRandomNumber:Int = Int(arc4random_uniform(13))
        
        // Construct a string with the random number
        var firstCardString:String = self.cardNamesArray[firstRandomNumber]
        
        // Set the first card image view to the asset corresponding to the randomized number
        self.firstCardImageView.image = UIImage(named: firstCardString)
        
        // Randomize a number for the second imageview
        var secondRandomNumber:Int = Int(arc4random_uniform(13))
        
        // Construct a string with the random number
        var secondCardString:String = self.cardNamesArray[secondRandomNumber]
        
        // Set the second card image view to the asset corresponding to the randomized number
        self.secondCardImageView.image = UIImage(named: secondCardString)
        
        // Determine the higher card
        if firstRandomNumber > secondRandomNumber {
            
            // TODO: first card is larger
            playerScoreTotal += 1
            self.playerScore.text = String(playerScoreTotal)
        }
        else if firstRandomNumber == secondRandomNumber {
            
            // TODO: numbers are equal
        }
        else {
            
            // TODO: second card is larger
            enemyScoreTotal += 1
            self.enemyScore.text = String(enemyScoreTotal)
        }
    }

}

Comments

[MasaF]

試してみます！

ありがとうございます。

[退会済みユーザー]

MasaFさん、コメント（返信）をいただきありがとうございます。
やはり、もとのソースコードと照らし合わせるのがいちばんかと思います。
僕が試したところでは、問題なく、作者が意図したとおり（と思われる）の画面と動きになりました。