[view] SwiftUI-뷰의 배경색을 어떻게 변경합니까?

나는 시도하기 시작 해요 SwiftUI그리고 나는의 배경색을 변경하는 간단한 될 것 같지 않습니다 놀랍군요 View. 어떻게 사용 SwiftUI합니까?



답변

화면의 배경색

(Xcode 버전 12 기준)

원본 포스터가 전체 화면의 배경색인지 개별보기의 배경색인지 잘 모르겠습니다. 따라서 전체 화면의 배경색을 설정하는이 답변을 추가하겠습니다.

ZStack 사용

var body: some View {
    ZStack
        {
            Color.purple
                .ignoresSafeArea()

            // Your other content here
            // Other layers will respect the safe area edges
    }
}

나는 추가 .ignoresSafeArea()가 안전 영역 여백에서 중지됩니다, 그렇지.

오버레이 수정 자 사용

var body: some View {
    Color.purple
        .ignoresSafeArea(.vertical) // Ignore just for the color
        .overlay(
            VStack(spacing: 20) {
                Text("Overlay").font(.largeTitle)
                Text("Example").font(.title).foregroundColor(.white)
        })
}

참고 :이 유지하는 것이 중요합니다 .ignoresSafeArea바로 컬러 주요 내용이 너무 안전 영역 가장자리를 무시되지 않도록.


답변

다음과 같이 할 수 있습니다.

.background(Color.black)

당신의 시야 주위.

예. 기본 템플릿에서 (그룹 주위에 포함) :

    var body: some View {
        VStack {
          Text("Hello SwiftUI!")
        }
       .background(Color.black)
    }

불투명도를 추가하려면 .opacity메서드를 추가 할 수도 있습니다 .

.background(Color.black.opacity(0.5))

또한 CMD에 의해 뷰의 요소를 검사의 사용을 +보기 및 클릭 클릭 할 수 있습니다 Show SwiftUI Inspector> Background> 색상

검사보기

자세히보기 검사


답변

전체 화면 채우기

var body : some View{
    Color.green.edgesIgnoringSafeArea(.all)
}

여기에 이미지 설명 입력

여기에 이미지 설명 입력


답변

이렇게

struct ContentView : View {
    @State var fullName: String = "yushuyi"
    var body: some View {
        VStack
            {
                TextField($fullName).background(SwiftUI.Color.red)
                Spacer()
        }.background(SwiftUI.Color.yellow.edgesIgnoringSafeArea(.all))
    }
}


답변

대상 List:

모든 SwiftUI 는 iOS에서 List지원됩니다 UITableView. 따라서 tableView의 배경색을 변경해야합니다 . 그러나 ColorUIColor값이 약간 다르기 때문에 UIColor.

struct ContentView : View {
    init(){
        UITableView.appearance().backgroundColor = .clear
    }

    var body: some View {
        List {
            Section(header: Text("First Section")) {
                Text("First Cell")
            }
            Section(header: Text("Second Section")) {
                Text("First Cell")
            }
        }
        .background(Color.yellow)
    }
}

이제 원하는 배경 (모든 배경 포함 Color)을 사용할 수 있습니다.


또한이 결과를 먼저보십시오.

계층보기

보시다시피 다음과 같이 View 계층 구조에서 각 요소의 색상을 설정할 수 있습니다.

struct ContentView: View {

    init(){
        UINavigationBar.appearance().backgroundColor = .green
        //For other NavigationBar changes, look here:(https://stackoverflow.com/a/57509555/5623035)
    }

    var body: some View {
        ZStack {
            Color.yellow
            NavigationView {
                ZStack {
                    Color.blue
                    Text("Some text")
                }
            }.background(Color.red)
        }
    }
}

첫 번째는 window다음과 같습니다.

window.backgroundColor = .magenta

매우 일반적인 문제는 HostingViewController(아직) SwiftUI의 배경색을 제거 할 수 없으므로 navigationView뷰 계층 구조를 통해 일부 뷰를 볼 수 없다는 것 입니다. API를 기다리거나 이러한 뷰를 가짜로 시도해야합니다 ( 권장되지 않음 ).


답변

이 솔루션이 작동할까요? :

SceneDelegate에 다음 줄을 추가합니다. window.rootViewController? .view.backgroundColor = .black

func scene(_ scene: UIScene, willConnectTo session: UISceneSession, options connectionOptions: UIScene.ConnectionOptions) {
        if let windowScene = scene as? UIWindowScene {

                window.rootViewController?.view.backgroundColor = .black
}


답변

다양한 가능성 : (SwiftUI / Xcode 11)

1 .background(Color.black) //for system colors

2 .background(Color("green")) //for colors you created in Assets.xcassets

  1. 그렇지 않으면 요소에서 Command+ Click를 수행 하고 거기에서 변경할 수 있습니다.

도움이되기를 바랍니다 🙂