在首款车型发布 8 年之后，小鹏终于迎来了一辆真正能对标业内「9」系的旗舰 SUV 。

何小鹏在今天发布会一开始就先解释了一个问题，为什么这辆车取名叫 GX？

 G 代表了伟大，强大，卓越的气场，以及它是一台真正的全尺寸的旗舰 SUV；而 X 代表一种探索，代表小鹏向上的探索科技无人区的一种勇气，以及领先一代的技术。

因此这辆车除了在用料、配置上追求豪华之外，还是小鹏近些年技术积累的集大成者，线控底盘、图灵芯片、接近 Robotaxi 级别的智驾能力等都搭载到了这台 GX 上。

当然，与此同时，小鹏 GX 的预售价也创下了有史以来的新高——39.98 万元。

设计不行，堆料来凑

GX 延续了小鹏一贯的简洁科技感，展现出了全尺寸 SUV 应有的磅礴体量，其车身长宽高分别为 5265 毫米、1999 毫米和 1800 毫米，轴距达到了 3115 毫米 。

为了削弱超大尺寸可能带来的笨重视觉感，设计团队从游艇造型中汲取了灵感，将修长的船舷线条融入了车身。

侧面车窗区域，该车采用了隐藏式水切设计，将传统的窗框水切条收纳于车门内部，使得侧窗玻璃表面保持纯平无遮挡的状态 。其侧向车窗总面积达到 2.682 平方米，这种无遮挡的设计不仅优化了侧向视野，其平整的表面结合侧扰流板，还使得整车风阻有所降低。

车辆的前后造型同样遵循了极致简化与一体化的思路。小鹏 GX 前部搭载了面积达 2.275 平方米的蚌式机舱盖，该机舱盖向侧面一直延伸至轮眉区域 。车尾部分同样采用了蚌式尾门设计，尾门向后侧围两侧延伸，与后翼子板结构相连接 。

此外，为了凸显旗舰定位，小鹏 GX 在车头首次应用了太空陶瓷 24K 金标，该车标采用航天级氧化锆陶瓷与 PVD 真空镀金工艺，经过 33 天共 15 道工序的微米级 CNC 精雕而成。

在外观色彩上，该车提供了珠峰白、天山黑、峡湾灰、丹霞红以及哑光质感的日照金山五种配色 。

其中，哑光漆面采用了成本颇高的巴斯夫顶级哑光清漆与多层纳米结构涂层技术，并结合了恒温无尘环境下的 AI 机器人喷涂与局部人工打磨，成功复刻了雪峰的绒感金光。

灯光系统的设计是小鹏 GX 外部的一大亮点。

小鹏 GX 的车头配备了贯穿式日间行车灯，内部集成了 340 颗 LED 光源，并采用了多层光路设计 。车尾则布置了一条长度为 1.64 米的贯穿式尾灯，内置 380 颗 LED 光源。

车辆的前大灯组搭载了华为 DLP 投影技术，系统能够实现 130 万像素的精准光线控制与遮蔽 。在夜间会车等驾驶场景下，大灯可以通过视觉算法远距离识别对向或同向车辆，并自动遮挡远光照射范围内的目标。在高速行驶状态下，这套投影大灯可以将实时的跟车距离以图像或数字形式投射在路面上作为安全预警 。

此外，大灯还能在车辆进行自动变道、转弯或礼让行人时，将车辆的行驶意图以高达 2000 流明的亮度投射于地面，同时支持在停车状态下进行娱乐投影 。

如果说小鹏 GX 此次的外观设计还称得上「中规中矩」甚至颇有亮点，那 GX 的内饰，尤其是金色版本，则显得有点匹配不上 40 万元的价格。

仪表台、座椅、门板、顶衬几乎都压在同一套颜色里，主色和辅色没有拉开，深浅层次也不够，结果就是整个座舱的视觉重量被平均摊开了，车内该有的前后层次和重点区域都不够清楚。

正常来讲，这个价位的车，内饰通常会通过颜色、材质，或者明暗变化，把「背景」和「前景」区分出来，哪些部分负责铺陈氛围，哪些部分负责形成视觉焦点，一般都会处理得更明确。

GX 在这方面做得一塌糊涂，完全没有体现出旗舰车型该有的质感。

从后排视角观察，会更容易发现问题。GX 整个仪表台的纵深显得有些单薄，高低起伏也不明显，导致前舱的体量感偏弱。17.3 英寸中控屏更像是被强行塞进了台面里。

放在十几万级别的车上，这样处理可以理解，但是放在 GX 这种旗舰定位的车型上，就显得有点敷衍。

还有一个细节，GX 门板上的氛围灯不仅布局很碎，边界处理得也不够干净，视觉观感非常松散，对比同价位一些做得更成熟的竞品，无论是线性灯带，还是边界清晰的轮廓式发光，都会更容易做出「见光不见灯」的高级感。

总之 GX 的内饰很多地方都停在了「够用」上，离这个价位该有的设计感和精细度还有不少差距。

不过，设计不行，还可以靠堆料来凑，小鹏在座舱配置上倒是毫不吝啬。

首先小鹏 GX 的车内空间相当宽裕，车内垂向高度达到了 1311 毫米，并在第二排座椅之间预留了 180 毫米宽度的中央通道，以便于乘客进出第三排 。

副驾驶位及第二排右侧均配备了零重力座椅，第二排左侧则为准零重力座椅 。

