当前位置：首页 > news >正文

第 5 章理解 ScrollView 并构建 Carousel UI

news 2026/2/7 12:07:06

通过上一章的学习，我相信你现在应该明白如何使用堆栈构建复杂的 UI。当然，在你掌握 SwiftUI 之前，你还需要大量的练习。因此，在深入研究 ScrollView 以使视图可滚动之前，让我们先以一个挑战开始本章。你的任务是创建一个类似于图 1 所示的卡片视图。

图 1. 卡片视图

通过利用堆栈、图像视图和文本视图，您应该能够构建所需的 UI。虽然我稍后会逐步指导您完成实现，但我鼓励您花一些时间来完成练习并设计自己的解决方案。

一旦您创建了卡片视图，我将ScrollView与您讨论并使用卡片视图构建可滚动的界面。图 2 向您展示了完整的 UI。

图 2. 使用 ScrollView 构建可滚动的 UI

创建类似卡片的 UI

如果您尚未打开 Xcode，

第 5 章理解 ScrollView 并构建 Carousel UI

通过上一章的学习，我相信你现在应该明白如何使用堆栈构建复杂的 UI。当然，在你掌握 SwiftUI 之前，你还需要大量的练习。因此，在深入研究 ScrollView 以使视图可滚动之前，让我们先以一个挑战开始本章。你的任务是创建一个类似于图 1 所示的卡片视图。 …...

编程日记 2024/6/25 11:15:04

MySQL锁、加锁机制（超详细）—— 锁分类、全局锁、共享锁、排他锁；表锁、元数据锁、意向锁；行锁、间隙锁、临键锁；乐观锁、悲观锁

文章目录一、概述1.1 MySQL锁的由来1.2 锁定义1.3 锁分类二、共享锁与排他锁2.1 共享锁（S锁）2.2 排他锁（X锁）2.3 MySQL锁的释放三、全局锁3.1 介绍3.2 语法3.3 特点四、表级锁4.1 介绍4.2 表锁4.3 元数据锁（Meta D…...

编程日记 2024/6/25 11:12:00

如何在Java中实现文件上传和下载？

如何在Java中实现文件上传和下载？ 大家好，我是免费搭建查券返利机器人省钱赚佣金就用微赚淘客系统3.0的小编，也是冬天不穿秋裤，天冷也要风度的程序猿！ 在现代Web应用程序中，文件上传和下载是常见的功能需求…...

编程日记 2024/6/25 11:10:58

SpringBoot使用滑动窗口限流防止用户重复提交(自定义注解实现)

在你的项目中，有没有遇到用户重复提交的场景，即当用户因为网络延迟等情况把已经提交过一次的东西再次进行了提价，本篇文章将向各位介绍使用滑动窗口限流的方式来防止用户重复提交，并通过我们的自定义注解来进行封装功能。首先&a…...

编程日记 2024/6/25 11:09:56

ravynOS 0.5.0 发布 - 基于 FreeBSD 的 macOS 兼容开源操作系统

ravynOS 0.5.0 发布 - 基于 FreeBSD 的 macOS 兼容开源操作系统 ravynOS - 一个旨在提供 macOS 的精致性和 FreeBSD 的自由度的操作系统请访问原文链接：https://sysin.org/blog/ravynos/，查看最新版。原创作品，转载请保留出处。作者主页…...

编程日记 2024/6/25 11:08:54

韩国面临的本地化挑战

西方文化，尤其是美国电影、音乐和游戏，对韩国也产生了同样大的影响。众所周知，这个国家与外国产品的关系更加开放。然而，游戏在这里仍然受到审查，所以最好避免与朝鲜、日本等有关的分裂性政治主题。否则，你…...

编程日记 2024/6/25 11:07:52

