时间戳

首页 > 解决方案 > 使用 SwiftUI 在 macOS 中设置 SidebarView 的宽度

macos - 使用 SwiftUI 在 macOS 中设置 SidebarView 的宽度

问题描述

我正在使用 NavigationView 在 Mac 应用程序的窗口中显示 SidebarView 和 DetailView：

import SwiftUI

private let fruits = [" Apple", " Coconut", " Mango", " Kiwi"]

struct SidebarView: View {

    @Binding var selectedFruit: String?

    var body: some View {
        List(fruits, id: \.self, selection: $selectedFruit) { fruit in
            Text("\(fruit)")
        }
        .listStyle(SidebarListStyle())
        .frame(minWidth: 180, idealWidth: 200, maxWidth: 300)
    }
}

struct DetailView: View {

    @Binding var fruit: String?

    var body: some View {
        Text("\(fruit ?? "Default Fruit")")
            .font(.headline)
            .frame(maxWidth: .infinity, maxHeight: .infinity)
    }
}

struct ContentView: View {

    @State private var selectedFruit: String?

    var body: some View {
        NavigationView {
            SidebarView(selectedFruit: $selectedFruit)
            DetailView(fruit: $selectedFruit)
        }
        .frame(width: 500, height: 400)
    }
}


struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}

SidebarView 的宽度可以通过在窗口中向左或向右拖动中心分隔线来调整。我想为侧边栏定义200的初始宽度以及180的最小宽度和300的最大宽度。我通过设置确实设置最大宽度但侧边栏仍然可以彻底崩溃。此外，侧边栏的初始宽度似乎由minWidthnot定义idealWidth。

标签： macosswiftui

解决方案

对于发现这个并想知道如何在 macOS 中设置侧边栏的 maxWidth 的任何人，你真的不知道。如果这样做，视图将停止增长，然后被夹在边栏的中间，边栏将继续扩大。

我花了一分钟才弄清楚这一点，但你要做的是设置另一个视图的 minWidth，即详细视图。并且侧边栏会增长直到它不能增长。您会注意到，即使是 Finder 的侧边栏也会不断增长，直到达到细节的 minWidth，可以这么说。

推荐阅读