swiftui 列表_51CTO博客
基础知识sheet在给定条件为真时显示工作表。func sheet<Content>(isPresented: Binding<Bool>, onDismiss: (() -> Void)? = nil, content: @escaping () -> Content) -> some View where Content : ViewisPresent
转载 2023-05-29 16:24:11
171阅读
# SwiftUI列表的实现 对于刚入行的小白,实现SwiftUI列表可能是一个有些困惑的任务。在本文中,我将向你展示实现SwiftUI列表的步骤,并提供每一步所需的代码和相应的注释。 ## 实现流程 下面是实现SwiftUI列表的步骤的概要: | 步骤 | 描述 | | --- | --- | | 1 | 创建一个SwiftUI View | | 2 | 创建一个数据源 | | 3 |
原创 2023-08-01 15:25:22
139阅读
# SwiftUI列表 ## 概述 SwiftUI是一种用于为iOS,iPadOS,macOS,watchOS和tvOS应用程序创建用户界面的声明性UI框架。其中,列表是构建动态内容的常见UI组件之一。本文将介绍SwiftUI中如何使用列表来展示和管理数据。 ## 列表视图 列表视图是一个可滚动的垂直视图,用于展示一系列的行或项。列表视图可以从数据源中动态地生成行,并响应用户的交互操作。 使
原创 2023-09-10 15:38:47
111阅读
组合复杂界面Landmarks 的主屏显示了一个滚动的分类列表,每个分类中都有水平滚动的地标标记。通过构建这样的主导航,我们来探究组合 view 是怎样适配不同设备大小和方向的。下载项目文件并按照以下步骤操作,也可以打开已完成的项目自行浏览代码。预计完成时间:20 分钟项目文件:下载 1. 添加 Home View现在我们已经做好了 Landmarks app 所需的所有 view,是时候给它
转载 2023-09-12 21:31:31
82阅读
## 实现 SwiftUI 列表视图 作为一名经验丰富的开发者,我将指导你如何使用 SwiftUI 创建列表视图。下面是实现该功能的步骤: ### 步骤概览 下表提供了实现 SwiftUI 列表视图的步骤概览: | 步骤 | 描述 | | --- | --- | | 1 | 创建 SwiftUI 项目 | | 2 | 创建数据模型 | | 3 | 创建列表视图 | | 4
原创 2023-10-14 04:20:24
119阅读
作者: Cyandev, iOS 和 MacOS 开发者,目前就职于字节跳动0x00 前言众所周知,SwiftUI 的开发模式与 React、Flutter 非常相似,即都是声明式 UI,由数据驱动(产生)视图,视图也会与数据自动保持同步,框架层会帮你处理“绑定”的问题。在声明式 UI 中不存在命令式地让一个视图变成 xxx 样子的方法,所有视图的属性都必须映射到一个状态上,那么这就涉及到一个问题
0. 概览这是一段非常简单的 SwiftUI 代码,我们将 Item 数组传递到子视图并在子视图中对其进行修改,修改的结果会立即在主视图中反映出来。不幸的是,当我们修改 Item 名称时却发现不能连续输入:每次敲一个字符键盘都会立即收起并且原输入焦点会马上丢失,这是怎么回事呢? 在本篇博文中您将学到以下内容0. 概览1. 不该发生的错误2. 无效的尝试:用子视图包装3. 寻根究底4. 解决之道总结
No 1Spring: 一个基于 Swift 的简洁易用的 iOS 动效库[Github 上有 9164 个 stars]。No 2Material: 用于开发漂亮应用的动效和图形框架[Github 上有 6120 个 stars]。No 3RazzleDazzle: Swift 编写的,简单的基于关键帧的并且针对于 iOS 的动效框架。极为适用于滚动介绍的长页面[Github 上有 2291 个
转载 2023-08-06 17:13:15
382阅读
译自 https://www.hackingwithswift.com/books/ios-swiftui/one-to-many-relationships-with-core-data-swiftui-and-fetchrequest Core Data 让我们用关系链接实体。当我们使用@FetchRequest时,Core Data 返回我们要的所有数据。这正是体
# SwiftUI图片文字列表 在iOS开发中,展示图片和文字的列表是一种非常常见的UI形式。而在SwiftUI中,我们可以很方便地使用`List`和`Image`、`Text`等视图来创建一个图片文字列表。本文将介绍如何在SwiftUI中创建一个简单的图片文字列表,并演示如何使用数据来动态展示列表内容。 ## 准备工作 在开始之前,我们需要准备一些图片资源和文字数据。在这个示例中,我们将使
原创 9月前
34阅读
# SwiftUI有序列表SwiftUI中,我们可以使用`List`视图来显示有序列表。有序列表是指一个按照特定顺序排列的项目列表。每个项目可以是文本、图像或其他视图。 ## 创建有序列表 要创建一个有序列表,我们可以使用`List`视图,并在其中添加每个项目。下面是一个简单的示例,展示了如何创建一个包含三个项目的有序列表: ```swift List { Text("项目1"
原创 11月前
32阅读
import UIKit class ViewController: UIViewController { override func viewDidLoad() { super.viewDidLoad() let image = UIImage.init(named: "111.png"); let i
转载 2023-06-08 23:38:38
222阅读
Hello, SwiftUIApple 在 WWDC19 上正式发布了 Project Catalyst(原 Marzipan),使得开发者能够将 iPadOS app 移植到 macOS 上。同时 SwiftUI 也压轴亮相,正式统一了 Apple 全平台的 UI 开发解决方案。恰逢前些时候,Google 在其 I/O 大会上亮相了 Jetpack Compose —— 一个全新的 Androi
 前言       在前面的文章中谈了谈对SwiftUI的基本的认识,以及用我们最常见的TB+NA的方式搭建了一个很基本的场景来帮助认识了一下SwiftUI,具体的文章可以在SwiftUI分类部分查找,这篇我准备在写UI的时候从SwiftUI角度我们具体的应该怎样去做,或者说是用SwiftUI我们该从什么角度去解析一个页面。以及对SwiftUI里面
转载 2023-08-25 23:29:26
214阅读
一、SwiftUI 视图创建首先,创建一个新的 SwiftUI 视图,为了举例说明,在这个新视图中,会展示一个有各种颜色的矩形列表,并把新视图命名为 ColorList:import SwiftUI struct ColorList: View { var body: some View { Text("Hello, World!") } } struct Co
类似于上图的功能实现(展开只显示一层)实现这个之前没有找到比较好的解决方案,现在才发现系统有个这个的控件:ExpandableListVIew.也是实现显示一层的折叠与展开。不过既然自己已经实现了,也不想白白浪费精力,所以写出来,以后也好自己看看(虽说写的不咋地,最起码也是实现了。)开始:整体的布局是2个RecyclerView嵌套完成的,最外面一个大的Recyclerview包括标题和内容,里面
转载 2023-11-15 09:31:26
96阅读
// ========   语言:swift 2.1,   xcode:7.2   =====//1、常见属性:在storyboard上,拖一个webView控件,在右边的属性窗口中选择“show the attributes in Spector ”, 可以看见webView属性:       A、scalePageToFit
最近有一个需求,在一个界面中显示一个列表列表中多个cell的右边要显示一个Toggle,也就是UIKit中的UISwitch开关,我们知道Toggle组件需要绑定一个变量的,但是列表数据是从服务器取的,要用多少个Toggle组件不可知,所以如何记住这些Toggle的值呢?如果用一个变量绑定所有的Toggle,那么这些Toggle就是同开同关了,显然不行。下面来看一下具体实现。Foreach组件F
# 分类列表与商品联动在SwiftUI中的实现 在现代应用中,用户体验日益成为设计的重点。分类列表与商品联动是一种常见的设计模式,通常用于电商应用中,以便用户可以轻松浏览和选择产品。通过 SwiftUI,可以简洁而优雅地实现这一功能。本文将介绍如何在 SwiftUI 中实现一个简单的分类列表,并根据选定的分类展示商品列表。 ## 项目结构 在我们的项目中,主要会有以下几个部分: 1. **
原创 1月前
26阅读
建筑列表和导航SwiftUI 是一种为任何 Apple 平台声明用户界面的现代方式。比以往更快地创建美观、动态的应用程序。①、SwiftUI基础1、[建筑列表和导航](https://developer.apple.com/tutorials/swiftui/building-lists-and-navigation)`预计35分钟`1.1、创建地标模型第 1 步第 2 步第 3 步第 4 步第
转载 2024-01-15 15:25:45
95阅读
  • 1
  • 2
  • 3
  • 4
  • 5