这些座椅表面采用 NAPPA 真皮包裹，内置 16 点按摩模块，支持 14 向电动调节，并具备 3 档加热与通风功能，其中加热区域覆盖至电动腿托 。在前后排均有乘客乘坐的状态下，这些零重力座椅也能够独立进行倾倒展开 。

第三排座椅具备电动调节功能，靠背和头枕可以实现 0 至 180 度的无极调节，直至完全放平状态，同时坐垫和靠背均配备了加热功能 。

此外全车座椅内部均集成了 ABTS 与 PLP 双预紧双限力式安全带，坐垫下方设有防下潜气囊，并且座椅骨架带有机械式溃缩吸能机构，用以在发生碰撞时减轻乘员受力 。

小鹏 GX 此次还在第二排和第三排的侧窗区域使用了总面积达 1.88 平方米的调光隐私玻璃 。该玻璃采用染料液晶（LC）技术，能够在 0.16 秒内完成明暗透光率的切换 。

系统可以根据外部光照条件自动进行无级调光，例如在车辆驶出地下车库遭遇强光时自动调暗玻璃透光度 。在非隐私模式下，玻璃的雾度低于 4%，而在最暗状态下可隔绝 99.9% 的紫外线及 99.5% 的可见光 。

其他舒适性配置上，小鹏 GX 搭载了一台容积为 12.5 升的车载冰箱，内置了美的品牌的 PST 杀菌模块；空调出风口支持风向的 AI 自动调节功能，可根据舱内温度变化、阳光强度以及乘员的座椅位置和靠背角度自动改变送风模式 ；车顶部分还设置了出风面积为 30990 平方毫米的环绕式微孔出风口，内部包含 2000 多个微孔，用于进行无感通风降温 。

安全冗余、线控底盘、图灵芯片，小鹏有的都给了

安全冗余也是小鹏此次在 GX 上化了大力气去改进的一个方面。

被动安全层面，GX 车身应用了 16000 吨前后一体压铸工艺，以减少零部件拼接并提升车身抗扭刚性。车体结构在车头、车顶、侧面及底部（特别是电池包的防刮底与涉水保护）进行了强化。针对侧翻工况，车顶配备了 1500MPa 的热成型横梁。

此外，全车共布置 11 个安全气囊，涵盖了座椅内部集成的气囊与延伸至第三排的贯穿式侧气帘 。

主动安全层面，该车搭载的 AI 线控智能底盘融合了 XVMC 运动控制系统 ，将驱动、转向与悬架进行一体化协同控制，以提升冰雪湿滑或爆胎等极端路况下的姿态稳定性。车辆还配备了最高工作时速为 150km/h 的 AEB（自动紧急制动）系统及 130km/h 的 AES（自动紧急转向）系统。

针对驾驶员突发疾病等失能场景，车辆引入了专属辅助系统；当监测到驾驶员失去驾驶能力时，车辆会自动接管操控、打灯变道并靠边平稳停车，随后自动解锁车门并呼叫 SOS 救援。

底层架构上，该车型引入了航空级六重安全冗余设计 。

其中，线控转向系统与制动系统（包含线控液压与电子制动双保险 ）均具备四重备份；驱动层面设置了双回路与双电机冗余，单侧故障可在 1 毫秒内由备份系统接管；通信系统应用了双总线传输；两套低压供电电源被集中布置于底盘中心区域以降低碰撞损毁概率；车门解锁则配备了主副电源结合内外机械拉手的四重独立方案，确保在极端断电状态下车门仍能正常开启。

小鹏能把 GX 定到 40 万元的价格，其中最主要的技术支撑是一套原生 AI 线控智能底盘系统 。

GX 的底盘标配了前双叉臂与后 H 臂独立悬架、可变阻尼减震器、智能四驱系统以及 AI 智能空气悬架 ，并且全面引入了全线控四轮转向系统。

这种软硬件解耦的设计打破了传统机械转向柱的硬连接物理限制，旨在优化大型 SUV 的转弯半径与操控稳定性，降低驾驶员的操作门槛。

在制动层面，该底盘应用了线控液压制动系统（EHB） 。传统机械制动在驾驶员踩下踏板至车辆卡钳建立制动力的过程中，存在不可避免的物理传动延迟；而线控底盘通过电信号传输，大幅缩短了系统指令的响应时间。

得益于这种响应机制，小鹏 GX 在 100km/h 至静止的紧急制动测试中，刹停距离被标定在 34.4 米。在高速跟车等紧急制动场景下，更短的刹车距离能够为车辆多保留约半个车身的安全缓冲空间，从而降低追尾风险。

除了改善人工驾驶的操控体验，原生线控底盘也是面向高阶自动驾驶的关键技术闭环。GX 的智能底盘深度融合了运动控制系统（XVMC） ，将驱动、转向与悬架进行了一体化协同控制。

这种底层执行机构的线控化，使得车辆在接收智驾系统的电控指令时，能够获得比传统机械底盘更快速、精准的动态响应，为后续高阶辅助驾驶及自动驾驶能力的落地提供了物理层面的执行基础。

而在辅助驾驶系统上，小鹏 GX 是基于 Robotaxi（自动驾驶出租车）标准进行研发的量产车型，未来将获得 Robotaxi 级别的智驾能力 。

该车型搭载了四颗「图灵」芯片，系统总有效算力达到全球领先的 3000 TOPS 。为满足高阶辅助驾驶对硬件的冗余要求，这四颗芯片采用了「3+1」的阵列架构，即在常规运算外预留一颗作为安全备份，以保障系统在局部故障下的稳定运行。

在功能应用上，部分处于研发前沿的智驾能力在 GX 上得到了量产落地。

