Skip to main content

15 posts tagged with "SwiftUI"

View All Tags

上一篇博客我们介绍了 SwiftUI 中的 ScrollView 控件,

今天我们来介绍 SwiftUI 中的 Button 控件。

info

按钮是启动应用特定操作的核心控件,具有可自定义的背景,并可以包含标题或图标。系统提供了多种预定义按钮样式, 适用于大多数使用场景。同时,你也可以设计完全自定义的按钮。

按钮作为所有应用中基本的用户界面控件,负责处理用户的触摸操作并触发特定的动作。 对于熟悉 iOS 编程的开发者来说,SwiftUI 中的 Button 与 UIKit 中的 UIButton 有着显著的相似之处,但 SwiftUI 的 Button 提供了更大的灵活性和定制选项。

在本篇博客中,我们将深入探讨 SwiftUI 按钮的各种功能和自定义技巧,帮助你打造出色的应用界面。

鱼雪

上一篇博客我们介绍了 SwiftUI 中的 Button 控件,

今天我们来介绍 SwiftUI 中的 @State@Binding 控件。

在应用开发中,状态管理是每个开发者必须面对的关键问题。 让我们以开发一个音乐播放器应用为例。当用户点击播放按钮时,按钮应切换为停止按钮。 为了实现这一功能,你需要一个机制来跟踪应用的状态,以便在适当的时候改变按钮的外观。

SwiftUI 提供了多种内置的状态管理功能,其中之一就是 @State 属性包装器。 当你使用 @State 注解一个属性时,SwiftUI 会自动将其存储在应用中。 此外,使用该属性的视图会在其值发生变化时自动接收到通知。 因此,当状态发生变化时,SwiftUI 会重新计算受影响的视图并相应地更新应用的外观。

听起来是不是很棒?不过,我理解状态管理一开始可能有些让人困惑。 为了更好地理解状态(@State)绑定(@Binding), 本文将通过编码示例和练习来深入讲解这些概念。

通过这些示例,你将更好地掌握 SwiftUI 中这一关键概念。

鱼雪

SwiftUI 革新了开发者构建 iOS、macOS、watchOS 和 tvOS 用户界面的方式。

上一篇 SwiftUI 布局 介绍了 SwiftUI 中使用 VStackHStackZStack 进行布局。

今天我们介绍 SwiftUI 提供的强大组件之一是 ScrollView,它让创建可滚动内容变得轻而易举。 在本全面教程中,我们将深入了解 ScrollView,并指导您构建一个令人惊叹的轮播图界面。 通过本指南,您将拥有一个灵活且动态的 UI 组件,提升您 SwiftUI 应用的用户体验。

鱼雪

在你已经了解了SwiftUI的基础知识并掌握了如何显示文本内容后,现在是时候学习如何布局用户界面了。

上一篇 SwiftUI 图片视图 介绍了 SwiftUI 中使用 Image 显示图片。

今天我们介绍 SwiftUI 中使用 VStackHStackZStack 进行布局。

在本教程中,我们将深入探讨SwiftUI中的堆栈布局,包括VStackHStackZStack, 并展示如何通过这些堆栈构建复杂的网格布局。通过逐步构建一个简单的网格界面,你将学会如何有效地组合视图, 创建出理想的用户界面。

鱼雪

上一篇 SwiftUI 文本 介绍了 SwiftUI 中使用Text显示文本。

今天我们介绍 SwiftUI 中使用Image显示图片。

在本章中,我们将探讨Label的使用,这是最常见的用户界面组件之一,以及用于在屏幕上渲染图像的Image视图。 与上一章类似,我将通过构建一个简单的示例演示如何使用Image

本章涵盖以下主题:

  • 什么是SF Symbols以及如何显示系统图像
  • 如何显示自定义图像
  • 如何调整图像大小
  • 如何使用ignoresSafeArea显示全屏图像
  • 如何创建圆形图像
  • 如何为图像应用叠加效果
鱼雪

上一篇 SwiftUI 入门 介绍了 SwiftUI。

如果你之前使用过UIKit,你会发现SwiftUI中的Text控件与UIKit中的UILabel非常相似。 Text是一个视图(View),用于显示单行多行文本。 虽然Text控件是不可编辑的,但它在屏幕上展示只读信息时非常有用。 例如,如果你想在屏幕上展示一条消息,可以使用Text来实现。

在本教程中,我们将详细介绍如何使用Text控件来展示信息。 你还将学习如何通过不同的颜色、字体、背景以及旋转效果来自定义文本。

鱼雪

SwiftUI 是 Apple 推出的声明式框架,用于构建用户界面(UI)。 自2019年首次发布以来,SwiftUI 已成为 iOS、macOS、watchOS 和 tvOS 应用开发的重要工具。 本文将深入介绍 SwiftUI 的基本概念,包括视图(View)、修饰符(Modifiers)、内置修饰符、如何自定义视图、 组件化开发以及 MVVM 架构在 SwiftUI 中的应用。无论你是刚开始学习 SwiftUI,还是希望巩固基础,这篇指南都将为你提供有价值的知识。

鱼雪