实战教程·什么年代了还在敲传统木鱼?(一)(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样式部分。


相关文章
|
编解码 移动开发 JavaScript
html页面播放视频编码是265的m3u8的流媒体地址
html页面播放视频编码是265的m3u8的流媒体地址
1187 0
|
7月前
|
人工智能 自然语言处理 搜索推荐
深度解读:Geo优化“两大核心+四轮驱动”方法论的落地执行细节
在AI驱动的数字营销新时代,传统SEO面临重构。于磊老师首创“两大核心+四轮驱动”Geo优化方法论,以人性化内容与交叉验证构建可信生态,融合EEAT原则、结构化内容、精准关键词及权威引用,助力企业实现高效获客与可持续增长。
839 16
|
6月前
|
弹性计算 ice
阿里云4核8g服务器多少钱一年?阿里云4核8g服务器1个月和1小时最新价格参考
现在阿里云4核8g服务器多少钱一年?1个月和1小时价格,省钱购买方法分享,热门ECS实例及CPU处理器型号说明,2025年最新阿里云4核8G服务器配置价格,热门ECS实例、CPU型号及参考价格整理,云服务器ECS实例规格不同费用价格也不同,经济型e实例4核8G配置159元1个月、一年价格1578元一年、按小时收费0.45元1小时,云服务器ECS计算型c9i实例4核8G配置费用371元1个月、一年7.1折优惠3327元一年,阿里云ECS云服务器4核8G配置价格表,包括1个月、一年和1小时收费:
|
前端开发
uni-app中使用 async + await 实现异步请求同步化
uni-app中使用 async + await 实现异步请求同步化
4072 0
uni-app中使用 async + await 实现异步请求同步化
|
自然语言处理 监控 Linux
Linux 内核源码分析---proc 文件系统
`proc`文件系统是Linux内核中一个灵活而强大的工具,提供了一个与内核数据结构交互的接口。通过本文的分析,我们深入探讨了 `proc`文件系统的实现原理,包括其初始化、文件的创建与操作、动态内容生成等方面。通过对这些内容的理解,开发者可以更好地利用 `proc`文件系统来监控和调试内核,同时也为系统管理提供了便利的工具。
747 16
|
Web App开发 Go iOS开发
【IOS】教你如何在手机端轻松安装 ipa 文件 -(安装器已失效 21.10)|社区征文
【IOS】教你如何在手机端轻松安装 ipa 文件 -(安装器已失效 21.10)|社区征文
|
缓存
USB3.2 摘录(一)(上)
USB3.2 摘录(一)
699 0
USB3.2 摘录(一)(上)
|
算法
动态规划算法学习三:0-1背包问题
这篇文章是关于0-1背包问题的动态规划算法详解,包括问题描述、解决步骤、最优子结构性质、状态表示和递推方程、算法设计与分析、计算最优值、算法实现以及对算法缺点的思考。
910 2
动态规划算法学习三:0-1背包问题
|
API
二维码操作[二维码生成]免费API接口教程
二维码生成接口支持自定义内容、颜色、大小等参数,通过POST或GET请求方式访问。用户需提供ID和KEY,可选设置容错级别、图片大小及背景色等。返回状态码及二维码链接或错误信息。示例与详情参见官方文档。
1029 3
|
前端开发
uniapp 数据父传子
在uni-app中,父组件向子组件传递数据主要通过属性绑定的方式实现。这里提供一个简单的示例来说明如何进行父传子的数据传递:
384 1
uniapp 数据父传子