parent
6988a8f429
commit
17983a43d4
@ -0,0 +1,48 @@
|
||||
//
|
||||
// CustomSwitchButton.swift
|
||||
// DouShouQi_App
|
||||
//
|
||||
// Created by etudiant on 27/05/2024.
|
||||
//
|
||||
|
||||
import SwiftUI
|
||||
|
||||
struct CustomSwitchButton: View {
|
||||
|
||||
// Boolean
|
||||
@Binding var IsOn: Bool
|
||||
|
||||
// Image when Off
|
||||
var imgNameIsOff: String
|
||||
var imgIsOffWidth: CGFloat = 50
|
||||
var imgIsOffHeight: CGFloat = 50
|
||||
|
||||
// Image when Off
|
||||
var imgNameIsOn: String
|
||||
var imgIsOnWidth: CGFloat = 50
|
||||
var imgIsOnHeight: CGFloat = 50
|
||||
|
||||
var body: some View {
|
||||
HStack {
|
||||
Image(imgNameIsOff)
|
||||
.resizable()
|
||||
.aspectRatio(contentMode: .fit)
|
||||
.frame(width: imgIsOffWidth, height: imgIsOffHeight)
|
||||
|
||||
Toggle("isOn", isOn: $IsOn)
|
||||
.labelsHidden()
|
||||
|
||||
Image(imgNameIsOn)
|
||||
.resizable()
|
||||
.aspectRatio(contentMode: .fit)
|
||||
.frame(width: imgIsOnWidth, height: imgIsOnHeight)
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
struct CustomSwitchButton_Previews: PreviewProvider {
|
||||
static var previews: some View {
|
||||
@State var isOn: Bool = false
|
||||
CustomSwitchButton(IsOn: $isOn, imgNameIsOff: AppImages.TitleImage, imgNameIsOn: AppImages.TitleImage)
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,71 @@
|
||||
//
|
||||
// SettingsView.swift
|
||||
// DouShouQi_App
|
||||
//
|
||||
// Created by etudiant on 27/05/2024.
|
||||
//
|
||||
|
||||
import SwiftUI
|
||||
|
||||
extension String : Identifiable {
|
||||
public var id: Self { return self }
|
||||
}
|
||||
|
||||
struct SettingsView: View {
|
||||
|
||||
@State private var theme = false
|
||||
@State private var choice = "English"
|
||||
@State private var sound = false
|
||||
|
||||
var body: some View {
|
||||
VStack {
|
||||
TitlePageFrame(Text: "Settings")
|
||||
|
||||
VStack {
|
||||
Divider()
|
||||
|
||||
HStack {
|
||||
Text("Theme")
|
||||
.font(.headline)
|
||||
|
||||
Spacer()
|
||||
|
||||
CustomSwitchButton(IsOn: $theme, imgNameIsOff: AppImages.TitleImage, imgNameIsOn: AppImages.TitleImage)
|
||||
}
|
||||
|
||||
Divider()
|
||||
|
||||
HStack {
|
||||
Text("Language")
|
||||
.font(.headline)
|
||||
|
||||
Spacer()
|
||||
|
||||
Picker("Sort", selection: $choice) {
|
||||
ForEach(["English", "Français", "Español"]) {
|
||||
Text($0)
|
||||
}
|
||||
}
|
||||
.pickerStyle(.menu)
|
||||
}
|
||||
|
||||
Divider()
|
||||
|
||||
VStack(alignment: .leading) {
|
||||
Toggle("Sound", isOn: $sound)
|
||||
.toggleStyle(.switch)
|
||||
.font(.headline)
|
||||
}
|
||||
|
||||
Divider()
|
||||
}
|
||||
.padding(20)
|
||||
|
||||
Spacer()
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#Preview {
|
||||
SettingsView()
|
||||
}
|
||||
Loading…
Reference in new issue