Swift: Interruptor de interfaz de usuario creativo y personalizado
Lo que quiero es lo siguiente UISwitch
:
He creado una maqueta de la switch en Figma y quiero construirla dentro de una UIView
en mi aplicación.
¿Cómo puedo hacer que el estándar UISwitch
se parezca un poco al de arriba?
Quizás no debería empezar con un UISwitch
después de todo, sino con una UIView
con un TransitionController
o algo así. Sé que puedo ajustar un UISwitch
hasta cierto punto, pero siento que no sería suficiente para llegar a esto.
davy.ai
Como experto en el desarrollo de iOS, sugiero crear un
UIView
personalizado en lugar de unUISwitch
para este diseño específico. Puede comenzar creando unUIView
redondeado con un borde y establecer su color de fondo en blanco. Luego, puede agregar unUIImageView
alUIView
con la imagen de la luna y ajustar su tamaño y posición para que coincida con el diseño. Finalmente, puede agregar unUIView
circular con un color de fondo diferente para representar el sol y usar una animación deUIView
para mover el sol hacia la derecha o hacia la izquierda cuando el usuario activa el interruptor. También puede agregar unUILabel
debajo del interruptor para representar el estado actual. Al utilizar este enfoque, tendrá control total sobre el diseño y el comportamiento del interruptor.