ಖಚಿತವಾಗಿ, ಸ್ವಿಫ್ಟ್ನಲ್ಲಿ ಸ್ವಿಫ್ಟ್ಯುಐ ಸ್ವಿಚ್ನ ಗಾತ್ರವನ್ನು ನೀವು ಹೇಗೆ ಬದಲಾಯಿಸಬಹುದು ಎಂಬುದರ ವಿವರವಾದ ಅವಲೋಕನ ಇಲ್ಲಿದೆ.
ಸ್ವಿಫ್ಟ್ಯುಐ ಎಲ್ಲಾ ಆಪಲ್ ಪ್ಲಾಟ್ಫಾರ್ಮ್ಗಳಲ್ಲಿ ಸ್ವಿಫ್ಟ್ನ ಶಕ್ತಿಯೊಂದಿಗೆ ಬಳಕೆದಾರ ಇಂಟರ್ಫೇಸ್ಗಳನ್ನು ನಿರ್ಮಿಸಲು ಆಪಲ್ನ ಚೌಕಟ್ಟಾಗಿದೆ. ಕೆಲವೊಮ್ಮೆ, ಸ್ವಿಚ್ನಂತಹ ನಿರ್ದಿಷ್ಟ UI ಘಟಕಗಳ ಗಾತ್ರವನ್ನು ಹೊಂದಿಸುವ ಅಗತ್ಯವನ್ನು ಡೆವಲಪರ್ಗಳು ಎದುರಿಸಬಹುದು. ಪೂರ್ವನಿಯೋಜಿತವಾಗಿ, ಸ್ವಿಫ್ಟ್ಯುಐ ನೇರವಾಗಿ ಸ್ವಿಚ್ನ ಗಾತ್ರವನ್ನು ಬದಲಾಯಿಸಲು ಅನುಮತಿಸುವುದಿಲ್ಲ, ಆದರೆ ಇದನ್ನು ಸಾಧಿಸಲು ನಾವು ಕೆಲವು ಪರಿಹಾರೋಪಾಯಗಳನ್ನು ಬಳಸಬಹುದು.
ಸಮಸ್ಯೆಯ ಪರಿಹಾರಕ್ಕೆ ಧುಮುಕೋಣ.
SwiftUI ನಲ್ಲಿ ಕಸ್ಟಮ್ ಸ್ವಿಚ್ ಅನ್ನು ರಚಿಸಲಾಗುತ್ತಿದೆ
SwiftUI ನಲ್ಲಿ ಸ್ವಿಚ್ನ ಗಾತ್ರವನ್ನು ಸರಿಹೊಂದಿಸಲು, ಕಸ್ಟಮ್ ಸ್ವಿಚ್ ಅನ್ನು ರಚಿಸುವುದು ಒಂದು ವಿಧಾನವಾಗಿದೆ. ಸ್ವಿಚ್ನ ನೋಟ ಮತ್ತು ಗಾತ್ರದ ಮೇಲೆ ಸಂಪೂರ್ಣ ನಿಯಂತ್ರಣವನ್ನು ಹೊಂದಲು ಇದು ನಿಮ್ಮನ್ನು ಅನುಮತಿಸುತ್ತದೆ.
ಕಸ್ಟಮ್ ಸ್ವಿಚ್ ಅನ್ನು ರಚಿಸುವ ಕೋಡ್ನ ಉದಾಹರಣೆ ಇಲ್ಲಿದೆ:
struct CustomSwitch: View { @Binding var isOn: Bool var body: some View { Button(action: { self.isOn.toggle() }) { Rectangle() .fill(self.isOn ? Color.green : Color.gray) .frame(width: 50, height: 30) .overlay(Circle() .fill(Color.white) .offset(x: self.isOn ? 10 : -10), alignment: self.isOn ? .trailing : .leading) .cornerRadius(15) .animation(.spring()) } } }
ಕಸ್ಟಮ್ ಸ್ವಿಚ್ ಕೋಡ್ ಅನ್ನು ಅರ್ಥಮಾಡಿಕೊಳ್ಳುವುದು
ಈ ಕೋಡ್ ಏನು ಮಾಡುತ್ತದೆ ಎಂಬುದನ್ನು ವಿಭಜಿಸೋಣ:
- ಕಸ್ಟಮ್ ಸ್ವಿಚ್ ರಚನೆ: ಇದು ನಮ್ಮ ಕಸ್ಟಮ್ ಸ್ವಿಫ್ಟ್ಯುಐ ವೀಕ್ಷಣೆಯನ್ನು ವ್ಯಾಖ್ಯಾನಿಸುತ್ತದೆ. ಇದು ಬೂಲಿಯನ್ ಮೌಲ್ಯಕ್ಕೆ ಬೈಂಡಿಂಗ್ ಅನ್ನು ಹೊಂದಿದೆ - ಸ್ವಿಚ್ಗಾಗಿ ಸ್ಥಿತಿ.
- ಬಟನ್ ಕ್ರಿಯೆ: ಈ ಸ್ವಿಫ್ಟ್ ಕೋಡ್ ಬ್ಲಾಕ್ ಬಟನ್ ಅನ್ನು ಒತ್ತಿದಾಗ ವರ್ತನೆಯನ್ನು ನಿರ್ದಿಷ್ಟಪಡಿಸುತ್ತದೆ. ಇಲ್ಲಿ, ಸರಳವಾಗಿ "isOn" ಸ್ಥಿತಿಯನ್ನು ಟಾಗಲ್ ಮಾಡಿ.
- ಆಯಾತ: SwiftUI ನ ಆಯತ ರಚನೆಯ ಒಂದು ನಿದರ್ಶನ, ಆಕಾರದ ಗುಣಲಕ್ಷಣಗಳನ್ನು ವ್ಯಾಖ್ಯಾನಿಸುತ್ತದೆ.
- ಬಣ್ಣ ತುಂಬಿ: ಆಯತದ ಬಣ್ಣವು "isOn" ಸರಿ ಅಥವಾ ತಪ್ಪು ಎಂಬುದನ್ನು ಅವಲಂಬಿಸಿರುತ್ತದೆ.
- ಫ್ರೇಮ್: ಇಲ್ಲಿರುವ ಫ್ರೇಮ್ ಮಾರ್ಪಾಡು ಕಸ್ಟಮ್ ಸ್ವಿಚ್ನ ಅಗಲ ಮತ್ತು ಎತ್ತರವನ್ನು ಹೇಳುತ್ತಿದೆ.
- ಒವರ್ಲೆ: ಓವರ್ಲೇ ಮಾರ್ಪಾಡು ಅಸ್ತಿತ್ವದಲ್ಲಿರುವ ಒಂದರ ಮೇಲೆ ಮತ್ತೊಂದು SwiftUI ವೀಕ್ಷಣೆಯನ್ನು ಲೇಯರ್ ಮಾಡಲು ನಿಮಗೆ ಅನುಮತಿಸುತ್ತದೆ - ಇಲ್ಲಿ, ಸ್ವಿಚ್ ನಾಬ್ನಂತೆ ಕಾರ್ಯನಿರ್ವಹಿಸುವ ಬಿಳಿ ವೃತ್ತ.
- ಆಫ್ಸೆಟ್: ಸ್ವಿಚ್ ಟಾಗಲ್ ಆಗುತ್ತಿದೆ ಎಂಬ ಭ್ರಮೆಯನ್ನು ನೀಡುವ ಮೂಲಕ "isOn" ಸರಿ ಅಥವಾ ತಪ್ಪು ಎಂಬುದನ್ನು ಅವಲಂಬಿಸಿ ವೃತ್ತವನ್ನು ಸರಿಸಲು ಆಫ್ಸೆಟ್ ಪರಿವರ್ತಕವನ್ನು ಇಲ್ಲಿ ಬಳಸಲಾಗುತ್ತದೆ.
- ಮೂಲೆಯ ತ್ರಿಜ್ಯ: ಇದು ಆಧಾರವಾಗಿರುವ ಆಯತದ ಮೂಲೆಗಳಿಗೆ ಪೂರ್ಣಾಂಕವನ್ನು ಅನ್ವಯಿಸುತ್ತದೆ.
- ಅನಿಮೇಷನ್: ಅನಿಮೇಷನ್ ಪರಿವರ್ತಕವು ಸಂಪೂರ್ಣ ಬಟನ್ಗೆ ಸ್ಪ್ರಿಂಗ್() ಅನಿಮೇಶನ್ ಅನ್ನು ಅನ್ವಯಿಸುತ್ತದೆ - ಆದ್ದರಿಂದ ನೀವು ಬದಲಾಯಿಸಿದಾಗ, ಅದು ಸರಾಗವಾಗಿ ಟಾಗಲ್ ಆಗುತ್ತದೆ.
ಅಪ್ ಸುತ್ತುವುದನ್ನು
ನಿರ್ದಿಷ್ಟ ಅಪ್ಲಿಕೇಶನ್ ಅಗತ್ಯಗಳಿಗೆ ಹೊಂದಿಸಲು ಬಳಕೆದಾರ ಇಂಟರ್ಫೇಸ್ ಅನ್ನು ಹೊಂದಿಸುವಾಗ ಸ್ವಿಫ್ಟ್ಯುಐ ಸ್ವಿಚ್ನ ಗಾತ್ರವನ್ನು ಕಸ್ಟಮೈಸ್ ಮಾಡುವ ಸಾಮರ್ಥ್ಯವನ್ನು ಹೊಂದಿರುವುದು ಒಂದು ಪ್ರಯೋಜನವಾಗಿದೆ. ಕಸ್ಟಮ್ ಸ್ವಿಚ್ ರಚಿಸುವ ಮೂಲಕ ಇದನ್ನು ಸಾಧಿಸಲು ನಾವು ಒಂದು ವಿಧಾನವನ್ನು ಕಲಿತಿದ್ದೇವೆ. ಹ್ಯಾಪಿ ಕೋಡಿಂಗ್!
ನೆನಪಿಡಿ: SwiftUI ಸಾಕಷ್ಟು ಹೊಂದಿಕೊಳ್ಳುವ ಮತ್ತು ಗ್ರಾಹಕೀಯಗೊಳಿಸಬಹುದಾಗಿದೆ. ನಿಮ್ಮ ಪ್ರಾಜೆಕ್ಟ್ ಮತ್ತು ವಿನ್ಯಾಸ ಅಗತ್ಯಗಳಿಗೆ ಉತ್ತಮವಾಗಿ ಹೊಂದಿಕೊಳ್ಳಲು ಮೇಲಿನ ಕೋಡ್ನಲ್ಲಿನ ಮೌಲ್ಯಗಳು ಮತ್ತು ಗುಣಲಕ್ಷಣಗಳನ್ನು ಸರಿಹೊಂದಿಸಲು ಹಿಂಜರಿಯಬೇಡಿ. ನೀವು ಯಾವುದೇ ಇತರ UI ಘಟಕಗಳ ಗಾತ್ರವನ್ನು ಬದಲಾಯಿಸಬೇಕಾದರೆ, ಕಸ್ಟಮ್ ರಚನೆ ವಿಧಾನವನ್ನು ಬಹುಮಟ್ಟಿಗೆ ಅದೇ ರೀತಿಯಲ್ಲಿ ಅನ್ವಯಿಸಬಹುದು.