Linux内存从0到1学习笔记(8.17 SMMU Fault调试方法）

写在前面通过前面的介绍，我们知道了SMMU实际上是一个针对外设的MMU。它作为一个硬件IP被设备执行DMA操作时使用。再来简单回顾下SMMU的工作流程：外设 ---> DMA操作 ---> SMMU ---> Memory 也就是说，通常情况下驱动程序会先分配DMA Buffer ---> 然后执行S…...

编程日记 2024/6/25 11:06:50

讲座学习截图——《CAD/CAE/CAM几何引擎-软件概述》（一）

目录引出CAD/CAE/CAM几何引擎-软件概述郝建兵CADCAECAM 几何模型内核ACIS 两个老大之一Open CascadeParasolid 两个老大之一Autodesk的内核总结其他自定义信号和槽1.自定义信号2.自定义槽3.建立连接4.进行触发自定义信号重载带参数的按钮触发信号触发信号拓展 lambda表达式…...

编程日记 2024/6/25 11:05:48

鸿蒙开发系统基础能力：【@ohos.hichecker (检测模式)】

检测模式 HiChecker可以作为应用开发阶段使用的检测工具，用于检测代码运行过程中部分易忽略的问题，如应用线程出现耗时调用、应用进程中Ability资源泄露等问题。开发者可以通过日志记录或进程crash等形式查看具体问题并进行修改，提升应用的使…...

编程日记 2024/6/25 11:03:45

WordPress CDN是什么？CDN有什么作用？

您想让您的网站加载速度更快吗？ 网站所有者希望网站加载速度快，内容丰富，功能强大，吸引用户。然而，添加这些功能可能会降低网站速度，难以快速向全球用户提供内容。这就是为什么许多WordPress网站使用 CDN…...

编程日记 2024/6/25 11:01:42

【containerd】Containerd高阶命令行工具nerdctl

前言对于习惯了使用docker cli的用户来说，containerd的命令行工具ctr使用起来不是很顺手，此时别慌，还有另外一个命令行工具项目nerdctl可供我们选择。 nerdctl是一个与docker cli风格兼容的containerd的cli工具。 nerdctl已经作为子项目加入…...

编程日记 2024/6/25 10:59:39

目录 1.SSM介绍1.1 什么是SSM？1.2 SSM框架1.2.1 Spring1.2.2 SpringMVC1.2.3 MyBatis 2.SSM框架整合2.1 建库建表2.2 创建工程2.3 pom.xml2.4 log4j.properties2.5 db.properties2.6 applicationContext-dao.xml2.7.applicationContext-tx.xml2.8 applicationContex…...

编程日记 2024/6/25 10:57:35

springboot+vue+mybatis穷游管理系统+PPT+论文+讲解+售后

随着现在网络的快速发展，网上管理系统也逐渐快速发展起来，网上管理模式很快融入到了许多企业的之中，随之就产生了“基于vue的穷游管理系统”，这样就让基于vue的穷游管理系统更加方便简单。对于本基于vue的穷游管理系统的设计来说…...

编程日记 2024/6/25 10:56:34

ClickHouse备份方案

ClickHouse备份方案主要包括以下几种方法： 一、使用clickhouse-backup工具： （参考地址：https://blog.csdn.net/qq_43510111/article/details/136570850） **安装与配置：**首先从GitHub获取clickhouse-bac…...

编程日记 2024/6/25 10:54:31

windows启用和禁用内存压缩

windows内存压缩 Windows操作系统的内存压缩是一种通过压缩和解压缩内存页面来减少内存使用量的技术。当系统的内存使用达到一定阈值时，Windows会将不常用的内存页面压缩为一个稳定的压缩文件，以释放更多的内存空间。内存压缩的主要目的是减少页面交换…...

编程日记 2024/6/25 10:51:28

MATLAB-振动问题：单自由度无阻尼振动系统受迫振动

一、基本理论二、MATLAB实现令式（1.3）中A0 2，omega0 30，omega 40，matlab程序如下： clear; clc; close all;A0 2; omega0 30; omega 40; t 0:0.02:5; y A0 * sin( (omega0 - omega) * t /2) .* s…...

编程日记 2024/6/25 10:49:25

示例:WPF中应用DependencyPropertyDescriptor监视依赖属性值的改变

一、目的：开发过程中，经常碰到使用别人的控件时有些属性改变没有对应的事件抛出，从而无法做处理。比如TextBlock当修改了IsEnabled属性我们可以用IsEnabledChanged事件去做对应的逻辑处理，那么如果有类似Background属性改变我想找…...

编程日记 2024/6/25 10:47:22

链家房屋数据爬取与预处理-大数据采集与预处理课程设计

芜湖市链家二手房可视化平台成品展示重点说明 1.数据特征数量和名称、数据量数据特征数量：14； 名称：小区名、价格/万、地区、房屋户型、所在楼层、建筑面积/平方米、户型结构、套内面积、建筑类型、房屋朝向、建筑结构、装修情况、梯户…...

编程日记 2024/6/25 10:46:21

一种502 bad gateway nginx/1.18.0的解决办法

背景:上线的服务突然挂掉了 step1，去后端日志查看，发现并无异常，就是请求无法被接收 step2，查看了nginx的错误日志，发现该文件为空 step3，查看了niginx的运行日志，发现了以下问题 [error] 38#…...

编程日记 2024/6/25 10:45:19

二叉树第一期：树与二叉树的概念

一、树 1.树的定义与线性表不同，树是一种非线性的数据结构，由N(N>0)个结点组成的具有层次关系的集合；因其形状类似生活中一颗倒挂着的树，故将其数据结构称为树。 2.树的相关概念根结点没有前驱的结点，称为根…...

编程日记 2024/6/25 10:44:18

网络六边形受到攻击

大家读完觉得有帮助记得关注和点赞！！！ 抽象现代智能交通系统 （ITS） 的一个关键要求是能够以安全、可靠和匿名的方式从互联车辆和移动设备收集地理参考数据。Nexagon 协议建立在 IETF 定位器/ID 分离协议 （…...

编程新知 2026/2/7 4:36:23

AI-调查研究-01-正念冥想有用吗？对健康的影响及科学指南

点一下关注吧！！！非常感谢！！持续更新！！！ 🚀 AI篇持续更新中！（长期更新） 目前2025年06月05日更新到： AI炼丹日志-28 - Aud…...

编程新知 2026/2/3 0:14:42

vscode（仍待补充）

写于2025 6.9 主包将加入vscode这个更权威的圈子 vscode的基本使用侧边栏 vscode还能连接ssh？ debug时使用的launch文件 1.task.json {"tasks": [{"type": "cppbuild","label": "C/C: gcc.exe 生成活动文件"…...

编程新知 2026/1/24 13:04:10

Golang dig框架与GraphQL的完美结合

将 Go 的 Dig 依赖注入框架与 GraphQL 结合使用，可以显著提升应用程序的可维护性、可测试性以及灵活性。 Dig 是一个强大的依赖注入容器，能够帮助开发者更好地管理复杂的依赖关系，而 GraphQL 则是一种用于 API 的查询语言，能够提…...

编程新知 2025/12/31 8:38:23

第25节 Node.js 断言测试

Node.js的assert模块主要用于编写程序的单元测试时使用，通过断言可以提早发现和排查出错误。稳定性: 5 - 锁定这个模块可用于应用的单元测试，通过 require(assert) 可以使用这个模块。 assert.fail(actual, expected, message, operator) 使用参数…...

编程新知 2025/10/11 0:24:31