如新增的「园区漫游」功能，旨在摆脱对高精地图、固定记忆路线或规则算法的过度依赖。该系统能够在无明确道路标线的封闭园区或公共停车场内，进行自主的路径规划与寻位。

而在交互上，车辆本地部署了端侧 VLM（视觉语言）大模型。与依赖云端处理的模型不同，端侧大模型可在无网络覆盖的地下车库等环境中，提供指令理解与反馈，并在数据处理上兼顾了本地隐私安全。

此外，伴随智驾系统的后续升级，小鹏 GX 规划将逐步拓展高速服务区无接管自主泊车、基于端侧 VLM 的全量语音控车以及与车外智能灯语联动等进阶功能。

小鹏 GX 的推出，在很大程度上肩负着填补品牌「真旗舰 SUV」市场空白的战略重任。

小鹏 G9 虽然名为 9 系，但全系缺失「冰箱、彩电、大沙发」等配置，零重力座椅、车载冰箱、HUD 抬头显示等统统没有，无法满足消费者更高层的家用需求。

加之，小鹏在车系间的配置管理上做得相当糟糕。

比如原本想买 G9 的人转了一圈之后发现，几乎感知不到小鹏 G9 和 G7 之间的差距，而 G7 价格更便宜，也更适合家用。

这种内部定位的模糊直接反映在了终端数据上，使得 G9 目前的月销量仅徘徊在三位数，是目前小鹏车型中最差的那个。

这种「缺乏长线畅销车、销量高度依赖新车上市初期热度」的现象，在小鹏的其他车型上亦有体现，本质上反映了小鹏无论在产品定义，还是在用户口碑上，都有不少课要补。

将目光投向外部，小鹏 GX 所面临的市场竞争环境同样极度严苛。

在过去一年中，国内大六座 SUV 赛道呈现出极其拥挤的态势，从 15 万元直至 60 万元区间，各路竞品层出不穷，且在智能化、空间利用率以及续航表现上均展现出了极强的综合实力。

在竞争已经足够拥挤的 40 万元级市场里，小鹏 GX 面对的压力本来就不小。更关键的是，作为一台冲击高端定位的车型，它在内饰豪华感和层次营造上，还没有完全撑起这个价位应有的说服力。

内外压力同时摆在面前，GX 这一仗，会比想象中更加艰难。

#欢迎关注爱范儿官方微信公众号：爱范儿（微信号：ifanr），更多精彩内容第一时间为您奉上。

2.1 声明式 vs 命令式 UI 对比

命令式 UI（UIKit）

命令式编程是一种传统的编程范式，开发者需要明确告诉计算机“如何”完成任务。在 UIKit 中，你需要：

1. 创建视图对象
2. 配置视图属性
3. 添加视图到视图层级
4. 设置布局约束
5. 手动更新视图状态

示例代码（UIKit）：

import UIKit

class ProfileViewController: UIViewController {
    private let nameLabel = UILabel()
    private let avatarImageView = UIImageView()
    
    override func viewDidLoad() {
        super.viewDidLoad()
        
        // 1. 创建视图
        view.backgroundColor = .white
        
        // 2. 配置 nameLabel
        nameLabel.text = "张三"
        nameLabel.font = UIFont.systemFont(ofSize: 18, weight: .medium)
        nameLabel.textColor = .black
        nameLabel.textAlignment = .center
        
        // 3. 配置 avatarImageView
        avatarImageView.image = UIImage(named: "avatar")
        avatarImageView.contentMode = .scaleAspectFill
        avatarImageView.layer.cornerRadius = 40
        avatarImageView.clipsToBounds = true
        
        // 4. 添加到视图层级
        view.addSubview(avatarImageView)
        view.addSubview(nameLabel)
        
        // 5. 设置约束
        avatarImageView.translatesAutoresizingMaskIntoConstraints = false
        nameLabel.translatesAutoresizingMaskIntoConstraints = false
        
        NSLayoutConstraint.activate([
            avatarImageView.centerXAnchor.constraint(equalTo: view.centerXAnchor),
            avatarImageView.topAnchor.constraint(equalTo: view.safeAreaLayoutGuide.topAnchor, constant: 100),
            avatarImageView.widthAnchor.constraint(equalToConstant: 80),
            avatarImageView.heightAnchor.constraint(equalToConstant: 80),
            
            nameLabel.topAnchor.constraint(equalTo: avatarImageView.bottomAnchor, constant: 20),
            nameLabel.centerXAnchor.constraint(equalTo: view.centerXAnchor)
        ])
    }
    
    // 6. 更新数据时需要手动刷新 UI
    func updateProfile(name: String, avatar: String) {
        nameLabel.text = name
        avatarImageView.image = UIImage(named: avatar)
    }
}

声明式 UI（SwiftUI）

声明式编程是一种现代的编程范式，开发者只需要描述“是什么”，而不需要关心“如何”实现。在 SwiftUI 中，你只需要：

1. 描述界面的结构
2. 绑定状态
3. 系统自动处理更新

示例代码（SwiftUI）：

import SwiftUI

struct ProfileView: View {
    let name: String
    let avatar: String
    
    var body: some View {
        VStack(spacing: 20) {
            // 1. 头像
            Image(avatar)
                .resizable()
                .aspectRatio(contentMode: .fill)
                .frame(width: 80, height: 80)
                .clipShape(Circle())
            
            // 2. 姓名
            Text(name)
                .font(.system(size: 18, weight: .medium))
                .foregroundStyle(.primary)
        }
        .padding()
        .frame(maxWidth: .infinity, maxHeight: .infinity)
        .background(Color(.systemBackground))
    }
}

