ios - para - seo imagenes wordpress
guión gráfico posicionando el texto debajo de la imagen dentro de un botón (5)
He escrito una extensión que hace el trabajo por ti, compatible con Swift 4 .
public extension UIButton {
func alignTextBelow(spacing: CGFloat = 6.0) {
if let image = self.imageView?.image {
let imageSize: CGSize = image.size
self.titleEdgeInsets = UIEdgeInsetsMake(spacing, -imageSize.width, -(imageSize.height), 0.0)
let labelString = NSString(string: self.titleLabel!.text!)
let titleSize = labelString.size(withAttributes: [NSAttributedStringKey.font: self.titleLabel!.font])
self.imageEdgeInsets = UIEdgeInsetsMake(-(titleSize.height + spacing), 0.0, 0.0, -titleSize.width)
}
}
}
Donde el spacing es la distancia entre la imagen y el texto.
Soy capaz de configurar la imagen y el texto para el botón. Pero está alineado horizontalmente. Quiero que la imagen y el texto se alineen verticalmente dentro del botón. es decir, texto debajo de la imagen
¿Cómo hacer estos cambios usando storyboard?
Lo que quiero es esto:
No puede cambiar el diseño directamente en UIButton, pero puede intentar usar estas propiedades en UIButton:
UIButton *button = ...
button.titleEdgeInsets = UIEdgeInsetsMake(....);
button.imageEdgeInsets = UIEdgeInsetsMake(....);
Si no me ayuda, te recomendaría crear una subclase de UIResponder y crear tu propio componente y hacer tu propio diseño según lo necesites.
Sí, puedes hacerlo desde el guión gráfico sin escribir ninguna lógica también.
1) Seleccione el botón y vaya a Attribute Inspector en su guión gráfico.
2) Asignar imagen al botón. (No use imagen de fondo)
3) Establezca el texto del Título en ese botón.
4) Ahora debe configurar el edge y el Inset así que primero seleccione la imagen del borde y el recuadro que necesite y luego seleccione el título desde el borde y el recuadro según sus necesidades.
Espero que esto ayude.
