Skip to content
Open
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
95 changes: 95 additions & 0 deletions README.es-ES.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,95 @@


# ImageCenterButton

<img src="ImageCenterButton-demo.gif" width="230" height="408" />

Un UIButton con imagen superior y etiqueta de texto inferior
## ¿Qué es?

ImageCenterButton es una subclase de UIButton. Con ella puedes crear fácilmente un botón con una vista de imagen sobre la etiqueta de texto del botón.

## Características

* Cuadro de imagen generado dinámicamente
* Espacio personalizable entre la vista de imagen y la etiqueta de texto
* Relleno de imagen (padding) personalizable
* Soporte para imágenes circulares
* Color de fondo del botón personalizable dinámicamente
* Adición de IB_DESIGNABLE e IBInspectable (Andrey Yastrebov ^_^)

## CocoaPods
Para usar ImageCenterButton, añade lo siguiente a tu Podfile:

pod 'ImageCenterButton'

## Uso
```objective-c
// Round Image
@property(nonatomic) IBInspectable BOOL imageIsRound;
// Image Padding
@property(nonatomic) IBInspectable CGFloat padding;
// Spacing between imageview and textlabel
@property(nonatomic) IBInspectable CGFloat imageTextSpace;
// Maximum imageview size
@property(nonatomic) IBInspectable CGSize imageViewMaxSize;
// Button backgroundHighlighted
@property(nonatomic, strong) IBInspectable UIColor *backgroundHighlightedColor;
// Button backgroundNormal
@property(nonatomic, strong) IBInspectable UIColor *backgroundNormalColor;
// Border width
@property(nonatomic) IBInspectable CGFloat borderWidth;
// Border Color
@property(nonatomic, strong) IBInspectable UIColor *borderColor;
```

## Licencia

ImageCenterButton está disponible bajo la licencia MIT. Consulta el archivo LICENSE para más información.

---
README (Español)
==========

## ¿Qué es ImageCenterButton?

ImageCenterButton es una subclase de UIButton. Con ella puedes generar fácilmente un botón con la imagen arriba y la etiqueta de texto abajo.

## ¿Qué funcionalidades proporciona ImageCenterButton?

* Ajuste dinámico del tamaño de la imagen según el tamaño del botón
* Espacio entre la imagen y la etiqueta de texto personalizable
* Relleno de imagen (padding) personalizable
* Soporte para la generación de imágenes circulares
* Color de fondo personalizable para diferentes estados del botón
* Soporte para IB_DESIGNABLE e IBInspectable añadido (Gracias al soporte de Andrey Yastrebov)

## Configuración de uso de ImageCenterButton
```objective-c
// 是否将图像设置成圆形
@property(nonatomic) IBInspectable BOOL imageIsRound;
// 图像padding设置
@property(nonatomic) IBInspectable CGFloat padding;
// imageview和textlabel间距设置
@property(nonatomic) IBInspectable CGFloat imageTextSpace;
// imageview最大尺寸设置
@property(nonatomic) IBInspectable CGSize imageViewMaxSize;
// Button高亮状态背景色设置
@property(nonatomic, strong) IBInspectable UIColor *backgroundHighlightedColor;
// Button普通状态背景色设置
@property(nonatomic, strong) IBInspectable UIColor *backgroundNormalColor;
// 边框宽度设置
@property(nonatomic) IBInspectable CGFloat borderWidth;
// 边框颜色设置
@property(nonatomic, strong) IBInspectable UIColor *borderColor;
```

## Soporte para CocoaPods

Puedes usar ImageCenterButton agregando la siguiente línea a tu Podfile:

pod 'ImageCenterButton'

## Licencia

ImageCenterButton está licenciado bajo la licencia MIT. Consulta el archivo LICENSE para obtener más información.