// 使用示例
ProfileView(name: "张三", avatar: "avatar")

核心差异

维度	命令式 UI（UIKit）	声明式 UI（SwiftUI）
代码量	多（需要手动管理所有细节）	少（只描述结果）
状态同步	手动更新 UI	自动同步状态
可读性	较低（逻辑分散）	高（逻辑集中）
维护性	较低（容易遗漏更新）	高（状态驱动自动更新）
错误率	较高（手动操作容易出错）	较低（框架保证一致性）
开发效率	低（重复代码多）	高（简洁明了）

2.2 View 协议与 body 计算属性

View 协议

在 SwiftUI 中，所有的视图都必须遵循 View 协议：

public protocol View {
    associatedtype Body : View
    @ViewBuilder var body: Self.Body { get }
}

核心概念：

• associatedtype Body：关联类型，表示视图的内容类型
• body：计算属性，返回视图的内容
• @ViewBuilder：属性包装器，允许使用声明式语法组合多个视图

body 计算属性

body 是 SwiftUI 视图的核心，它是一个计算属性，每次状态变化时都会重新计算。

重要特性：

1. 计算属性：不是存储属性，每次访问都会重新计算
2. 轻量级：应该保持简洁，避免复杂计算
3. 返回类型：必须返回一个遵循 View 协议的类型
4. 自动合成：@ViewBuilder 允许使用简洁的语法组合多个视图

示例：

struct ContentView: View {
    var body: some View {
        VStack {
            Text("Hello, SwiftUI!")
            Button("Tap Me") {}
        }
    }
}

理解 some View

some View 是一个不透明类型（Opaque Type），它表示：

• 这个函数返回一个遵循 View 协议的类型
• 但具体是什么类型，不需要暴露给调用者
• 编译器可以进行更多的优化

2.3 结构体视图与值类型

视图是结构体

在 SwiftUI 中，视图是使用结构体（struct）实现的，这与 UIKit 中的类（class）不同。

结构体的优势：

1. 值类型：传递时会复制，避免引用计数问题
2. 轻量级：分配在栈内存上，创建和销毁成本低
3. 不可变：默认不可变，状态通过 @State 等包装器管理
4. 线程安全：值类型天生线程安全

结构体的生命周期

SwiftUI 视图的生命周期与结构体的实例化无关：

• 结构体可能被频繁创建和销毁
• 但底层的真实视图对象由 SwiftUI 管理
• 视图的身份（Identity）由其在视图树中的位置决定

示例：

struct CounterView: View {
    @State private var count = 0
    
    var body: some View {
        VStack {
            Text("Count: \(count)")
            Button("Increment") {
                count += 1
            }
        }
    }
}

当 count 改变时：

1. SwiftUI 检测到状态变化
2. 重新创建 CounterView 结构体实例
3. 调用 body 计算属性生成新的视图树
4. 与旧视图树对比，只更新变化的部分

2.4 修饰符（Modifier）的使用

什么是修饰符？

修饰符是 SwiftUI 中用于修改视图属性和行为的方法。它们通常以点语法链式调用。

修饰符的工作原理

修饰符不是直接修改原视图，而是返回一个新的视图，这个新视图包含了原视图和应用的修改。

示例：

Text("Hello")
    .font(.largeTitle)        // 返回一个新的 Text 视图，字体为 largeTitle
    .foregroundStyle(.blue)    // 返回一个新的视图，文本颜色为蓝色
    .padding()                // 返回一个新的视图，带有内边距

常用修饰符

布局修饰符

• padding()：添加内边距
• frame()：设置视图大小和对齐方式
• background()：设置背景
• foregroundStyle()：设置前景样式（颜色、渐变等）
• clipShape()：裁剪视图形状
• overlay()：在视图上叠加内容

排版修饰符

• font()：设置字体
• bold()：加粗文本
• italic()：斜体文本
• multilineTextAlignment()：多行文本对齐
• lineLimit()：限制文本行数

交互修饰符

• onTapGesture()：添加点击手势
• disabled()：禁用视图
• accessibility()：添加无障碍支持

动画修饰符

• animation()：添加动画
• transition()：添加转场动画

修饰符的顺序

修饰符的顺序很重要，因为每个修饰符都会作用于前一个修饰符返回的视图。

示例：

// 先设置背景，再添加内边距
Text("Hello")
    .background(Color.blue)
    .padding()

// 先添加内边距，再设置背景
Text("Hello")
    .padding()
    .background(Color.blue)

这两种写法会产生不同的效果，第一种背景只覆盖文本区域，第二种背景会覆盖整个内边距区域。

实战：创建一个信息卡片

需求分析

创建一个包含以下元素的信息卡片：

1. 标题
2. 副标题
3. 描述文本
4. 图标
5. 卡片样式（圆角、阴影）

代码实现

import SwiftUI

struct InfoCardView: View {
    // 卡片数据
    let title: String
    let subtitle: String
    let description: String
    let iconName: String
    let iconColor: Color
    
