나는 시도하기 시작 해요 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의 배경색을 변경해야합니다 . 그러나 Color
및 UIColor
값이 약간 다르기 때문에 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
- 그렇지 않으면 요소에서 Command+ Click를 수행 하고 거기에서 변경할 수 있습니다.
도움이되기를 바랍니다 🙂