SwiftUI macOS 轻松搭建现代感左右两栏App(教程含源码)

最新推荐文章于 2025-04-13 16:20:23 发布

知识大胖

最新推荐文章于 2025-04-13 16:20:23 发布

阅读量1.8k

点赞数

分类专栏： SwiftUI macOS开发

本文链接：https://blog.csdn.net/iCloudEnd/article/details/107183888

版权

SwiftUI macOS开发专栏收录该内容

321 篇文章 ¥99.90 ¥299.90

订阅专栏

超级会员免费看

本文提供了一个SwiftUI教程，指导读者如何在macOS平台上轻松创建具有现代感的左右两栏应用。您将学习到如何搭建基础框架、设置工具栏和列表栏，以及打造现代化的头像组件。文章附带源码，帮助读者实践操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

本文价值与收获

看完本文后，您将能够作出下面的界面

左右两栏App

看完本文您将掌握的技能

搭建两栏基础框架
设置工具栏
设置列表栏
现代化头像

代码

import SwiftUI
// 1、主界面
struct ContentView: View {
    @State var selection: Set<Int> = [0]
    
    var body: some View {
        //2.左侧Siderbar
        NavigationView {
            List(selection: self.$selection) {
                Label("所有未读", systemImage: "line.horizontal.3")
                Label("主题", systemImage: "text.bubble")
                Label("提醒", systemImage: "at")

了解本专栏