    var body: some View {
        VStack(alignment: .leading, spacing: 12) {
            // 图标和标题区域
            HStack(alignment: .center, spacing: 12) {
                // 图标
                Circle()
                    .fill(iconColor.opacity(0.1))
                    .frame(width: 48, height: 48)
                    .overlay {
                        Image(systemName: iconName)
                            .resizable()
                            .scaledToFit()
                            .frame(width: 24, height: 24)
                            .foregroundStyle(iconColor)
                    }
                
                // 标题和副标题
                VStack(alignment: .leading, spacing: 4) {
                    Text(title)
                        .font(.headline)
                        .fontWeight(.semibold)
                    Text(subtitle)
                        .font(.subheadline)
                        .foregroundStyle(.secondary)
                }
            }
            
            // 描述文本
            Text(description)
                .font(.body)
                .foregroundStyle(.primary)
                .lineLimit(nil) // 不限制行数
        }
        .padding(16) // 卡片内边距
        .background(
            RoundedRectangle(cornerRadius: 12)
                .fill(Color(.systemBackground))
                .shadow(color: .black.opacity(0.1), radius: 4, x: 0, y: 2)
        )
        .padding(.horizontal, 16) // 卡片外边距
    }
}

// 使用示例
struct ContentView: View {
    var body: some View {
        VStack(spacing: 16) {
            InfoCardView(
                title: "SwiftUI 简介",
                subtitle: "现代 UI 框架",
                description: "SwiftUI 是一个声明式 UI 框架，允许开发者使用 Swift 语言创建跨 Apple 平台的用户界面。它提供了简洁、直观的语法，使 UI 开发变得更加高效。",
                iconName: "star.fill",
                iconColor: .yellow
            )
            
            InfoCardView(
                title: "声明式编程",
                subtitle: "现代编程范式",
                description: "声明式编程让开发者只需要描述界面的样子，而不需要关心如何实现。系统会自动处理视图的创建、更新和销毁。",
                iconName: "code",
                iconColor: .blue
            )
            
            InfoCardView(
                title: "跨平台",
                subtitle: "一次编写，多处运行",
                description: "SwiftUI 支持 iOS、iPadOS、macOS、watchOS 和 tvOS，让你的代码可以在所有 Apple 平台上运行。",
                iconName: "globe",
                iconColor: .green
            )
        }
        .padding(.vertical, 16)
        .background(Color(.systemGroupedBackground))
    }
}

#Preview {
    ContentView()
}

代码解析

1. 结构体参数：通过参数传递卡片数据，使视图可复用
2. VStack 和 HStack：使用栈布局组织视图
3. Circle：创建圆形背景
4. overlay：在圆形上叠加图标
5. RoundedRectangle：创建圆角矩形背景
6. shadow：添加阴影效果
7. spacing：设置栈视图的间距
8. alignment：设置栈视图的对齐方式

小结

本章介绍了声明式 UI 的基础概念，包括：

• 声明式 vs 命令式 UI 的对比
• View 协议与 body 计算属性
• 结构体视图与值类型的特性
• 修饰符的使用方法和顺序
• 一个信息卡片的实战实现

通过本章的学习，你已经了解了 SwiftUI 的基本工作原理和核心概念，为后续的学习打下了坚实的基础。

参考资料

• SwiftUI 官方文档
• Apple Developer Documentation: View Protocol
• WWDC 2019: Introducing SwiftUI
• SwiftUI by Example

距离上一次学习SwiftUI已经过去几年的时间了，好多知识点都些忘记了，最近刚好有有一些时间就好好的在从零回顾一下吧。

---

1.1 什么是 SwiftUI？

官方定义

根据 Apple 官方文档，SwiftUI 是一个现代的声明式 UI 框架，它允许开发者使用 Swift 语言创建跨 Apple 平台的用户界面。

SwiftUI 的核心优势

1. 声明式语法：描述界面“是什么”而不是“怎么做”
2. 跨平台：一次编写，在 iOS、iPadOS、macOS、watchOS 和 tvOS 上运行
3. 实时预览：在 Xcode 中实时查看界面效果
4. 与 Swift 语言深度集成：充分利用 Swift 的类型安全和现代特性
5. 自动适配：自动处理不同尺寸设备的布局

与 UIKit 的对比

特性	SwiftUI	UIKit
编程范式	声明式	命令式
代码风格	简洁、直观	冗长、命令式
布局系统	自动布局，基于栈	Auto Layout，需要手动设置约束
状态管理	自动状态同步	手动更新 UI
跨平台	支持所有 Apple 平台	主要针对 iOS/tvOS
开发效率	高	相对较低

1.2 Xcode 开发环境配置

系统要求

• macOS：最新版本（推荐 macOS Sonoma 或更高）
• Xcode：最新版本（推荐 Xcode 15 或更高）
• Swift：Swift 5.7 或更高
• iOS：iOS 15.0 或更高（如果需要支持旧版本，最低可到 iOS 13.0）

安装 Xcode

1. 打开 App Store
2. 搜索 “Xcode”
3. 点击 “获取” 进行安装
4. 安装完成后，打开 Xcode 并同意许可协议

安装额外组件

首次打开 Xcode 时，会提示安装额外的组件，包括：

• 命令行工具
• 模拟器运行时
• 其他必要的开发工具

1.3 创建你的第一个 SwiftUI 项目

步骤 1：打开 Xcode

步骤 2：创建新项目

1. 点击 “Create a new Xcode project”
2. 选择 “iOS” 标签页
3. 选择 “App” 模板
4. 点击 “Next”

步骤 3：配置项目信息

1. Product Name：输入项目名称，例如 “SwiftUIHelloWorld”
2. Team：选择你的开发团队（如果没有，可以选择 “None”）
3. Organization Identifier：输入你的组织标识符，例如 “com.yourname”
4. Interface：选择 “SwiftUI”
5. Language：选择 “Swift”
6. Life Cycle：选择 “SwiftUI App”
7. 取消勾选 “Use Core Data”（暂时不需要）
8. 点击 “Next”

