Swift学习笔记三自制猜八卦小程序

本文介绍了如何使用SwiftUI创建一个猜八卦的小程序。步骤包括创建SwiftUI工程,准备八卦图片,定义八卦名称数组,设置游戏变量,编写检查答案的函数,展示卦象图片并添加得分显示。通过ImageStore.shared.image加载图片,实现简单游戏交互。
摘要由CSDN通过智能技术生成

自制猜八卦小程序SwiftUI学习笔记三

自制猜八卦小程序

1.创建新的SwiftUI工程,随意命名工程。
2.自备八卦图片,PNG格式的,放入工程文件夹专用文件夹中。在这里插入图片描述
3.在ContentView.swift中,import SwiftUI之前定义数组常量,即八卦名称,需要与图片名称对应。
在这里插入图片描述
4.小程序内容为随机出现三个卦象图片,然后给出挂名,需要选择正确的挂名对应的图片,并根据选择对错计算得分所以,定义以下变量。
在这里插入图片描述
因为BaguasName在定义时即获取常量数组随机排序(shuffled)后的值,所以常量数组不能放置在struct内。
添加背景颜色,做点修饰
在这里插入图片描述
预览如下(也不怎么好看,比纯白好点。自己添加了背景,SwiftUI的自动darkmode模式应该就不会自己启用了)
在这里插入图片描述
编写函数,检查答案以及继续游戏
正确卦象的位置在出题时已经确定,可以看定义以及reStartGame(),所以答案检查部分,只是核对传入Int的值。
在这里插入图片描述
加入卦象图案,三个,垂直排列
在这里插入图片描述
这里在图像显示的地方,使用了苹果官方用来显示图片的类,ImageStroe.shared.image,使用这个类可以方便的显示在工程中的某个文件夹中的图片,而不是必须把图片放到 Assets.xcassets 这个文件夹里。后面截图显示该类内容。

预览如图
在这里插入图片描述
添加Text视图显示得分。在这里插入图片描述
触发警告框放在了ForEach后在这里插入图片描述
使用navigationBarTitle显示卦象名,即使没有使用NavigationView依然可以是使用其title的
在这里插入图片描述
显示模式为.inline,则卦名不会那么大。
模拟器显示如图
在这里插入图片描述
在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值