
S'il vous plaît ★ cette bibliothèque.
Maintenant, vous n'avez pas à télécharger différentes bibliothèques pour inclure différentes icônes de police. Cette bibliothèque Swifticons vous aide à utiliser les icônes de l'une des icônes de police suivantes.
Swificons prend en charge différents objets de la bibliothèque d'objets.
Cocoapods est un gestionnaire de dépendances pour les projets de cacao.
Assurez-vous d'avoir la dernière version de Cocoapods en fonctionnant:
$ gem install cocoapods
# (or if the above fails)
$ sudo gem install cocoapodsMettez à jour votre dépôt de spécifications locales en fonctionnant:
$ pod repo update Ajoutez les lignes suivantes à votre Podfile :
target 'YourProject' do
use_frameworks!
pod 'SwiftIcons' , '~> 3.0'
endPuis exécutez la commande suivante
$ pod installVous pouvez commencer à utiliser la bibliothèque en l'important où vous voulez
import SwiftIconsCarthage est un gestionnaire de dépendances décentralisé pour les projets de cacao.
Installez la dernière version de Carthage.
Ajoutez cette ligne à votre Cartfile :
github "ranesr/SwiftIcons" ~> 3.0
ou pour master ,
github "ranesr/SwiftIcons" "master"
Ensuite, exécutez carthage update --platform ios et ajoutez le cadre construit à votre projet en suivant ces instructions de Carthage.
Copiez tous les fichiers du dossier Source . Lien vers les fichiers.
Vérifiez pour importer tous les fichiers TTF dans le projet, "Project"> "Target"> "Copier les ressources du bundle"
Vous pouvez consulter la documentation de référence de la bibliothèque ici.
Il existe différents types de polices pour chacune des icônes de police
| Icônes de police | Version | Types de polices | Icônes |
|---|---|---|---|
| Dripicons | 2.0 | dripicons | dripicons |
| Emoji | emoji | emoji | |
| Fontawesome | 5.1.0 | Fontawesome | Fontawesome |
| Icofont | 1.0.0 Beta | icofont | icofont |
| Ionicons | 2.0.1 | ionicons | ionicons |
| Linéaricons | 1.0.0 | linéaricons | linéaricons |
| Cartes | 3.0.2 | Mapicons | Mapicons |
| Icônes de matériau | 2.2.0 | googleMaterialDesign | googleMaterialDesign |
| Ouvert emblématique | 1.1.1 | openiconique | openiconique |
| Icônes du visage d'État | État | État | |
| Icônes météorologiques | 2.0.10 | météo | météo |
| Typiques | 2.0.7 | Typiques | Typiques |
Lorsque vous définissez une icône sur n'importe quel objet, vous devez mentionner de quel type de police est, puis sélectionner l'icône que vous souhaitez définir à partir de cette icône de police particulière.
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 ) Veuillez consulter l'application Swifticons. Dans le projet de démonstration, si vous cliquez sur un objet, vous verrez la description de la méthode dans les journaux de l'icône de cet objet.
Si vous utilisez Swifticons dans votre application et que vous souhaitez être répertorié ici, créez simplement un nouveau problème ici.
Je suis toujours curieux de savoir qui utilise mes projets?
Saurabh Rane
Un merci spécial à Patrik Vaberer et à son travail initial sur la bibliothèque de Font-Awesome-Swift
Swifticons est disponible sous la licence du MIT. Voir le fichier LICENSE pour plus d'informations.