步骤 4：选择保存位置

选择一个合适的文件夹保存项目，然后点击 “Create”

步骤 5：项目结构介绍

创建完成后，你会看到以下文件结构：

• SwiftUIHelloWorldApp.swift：应用程序入口
• ContentView.swift：主视图
• Assets.xcassets：资源文件
• Info.plist：应用配置

1.4 认识 Xcode 预览功能

预览面板

Xcode 右侧的预览面板是 SwiftUI 最强大的特性之一，它允许你实时查看界面效果。

使用预览

1. 打开 ContentView.swift 文件
2. 确保右侧的预览面板可见（如果不可见，点击 Xcode 顶部的 “Editor” → “Canvas”）
3. 你会看到 ContentView 的实时预览
4. 修改代码，预览会自动更新

预览配置

你可以在预览代码中添加多个预览，例如：

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        Group {
            ContentView()
                .previewDisplayName("默认预览")
            
            ContentView()
                .previewDisplayName("暗黑模式")
                .preferredColorScheme(.dark)
            
            ContentView()
                .previewDisplayName("iPhone 15 Pro")
                .previewDevice(PreviewDevice(rawValue: "iPhone 15 Pro"))
        }
    }
}

预览快捷键

• Option + Command + P：刷新预览
• Command + K：清除构建

1.5 SwiftUI 项目结构解析

应用程序入口

SwiftUIHelloWorldApp.swift 是应用的入口点，它定义了应用的结构：

import SwiftUI

@main
struct SwiftUIHelloWorldApp: App {
    var body: some Scene {
        WindowGroup {
            ContentView()
        }
    }
}

主视图

ContentView.swift 是应用的主视图：

import SwiftUI

struct ContentView: View {
    var body: some View {
        VStack {
            Image(systemName: "globe")
                .imageScale(.large)
                .foregroundStyle(.tint)
            Text("Hello, world!")
        }
        .padding()
    }
}

#Preview {
    ContentView()
}

关键概念解析

1. @main：标记应用程序的入口点
2. App 协议：定义应用的结构
3. Scene：表示应用的一个场景
4. WindowGroup：创建应用的窗口
5. View 协议：所有 SwiftUI 视图必须遵循的协议
6. body：计算属性，返回视图的内容
7. #Preview：Xcode 15+ 的新语法，用于创建预览

资源管理

• Assets.xcassets：管理应用的图片、颜色等资源
• Info.plist：应用的配置信息，如应用名称、版本号等

实战：创建一个简单的欢迎页面

需求分析

创建一个包含以下元素的欢迎页面：

1. 应用图标
2. 应用名称
3. 欢迎标语
4. 开始按钮

代码实现

import SwiftUI

struct WelcomeView: View {
    // 状态变量，用于控制是否显示欢迎页面
    @State private var isWelcomeShown = true
    
    var body: some View {
        if isWelcomeShown {
            VStack(spacing: 20) {
                // 应用图标
                Image(systemName: "star.fill")
                    .resizable()
                    .aspectRatio(contentMode: .fit)
                    .frame(width: 100, height: 100)
                    .foregroundStyle(.yellow)
                
                // 应用名称
                Text("欢迎使用 SwiftUI")
                    .font(.largeTitle)
                    .fontWeight(.bold)
                
                // 欢迎标语
                Text("一个现代、简洁的 UI 框架")
                    .font(.subheadline)
                    .foregroundStyle(.secondary)
                
                // 开始按钮
                Button("开始探索") {
                    // 点击按钮后隐藏欢迎页面
                    isWelcomeShown = false
                }
                .buttonStyle(.borderedProminent)
                .tint(.blue)
            }
            .padding()
            .frame(maxWidth: .infinity, maxHeight: .infinity)
            .background(
                LinearGradient(
                    colors: [.blue.opacity(0.1), .purple.opacity(0.1)],
                    startPoint: .top,
                    endPoint: .bottom
                )
            )
        } else {
            // 主内容页面
            VStack {
                Text("探索 SwiftUI 的世界！")
                    .font(.title)
                Text("这里是你的应用主界面")
                    .foregroundStyle(.secondary)
            }
            .padding()
        }
    }
}

#Preview {
    WelcomeView()
}

代码解析

1. @State：用于创建视图的本地状态
2. VStack：垂直堆叠视图
3. Image：显示图片，使用系统图标
4. Text：显示文本
5. Button：创建按钮，带有点击动作
6. LinearGradient：创建线性渐变背景
7. 条件渲染：使用 if-else 控制显示不同的内容

小结

本章介绍了 SwiftUI 的基本概念和开发环境搭建，包括：

• SwiftUI 的核心优势和与 UIKit 的对比
• Xcode 的安装和配置
• 创建第一个 SwiftUI 项目的步骤
• Xcode 预览功能的使用
• SwiftUI 项目的基本结构
• 一个简单欢迎页面的实现

通过本章的学习，你已经了解了 SwiftUI 的基本概念和开发环境，为后续的学习打下了基础。

参考资料

• SwiftUI 官方文档
• Apple Developer Documentation
• WWDC 2023: What's new in SwiftUI

大公司：

Snap宣布将裁员约1000人

4月15日，社交媒体公司Snap宣布一系列调整，这些调整将影响Snap约1000名团队成员，包括16%的全职员工，此外，公司还将关闭300多个空缺职位。通过调整，公司预计到2026年下半年，年度成本将减少超过5亿美元。Snap表示，对即将离职的美国团队成员，公司将提供四个月的遣散费、医疗保险和股权激励，以及职业转型支持。在美国以外地区，公司将遵循当地流程，并努力提供符合当地规范的同等支持。

