实战教程·什么年代了还在敲传统木鱼?(一)(1)

简介: 实战教程·什么年代了还在敲传统木鱼?(一)

实战教程·什么年代了还在敲传统木鱼?(一)


项目背景

最近由于疫情闲暇在家,在浏览网络信息的时候发现一款“电子木鱼App”悄悄爆红网络。无需购买实体的木鱼,只需要下载App,通过不断点击App按钮,即可完成“自我救赎”,甚至还有不同的敲击声音可以选择。在饶有兴趣地查阅相关文章后,不仅觉得“有点意思”,难道这是佛教在做数字化转型?

一笑而过后,当静下来却心里有些感慨。

想起儿时也曾想遁入空门不理世事,做一个和尚追求心中的信仰,过简单朴素的生活。而如今在社会谋生,应付复杂人性,每天拖着疲惫的身体时常半夜回家,这真的是我想要的吗?

感慨之后,想想“电子木鱼”这个案例也挺有意思,不如也尝试做下教程,也算是一种另类的解压。

项目分析

首先我们来先行分析“电子木鱼”App的功能点,如下图所示:

image.png

电子木鱼主要功能点为点击木鱼本体发出敲击声音,每当敲击一下,在界面上将出现“功德+1”的字样,且顶部计算敲击的次数。再深入些,我们还可以支持自定义提示文字,比如“开心+1”、“财富+1”等等提示文字。

整体项目难道不大,下面我们来一步一步实现它。

项目准备

首先创建一个新的SwiftUI项目,命名为DigitalWoodfish。如下图所示:

image.png

在ContentView文件中,选择模拟器预览示例代码效果,如下图所示:

image.png

然后,我们需要导入一张“木鱼”的图片作为项目的素材,在Assets文件中,我们拖入一张网络上下载的木鱼图片。

为了更好的呈现效果,建议下载的图片背景颜色为透明,因为笔者使用的是iphone,在新版的iOS中可以提取图片中的元素出来,很容易就获得了一张没有背景颜色的图片,可以使用此方法获得项目素材。

素材整理好后,拖入到Assets文件中,如下图所示:

image.png

回到ContentView文件中,我们开始搭建UI样式部分。


目录
打赏
0
0
1
0
75
分享
相关文章
【软件设计师-从小白到大牛】上午题基础篇:第一章 计算机组成与体系结构(3)
检错是指可以检查出错误;纠错是指可以在检查出错误的基础上纠正错误。
92 0
【软件设计师-从小白到大牛】上午题基础篇:第七章 程序设计语言与语言处理程序基础(1)
语法分析阶段可以发现程序中的所有语法错误;编译正确的程序必然不包含语法错误;“除数为0”为动态语义错误,动态语义错误只有运行时才能发现。
187 0
【软件设计师-从小白到大牛】上午题基础篇:第七章 程序设计语言与语言处理程序基础(1)
【软件设计师-从小白到大牛】上午题基础篇:第七章 程序设计语言与语言处理程序基础(2)
【软件设计师-从小白到大牛】上午题基础篇:第七章 程序设计语言与语言处理程序基础
57 0
【软件设计师-从小白到大牛】上午题基础篇:第七章 程序设计语言与语言处理程序基础(2)
实战教程·什么年代了还在敲传统木鱼?(二)(1)
实战教程·什么年代了还在敲传统木鱼?(二)
113 0
实战教程·什么年代了还在敲传统木鱼?(二)(1)
实战教程·什么年代了还在敲传统木鱼?(二)(2)
实战教程·什么年代了还在敲传统木鱼?(二)
64 0
实战教程·什么年代了还在敲传统木鱼?(二)(3)
实战教程·什么年代了还在敲传统木鱼?(二)
78 0
实战教程·什么年代了还在敲传统木鱼?(一)(3)
实战教程·什么年代了还在敲传统木鱼?(一)
151 0
实战教程·什么年代了还在敲传统木鱼?(一)(2)
实战教程·什么年代了还在敲传统木鱼?(一)
132 0
【软件设计师-从小白到大牛】上午题基础篇:第一章 计算机组成与体系结构(2)
说明:重点记忆此图。一般而言,CISC和RISC都支持流水线技术,但是CISC不适合采用流水线技术
98 0
【软件设计师-从小白到大牛】上午题基础篇:第一章 计算机组成与体系结构(1)
其他知识 计算机中CPU对其访问速度最快的是 通用寄存器。 VLIW 是超长指令字的简称。
84 0
AI助理

你好,我是AI助理

可以解答问题、推荐解决方案等