当前位置: 首页 > article >正文

SwiftUI开发教程系列 - 第2章:基础布局与视图

2.1 SwiftUI视图结构

SwiftUI的UI布局是通过嵌套视图结构来完成的,视图以声明的方式组合、排列,形成一个层次化的界面。所有UI元素都是基于View协议的,因此我们可以将任何视图嵌入到另一个视图中。

2.2 基本视图组件

SwiftUI 提供了丰富的基础UI组件,以下是一些常用的基础组件:

• Text:用于显示文本内容

• Image:用于显示图片

• Button:用于创建交互按钮

示例代码

import SwiftUI

struct BasicComponentsView: View {
   
    var body: some View {
   
        VStack {
   
            Text("Hello, SwiftUI!")
                .font(.title)
                .padding()
            
            Image(systemName: "star.fill")
                .foregroundColor(.yellow)
                .font(.system(size: 40))
            
            Button(action: {
   
                print("Button was tapped")
            }) {
   
                Text(

http://www.kler.cn/a/389517.html

相关文章:

  • 软件测试面试题(800道)【附带答案】持续更新...
  • C++组合复用中,委托的含义与作用
  • 985研一学习日记 - 2024.11.12
  • 对称加密与非对称加密:密码学的基石及 RSA 算法详解
  • 【贪心算法】——力扣763. 划分字母区间
  • 低功耗WTK6900P语音ic方案助力电子烟技术革新 打造个性化吸烟体验
  • 微服务之多机部署,负载均衡-LoadBalance
  • 卷积神经网络基础
  • 前缀和 so easy! 力扣.128 最长连续序列 leetcode longest-consecutive-sequence
  • 【动手学电机驱动】 STM32-FOC(2)STM32 导入和创建项目
  • 中兴光猫修改SN,MAC,修改地区,异地注册,改桥接,路由拨号
  • 今日 AI 简报|苹果推出的新框架,智源开源千万级多模态数据集,字节推出图像编辑模型,开源大语言模型和实时对话系统等
  • 24/11/7 算法笔记 PCA主成分分析
  • 【前端】JavaScript 方法速查大全-函数、正则、格式化、转换、进制、 XSS 转义(四)
  • ArkTS--应用状态
  • Linux服务器使用ps和top命令查看进程
  • 加载与存储指令及算数指令
  • HarmonyOS Next 实战卡片开发 01
  • Android CCodec Codec2 (二十)C2Buffer与Codec2Buffer
  • 深度学习中的 Dropout:原理、公式与实现解析
  • [Linux] 共享内存
  • 使用 IDEA 创建 Java 项目(二)
  • Hive:UDTF 函数
  • 优化时钟网络之时钟偏移
  • leetcode01 --- 环形链表判定
  • 优选算法合集————双指针(专题一)