英特尔据悉将在未来几周向员工披露参与马斯克Terafab项目的细节

根据英特尔(CEO陈立武上周发出的一份备忘录，该公司计划在“未来几周”向员工披露其参与埃隆·马斯克雄心勃勃的“Terafab”芯片制造项目的“范围和性质”。陈立武上周五向英特尔员工发送了这份备忘录，此前两天，这家半导体巨头宣布与马斯克的公司——SpaceX、xAI 和特斯拉——共同参与Terafab项目，这对于正在经历最新转型尝试的英特尔来说，可能是一个福音。

特斯拉高管称上海工厂将为擎天柱机器人量产提供“金钥匙”

特斯拉中国区总经理王昊表示，特斯拉最大的生产基地——上海超级工厂未来有潜力生产人形机器人。该工厂的高效生产和创新能力被视为推动CEO埃隆·马斯克快速实现该技术商业化的关键因素。王昊在周二的一次发布会上表示，CEO马斯克曾指出，大规模生产是制造人形机器人的一个关键挑战。他认为上海制造部门是“解决这一挑战的金钥匙”，但没有具体说明运营将如何支持公司的机器人业务。

字节启动新一轮期权回购

字节发布内部邮件，启动最新一轮期权回购。其中：在职员工：229.5美元/股（约人民币1588元）离职员工：201.96美元/股（约人民币1397元）。字节上一轮回购期权时间是2025年10月，此次在职员工的回购价对比上一轮提升约14.5%。在2025年10月的回购中，在职员工回购价200.41美元，离职员工180.37美元。

广电总局发布微短剧精品创作传播计划

15日在成都开幕的第13届中国网络视听大会上，国家广播电视总局发布微短剧精品创作传播计划，并启动“长征：我们的故事”主题微短剧创作展播活动。广电总局相关负责人表示，我国微短剧已由粗放式增长进入到繁荣发展的关键阶段，正处于迈向精品化、数智化、产业化、国际化的战略机遇期。广电总局牵头构建“总局引领、省局支持、平台激励”的创作引导体系，启动微短剧精品创作传播计划，推动微短剧高质量发展。

哈啰回应超量投放共享单车被行政处罚

4月15日，针对哈啰违规超量投放共享单车被立案调查和约谈处罚一事，哈啰公司方面回应称，哈啰骑行北京分公司在新车置换与跨区域调度中，运力调度及响应效率上存在管理短板，未能将工作做实做细。对此，哈啰表示已启动全面整改：连夜增派运维力量，恢复重点区域的停放秩序，同时启动内部管理机制的调整优化。哈啰称，接受北京市主管部门的约谈与指导，并以此次整改为契机，深耕精细化运营，向主管部门及社会公众汇报进度。

苹果提高印度iPhone产量，塔塔集团组装份额应能达到10-15%

根据Counterpoint的数据，印度在全球组装业务中的份额从2022年的5.8%上升至2025年的22.2%。到2026年，这一份额将达到25-30%，到2027年将达到30-35%。鸿海仍是印度最大的组装商，其次是塔塔集团，该集团于2023年收购了纬创资通的工厂，并于2024年收购了和硕在当地工厂60%的股份。未来两年，塔塔集团的iPhone组装份额应能达到10-15%。

抖音集团将投入5亿专项资金扶持真人短剧

4月15日，2026年第十三届中国网络视听大会上，抖音集团宣布将投入5亿元专项资金扶持真人短剧内容创新与现实题材深耕。红果短剧总编辑乐力表示，真人短剧是行业高质量发展的“进行时”与“未来时”。只有各方积极引导扶持真人创作，才能让短剧行业行稳致远。

新产品：

千问AI眼镜S1宣布正式开售

36氪获悉，4月15日，千问AI眼镜S1宣布正式开售，最低到手价为3499元。该产品支持屏幕显示、1200万像素摄像头、热插拔换电池，并为全天候AI服务在整机层面进行了系统性重。

投融资：

“达美盛（DMS）”完成新一轮过亿元股权融资

36氪获悉，近日，工业智能化解决方案提供商“达美盛（DMS）”宣布完成了新一轮过亿元股权融资。本轮融资由天津智汇基金领投，中集资本、北洋海棠基金、中控技术等多家机构跟投。融资资金将主要用于工业智能体平台等核心技术研发、市场拓展以及生态建设。

苹果CEO库克斥资106万美元增持耐克

当地时间4月14日，耐克提交至美国证券交易委员会（SEC）的文件显示，苹果首席执行官蒂姆·库克于4月10日以42.43美元每股价格买入25,000股耐克股票，斥资约106万美元。

今日观点：

马斯克：特斯拉AI5芯片成功流片，将成为产量最高AI芯片之一

特斯拉首席执行官埃隆·马斯克4月15日宣布，特斯拉AI芯片设计团队已成功完成AI5芯片的流片。他同时透露，性能更强大的AI6、Dojo3以及其他多款芯片也正在研发中。马斯克表示，感谢合作伙伴台积电和三星在芯片量产过程中的支持，“AI5芯片未来将成为全球产量最大的AI芯片之一”。

其他值得关注的新闻：

李成钢会见美国福特汽车公司全球执行副总裁兼首席政务官柯立

4月13日，商务部国际贸易谈判代表兼副部长李成钢在京会见美国福特汽车公司全球执行副总裁兼首席政务官柯立。双方就中美经贸关系、福特公司在华发展等进行了交流。

36氪获悉，科大讯飞在广州举办AstronClaw升级发布会，推出全新软硬一体智能体矩阵。硬件端，讯飞办公本、AI眼镜、Guide01机器人全面接入Claw能力，WallEX、NOVA智能空间产品同步亮相。软件与生态层面，Loomy新增Buddy分身协作功能，招采Claw、陪练Skill等垂直场景应用全新升级，并发布企业级开源技能仓库SkillHub，构建覆盖个人办公、企业服务、家庭生活的全场景智能体生态。

36氪获悉，热门中概股美股盘前多数下跌，截至发稿，理想汽车、小鹏集团跌超2%，哔哩哔哩、京东、爱奇艺、百度、蔚来跌超1%；老虎证券涨1%，阿里巴巴涨0.76%，拼多多涨0.09%。

4月15日，黑芝麻智能宣布，东风天元智舱Plus舱驾一体量产化平台搭载其武当C1296芯片，双方达成平台级合作。作为首个本土舱驾一体量产化平台，天元智舱Plus以单芯片同时支持智能座舱、L2+行车辅助及FAPA泊车功能，将率先搭载于东风集团旗下标杆车型东风奕派007，未来有望搭载东风全系车型，并计划2026年内至2027年持续量产。

36氪获悉，美股大型科技股盘前涨跌不一，截至发稿，微软涨超1%，特斯拉涨0.76%，Meta涨0.48%，奈飞涨0.18%，亚马逊涨0.06%；英伟达跌0.56%，英特尔跌0.49%，谷歌跌0.26%，苹果跌0.17%。

据农业农村部监测，4月份第二周全国生猪价格继续走低，已经连续10周下降，处于七年来的低点。农业农村部数据显示，4月份第二周全国生猪价格为每公斤10.03元，环比下降3.6%，同比下降33.7%。记者了解到，由于价格连创新低，生猪养殖已经处于亏损当中，部分养殖户开始淘汰产能。中国农业科学院农业经济与发展研究所研究员王祖力表示，短期来看，猪价仍处在一个“磨底期”。养殖场户每出栏一头商品猪，头均亏损超过300元。（央视财经）

在今日举行的宁德时代一季度业绩说明会上，公司管理层表示，动力和储能订单排产饱和，前期扩产起到成效， 但是完全释放产能还需要时间。目前公司产能利用率整体比较高，大概在八到九成的区间，二季度预计也维持在这个水平线之上。（财联社）

36氪获悉，美格智能公告，公司与江苏省南通市北高新技术产业开发区管理委员会4月15日签署了《美格智能AI研发及先进制造产业项目合作协议书》，公司或公司全资子公司拟在南通市北高新技术产业开发区购置约46亩工业用地，建立研发中心及先进工艺中试、制造基地，投资建设美格智能AI研发及先进制造产业项目，预计项目总投资金额3亿元。

美国劳工统计局4月15日发布数据显示，美国3月进口价格环比上涨0.8%；出口价格环比上涨1.6%。（界面）

量化交易巨头简街（Jane Street）与CoreWeave签署60亿美元AI云计算协议。CoreWeave表示，将向Jane Street提供包括英伟达VERA RUBIN在内的下一代计算资源访问权限。（财联社）

美国财长贝森特表示，对美国的肥料价格即将下跌充满信心。美国的核心通胀呈下降趋势，汽油价格将很快开始下降，加油站要在价格方面扮演良好角色。最终，美联储会进一步降息。（财联社）

36氪获悉，4月15日，特海国际发布公告称，杨利娟已辞任公司执行董事兼CEO，并将加入海底捞国际控股有限公司，统筹推动“红石榴计划”实施。公开资料显示，海底捞于2024年8月启动“红石榴计划”，截至2025年底已推出20个餐饮品牌，共计207家餐厅。

4月15日消息，据报道，英国广播公司（BBC）计划在其各个部门裁员多达2000人，BBC员工预计将在当天下午的全体员工会议上被告知，大约十分之一的员工可能面临失业。BBC在英国各地拥有约21508名员工。此次裁员是BBC今年2月宣布的一项计划的一部分，该计划旨在应对“巨大的财务压力”，在未来三年内削减约10%的成本，相当于约5亿英镑。（界面）

36氪获悉，宁德时代公告，为进一步向上游关键原材料领域实施延伸，构建产业链一体化竞争优势，公司拟设立时代资源集团（厦门）有限公司（暂定名）作为公司新能源矿产领域的专业投资运营与管理平台。该平台将围绕公司电池产业布局及需求，整合现有矿业相关资产，积极拓展海内外优质矿产资源项目，保障主营业务原材料供应与产业链安全。时代资源集团拟定注册资本人民币300亿元，公司拟以货币及股权方式出资，其中现金部分为自有及自筹资金，股权部分为公司持有的相关下属控股子公司及参股公司股权。

36氪获悉，宁德时代发布一季度报告，一季度实现营收1291.31亿元，同比增长52.45%；归属于上市公司股东的净利润207.38亿元，同比增长48.52%。

海南矿业在2025年年报及业绩会中披露马里布谷尼锂矿资源量大增1547万吨，标注符合JORC准则，却遭项目另一股东科达尔矿业反驳，称数据仅为内部估算，未经独立审计与合规验证。海南矿业回应不存在该问题，已与对方沟通，后续将尽量同步披露信息。此外，KMUK启动对马里政府1500万美元赔偿索赔的仲裁程序。（每经网）