ios - tamaño - teclado iphone 7
¿Cómo replico el aspecto del teclado de iOS? (1)
He creado un teclado de teclado numérico personalizado para mi aplicación de iOS, pero quiero que refleje más de cerca el aspecto del teclado estándar. Estoy buscando consejos sobre cómo hacer un aspecto UIButton estándar y actuar como los botones estándar del teclado.
Específicamente, necesito descubrir lo siguiente para el iPad y me gustaría hacer todo lo posible en un xib o storyboard.
- El tamaño de los botones
- El color del fondo del teclado (o incluso mejor, ¿cómo puedo determinarlo yo mismo?)
- El color de fondo del botón
- La fuente y el color del texto en el botón
- ¿Cómo agrego la sombra debajo del botón?
- ¿Cómo puedo resaltar el botón con el color gris en lugar del azul?
- El espacio entre los botones
- ¿Cómo mantengo el "grupo" de botones centrados como un todo cuando cambio la orientación? (todas las opciones de cambio de tamaño lo anclan a un lado y no el uno al otro)
¿Los botones estándar usan imágenes, o modifican UIButton estándar? O más apropiadamente, ¿cuál es mejor para nosotros hacer?
ACTUALIZAR:
He creado un proyecto para el teclado numérico que es un ejemplo completo de trabajo. Sin embargo, no he dedicado mucho tiempo a la apariencia real, de lo que se trataba principalmente esta pregunta. Lo publiqué en Github y lo convertí en un proyecto de código abierto (cubierto por la licencia del MIT, por lo que también está permitido el uso comercial). Con suerte, otras personas lo encontrarán útil y, con un poco de suerte, otros se sentirán inclinados a ayudarlo a mejorarlo y parecerse más al teclado nativo. El repositorio de Github está en:
Si desea hacerlo principalmente en IB, entonces se puede hacer lo siguiente:
- tamaño
- Colores
- Color de fondo
- Fuente
- Color de texto
- Shadow (a UILabel no es UITextArea)
- Espaciado
- AutoSizing
Hay un fantástico kit de vectores PSD para todos los tipos de elementos de iOS que deberían ayudar:
http://www.smashingmagazine.com/2008/11/26/iphone-psd-vector-kit/
De todos modos, para el resto de las respuestas:
tamaño
Tome una captura de pantalla de los botones y determine el tamaño en Photoshop, o puede usar CMD + i en el archivo de imagen para ver las dimensiones en píxeles. Recuerde usar CMD + Shift + 4 y luego arrastre (y luego espacio para hacer la captura de pantalla).
Colores
Use la aplicación DigitalColor Meter que está preinstalada en la Mac, es genial para todo tipo de funciones.
Color de fondo para UIButton
El UIButton real tendrá un color de fondo de [UIColor clear] , sin embargo, para todo el fondo del teclado, sería mejor crear algo similar en Photoshop y usar los selectores de color para obtener los degradados adecuados. Entonces podrías arrastrar esto dentro de IB como imagen de fondo.
Fuente
De nuevo, eche un vistazo a las fuentes / pruebe Helvetica
Color de texto
[UIColor black]
Sombra:
Programado:
[text setShadowOffset:(0,1)]; // One option
[text setShadowOffset:(0,-1); // Another option
[text setShadowColor:[UIColor whiteColor]];
Pero también puede configurar la sombra en el inspector de IB para un UILabel.
Botón resaltado
Mire la referencia UIButton http://developer.apple.com/library/ios/#documentation/UIKit/Reference/UIButton_Class/UIButton/UIButton.html
Espaciado y rotación
Si usa IB, entonces puede simplemente arrastrar los botones a cualquier ubicación. IB tiene algunas opciones de autosizing que determinan dónde están espaciados los botones de acuerdo con TOP, LEFT, RIGHT y BOTTOM. También puede establecer si son elásticos o no.