
Por favor ★ esta biblioteca.
Ahora, no tiene que descargar diferentes bibliotecas para incluir diferentes iconos de fuentes. Esta biblioteca Swifticons le ayuda a usar íconos de cualquiera de los siguientes iconos de fuentes.
Swifticons admite diferentes objetos de la biblioteca de objetos.
Cocoapods es un gerente de dependencia para proyectos de cacao.
Asegúrese de tener la última versión de Cocoapods ejecutando:
$ gem install cocoapods
# (or if the above fails)
$ sudo gem install cocoapodsActualice su repositorio de especificaciones locales ejecutando:
$ pod repo update Agregue las siguientes líneas a su Podfile :
target 'YourProject' do
use_frameworks!
pod 'SwiftIcons' , '~> 3.0'
endLuego ejecute el siguiente comando
$ pod installPuede comenzar a usar la biblioteca importándola donde quiera
import SwiftIconsCarthage es un gerente de dependencia descentralizado para proyectos de cacao.
Instale la última versión de Cartago.
Agregue esta línea a su Cartfile :
github "ranesr/SwiftIcons" ~> 3.0
o para master ,
github "ranesr/SwiftIcons" "master"
Luego ejecute carthage update --platform ios y agregue el marco integrado a su proyecto siguiendo estas instrucciones desde Cartago.
Copie todos los archivos de la carpeta Source . Enlace a archivos.
Verifique para importar todos los archivos TTF en el proyecto, "Proyecto"> "Target"> "Copiar recursos de paquete"
Puede consultar la documentación de referencia de la biblioteca aquí.
Hay diferentes tipos de fuentes para cada uno de los iconos de fuentes.
| Íconos de fuente | Versión | Tipos de fuentes | Íconos |
|---|---|---|---|
| Dripicones | 2.0 | Dripicones | Dripicones |
| Emoji | emoji | emoji | |
| Avenida | 5.1.0 | avenida | avenida |
| Icofont | 1.0.0 beta | icofont | icofont |
| Ionicones | 2.0.1 | Ionicones | Ionicones |
| Linealicons | 1.0.0 | linealicons | linealicons |
| Mapa de íconos | 3.0.2 | Mapicons | Mapicons |
| Íconos de material | 2.2.0 | googlematerialDesign | googlematerialDesign |
| Abierto icónico | 1.1.1 | abierto | abierto |
| Íconos estatales de la cara | estado | estado | |
| Íconos del clima | 2.0.10 | clima | clima |
| Tipones | 2.0.7 | Tipones | Tipones |
Al configurar un icono en cualquier objeto, debe mencionar qué tipo de fuente es y luego seleccionar qué icono desea establecer en ese icono de fuente en particular.
import SwiftIcons
UIImage . init ( icon : . emoji ( . airplane ) , size : CGSize ( width : 35 , height : 35 ) )
// Icon with colors
UIImage . init ( icon : . emoji ( . airplane ) , size : CGSize ( width : 35 , height : 35 ) , textColor : . red )
UIImage . init ( icon : . emoji ( . airplane ) , size : CGSize ( width : 35 , height : 35 ) , textColor : . white , backgroundColor : . red )
// Stacked icons with bigger background
UIImage . init ( bgIcon : . fontAwesomeRegular ( . circle ) , topIcon : . fontAwesomeRegular ( . square ) )
// Stacked icons with smaller background
UIImage . init ( bgIcon : . fontAwesomeSolid ( . camera ) , topIcon : . fontAwesomeSolid ( . ban ) , topTextColor : . red , bgLarge : false )
// Stacked icons with custom size
UIImage . init ( bgIcon : . fontAwesomeSolid ( . camera ) , topIcon : . fontAwesomeSolid ( . ban ) , topTextColor : . red , bgLarge : false , size : CGSize ( width : 50 , height : 50 ) )import SwiftIcons
// Setting icon to image view
imageView . setIcon ( icon : . weather ( . rainMix ) )
// Icon with colors
imageView . setIcon ( icon : . mapicons ( . amusementPark ) , textColor : . white , backgroundColor : . blue , size : nil )import SwiftIcons
// Setting icon to label
label . setIcon ( icon : . ionicons ( . paintbrush ) , iconSize : 70 )
// Icon with colors
label . setIcon ( icon : . googleMaterialDesign ( . rowing ) , iconSize : 70 , color : . white , bgColor : textColor )
// Icon with text around it
label . setIcon ( prefixText : " Bus " , icon : . linearIcons ( . bus ) , postfixText : " icon " , size : 20 )
// Icon with color & colored text around it
label . setIcon ( prefixText : " Medal " , prefixTextColor : . red , icon : . ionicons ( . ribbonA ) , iconColor : . red , postfixText : " " , postfixTextColor : . red , size : nil , iconSize : 40 )
// Icon with text with different fonts around it
label . setIcon ( prefixText : " Font " , prefixTextFont : font1! , icon : . fontAwesomeSolid ( . font ) , postfixText : " icon " , postfixTextFont : font2! )
// Icon with text with different fonts & colors around it
label . setIcon ( prefixText : " Bike " , prefixTextFont : font1! , prefixTextColor : . red , icon : . mapicons ( . bicycling ) , iconColor : textColor , postfixText : " icon " , postfixTextFont : font2! , postfixTextColor : . blue , iconSize : 30 )import SwiftIcons
// Setting icon to button
button . setIcon ( icon : . linearIcons ( . phone ) , forState : . normal )
// Icon with size and color
button . setIcon ( icon : . openIconic ( . clipboard ) , iconSize : 70 , color : . blue , forState : . normal )
// Icon with text around it
button . setIcon ( prefixText : " Please " , icon : . googleMaterialDesign ( . print ) , postfixText : " print " , forState : . normal )
// Icon with color & colored text around it
button . setIcon ( prefixText : " Lock " , prefixTextColor : . red , icon : . googleMaterialDesign ( . lock ) , iconColor : . yellow , postfixText : " icon " , postfixTextColor : . blue , forState : . normal , textSize : 15 , iconSize : 20 )
// Icon with text with different fonts around it
button . setIcon ( prefixText : " Happy " , prefixTextFont : font1! , icon : . ionicons ( . happy ) , postfixText : " face " , postfixTextFont : font2! , forState : . normal )
// Icon with text with different fonts & colors around it
button . setIcon ( prefixText : " Pulse " , prefixTextFont : font1! , prefixTextColor : . darkGray , icon : . openIconic ( . pulse ) , iconColor : . red , postfixText : " icon " , postfixTextFont : font2! , postfixTextColor : . purple , forState : . normal , iconSize : 40 )
// Icon with title below icon
button . setIcon ( icon : . emoji ( . ferrisWheel ) , title : " Ferris Wheel " , color : . red , forState : . normal )
// Icon with title below icon with different color & custom font
button . setIcon ( icon : . weather ( . rainMix ) , iconColor : . yellow , title : " RAIN MIX " , titleColor : . red , font : font! , backgroundColor : . clear , borderSize : 1 , borderColor : . green , forState : . normal )import SwiftIcons
// Setting icon at particular index
segmentedControl . setIcon ( icon : . linearIcons ( . thumbsUp ) , forSegmentAtIndex : 0 )
segmentedControl . setIcon ( icon : . linearIcons ( . thumbsDown ) , forSegmentAtIndex : 1 )
// Icons with sizes & colors
segmentedControl . setIcon ( icon : . fontAwesomeSolid ( . male ) , color : . red , iconSize : 50 , forSegmentAtIndex : 0 )
segmentedControl . setIcon ( icon : . fontAwesomeSolid ( . female ) , color : . purple , iconSize : 50 , forSegmentAtIndex : 1 )import SwiftIcons
// Setting icon to tab bar item
tabBar . items ? [ 0 ] . setIcon ( icon : . fontAwesomeSolid ( . font ) , size : nil , textColor : . lightGray )
// Stacked icons for tab bar item
tabBar . items ? [ 1 ] . setIcon ( bgIcon : . fontAwesomeRegular ( . circle ) , bgTextColor : . lightGray , topIcon : . fontAwesomeSolid ( . square ) , topTextColor : . lightGray , bgLarge : true , size : nil )import SwiftIcons
// Change minimum & maximum value icons
slider . setMaximumValueIcon ( icon : . emoji ( . digitNine ) )
slider . setMinimumValueIcon ( icon : . emoji ( . digitZero ) )
// Change minimum & maximum value icons with colors
slider . setMaximumValueIcon ( icon : . linearIcons ( . pointerUp ) , customSize : nil , textColor : . red , backgroundColor : . clear )
slider . setMinimumValueIcon ( icon : . linearIcons ( . pointerDown ) , customSize : nil , textColor : . blue , backgroundColor : . clear )import SwiftIcons
// Setting icon to bar button item
barButtonItem . setIcon ( icon : . ionicons ( . iosFootball ) , iconSize : 30 )
// Icon with colors
barButtonItem . setIcon ( icon : . ionicons ( . iosFootball ) , iconSize : 30 , color : textColor )
// Icon with custom cgRect
barButtonItem . setIcon ( icon : . ionicons ( . iosFootball ) , iconSize : 30 , color : textColor , cgRect : CGRect ( x : 0 , y : 0 , width : 30 , height : 30 ) , target : self , action : #selector ( barButtonItem ( sender : ) ) )
// Icon with text around it
barButtonItem . setIcon ( prefixText : " Please " , icon : . ionicons ( . iosDownload ) , postfixText : " download " , cgRect : CGRect ( x : 0 , y : 0 , width : 30 , height : 30 ) , size : 23 , target : self , action : #selector ( barButtonItem ( sender : ) ) )
// Icon with color & colored text around it
barButtonItem . setIcon ( prefixText : " Blue " , prefixTextColor : . red , icon : . ionicons ( . iosFootball ) , iconColor : . blue , postfixText : " football " , postfixTextColor : . green , cgRect : CGRect ( x : 0 , y : 0 , width : 30 , height : 30 ) , size : 20 , iconSize : 30 , target : self , action : #selector ( barButtonItem ( sender : ) ) )
// Icon with text with different fonts around it
barButtonItem . setIcon ( prefixText : " Digit " , prefixTextFont : font1! , icon : . emoji ( . digitOne ) , postfixText : " One " , postfixTextFont : font2! , cgRect : CGRect ( x : 0 , y : 0 , width : 30 , height : 30 ) , target : self , action : #selector ( barButtonItem ( sender : ) ) )
// Icon with text with different fonts & colors around it
barButtonItem . setIcon ( prefixText : " " , prefixTextFont : font1! , prefixTextColor : . red , icon : . ionicons ( . iosFootball ) , iconColor : . blue , postfixText : " football " , postfixTextFont : font2! , postfixTextColor : . green , cgRect : CGRect ( x : 0 , y : 0 , width : 30 , height : 30 ) , iconSize : 24 , target : self , action : #selector ( barButtonItem ( sender : ) ) )import SwiftIcons
// Setting icon to the title
self . setTitleIcon ( icon : . emoji ( . animalHorse ) , iconSize : 30 , color : . red )import SwiftIcons
// Setting left view icon
textfield . setLeftViewIcon ( icon : . fontAwesomeSolid ( . search ) )
// Left view icon with colors & leftViewMode
textfield . setLeftViewIcon ( icon : . state ( . TX ) , leftViewMode : . always , textColor : . blue , backgroundColor : . clear , size : nil )
textfield . setLeftViewIcon ( icon : . googleMaterialDesign ( . plusOne ) , leftViewMode : . unlessEditing , textColor : . green , backgroundColor : . clear , size : nil )
// Setting right view icon
textfield . setRightViewIcon ( icon : . openIconic ( . questionMark ) )
// Right view icon with colors & rightViewMode
textfield . setRightViewIcon ( icon : . weather ( . rainMix ) , rightViewMode : . always , textColor : . red , backgroundColor : . clear , size : nil )import SwiftIcons
// Setting icons
stepper . setDecrementIcon ( icon : . ionicons ( . iosPause ) , forState : . normal )
stepper . setIncrementIcon ( icon : . ionicons ( . iosPlay ) , forState : . normal ) Por favor, consulte la aplicación Swifticons. En el proyecto de demostración, si hace clic en cualquier objeto, verá la descripción del método en los registros para el icono de ese objeto.
Si está utilizando Swifticons en su aplicación y desea que se enumere aquí, simplemente cree un nuevo problema aquí.
¿Siempre tengo curiosidad por saber quién está usando mis proyectos?
Saurabh Rane
Un agradecimiento especial a Patrik Vaberer y su trabajo inicial en la biblioteca de Font-Awesome-Swift
Swifticons está disponible bajo la licencia MIT. Consulte el archivo LICENSE para obtener más información.