Startseite>Ressourcen zum Erstellen von Websites>Schriftarten herunterladen
Herunterladen

Swifticons

Swift Library für Schriftzusammenstellung

Bitte ★ diese Bibliothek.

Jetzt müssen Sie verschiedene Bibliotheken nicht herunterladen, um verschiedene Schriftarten zu enthalten. Mit dieser Swifticons -Bibliothek können Sie Symbole aus einer der folgenden Schriftsymbole verwenden.

  • Tropficons
  • Emoji
  • FontaWesome
  • ICOFONT
  • Ionicons
  • Linearicons
  • Karte-ICons
  • Materialikonen
  • Offen Ikone
  • Zustandsgesichtsikonen
  • Wettersymbole
  • Typicons

Swifticons unterstützt verschiedene Objekte aus der Objektbibliothek.

  • Uiimage
  • UIImageView
  • Uilabel
  • Uibutton
  • UiSegmentedControl
  • UitabbarItem
  • Uislider
  • UibarbuttonItem
  • UIViewController
  • Uitextfield
  • Uistepper

Anforderungen

  • iOS 9.0+
  • Xcode 8

Installation

Cocoapods

Cocoapods ist ein Abhängigkeitsmanager für Kakaoprojekte.

Stellen Sie sicher, dass Sie die neueste Version von Cocoapods durch Laufen haben: 

$ gem install cocoapods
# (or if the above fails)
$ sudo gem install cocoapods

Aktualisieren Sie Ihre lokalen Spezifikationen Repo, indem Sie ausführen: 

$ pod repo update

Fügen Sie Ihrem Podfile die folgenden Zeilen hinzu: 

 target 'YourProject' do
    use_frameworks!
    pod 'SwiftIcons' , '~> 3.0'
end

Führen Sie dann den folgenden Befehl aus 

$ pod install

Sie können die Bibliothek verwenden, indem Sie sie überall importieren, wo Sie möchten 

import SwiftIcons

Karthago

Carthage ist ein dezentraler Abhängigkeitsmanager für Kakaoprojekte.

Installieren Sie die neueste Version von Karthago.

Fügen Sie diese Zeile zu Ihrem Cartfile hinzu: 

 github "ranesr/SwiftIcons" ~> 3.0

oder für master , 

 github "ranesr/SwiftIcons" "master"

Führen Sie dann carthage update --platform ios und fügen Sie Ihr Projekt zu Ihrem Projekt hinzu, indem Sie diese Anweisungen von Karthago befolgen.

Manuell

Kopieren Sie alle Dateien aus Source . Link zu Dateien.

  • Swifticons.swift
  • Dripicons.ttf
  • Emoji.ttf
  • FontawesomeBrands.ttf
  • Fontawesomeregular.ttf
  • Fontawesomesolid.ttf
  • Icofont.ttf
  • Ionicons.ttf
  • Linearicons.ttf
  • Mapicons.ttf
  • Materialicons.ttf
  • Openiconic.ttf
  • Stateface.ttf
  • Weathericons.ttf
  • Typicons.ttf

Überprüfen Sie, ob alle TTF -Dateien in Projekt, "Projekt"> "Ziel"> "Bündelressourcen kopieren" importiert wurden.

Bibliotheksreferenz

Hier können Sie die Bibliotheksreferenzdokumentation überprüfen.

Verwendung

  • Keine Image -Symbole mehr mehr

Es gibt verschiedene Schriftarten für jede der Schriftartikonen

Schriftartikonen Version Schriftarten Ikonen
Tropficons 2.0 Tropficons Tropficons
Emoji Emoji Emoji
FontaWesome 5.1.0 fontaWesome fontaWesome
ICOFONT 1.0.0 Beta ICOFONT ICOFONT
Ionicons 2.0.1 Ionicons Ionicons
Linearicons 1.0.0 Linearicons Linearicons
Karte-ICons 3.0.2 Mapicons Mapicons
Materialikonen 2.2.0 googlematerialdesign googlematerialdesign
Offen Ikone 1.1.1 offen offen
Zustandsgesichtsikonen Zustand Zustand
Wettersymbole 2.0.10 Wetter Wetter
Typicons 2.0.7 Typicons Typicons

Wenn Sie ein Symbol auf ein Objekt einstellen, müssen Sie erwähnen, welcher Schriftart Typ es ist, und dann auswählen, welches Symbol Sie aus diesem bestimmten Schriftartikonen festlegen möchten.

Uiimage 

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 ) )

UIImageView 

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 )

Uilabel 

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 )

Uibutton 

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 )

UiSegmentedControl 

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 )

UitabbarItem 

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 )

Uislider 

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 )

UibarbuttonItem 

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 : ) ) )

UIViewController 

import SwiftIcons

// Setting icon to the title
self . setTitleIcon ( icon : . emoji ( . animalHorse ) , iconSize : 30 , color : . red )

Uitextfield 

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 )

Uistepper 

import SwiftIcons

// Setting icons
stepper . setDecrementIcon ( icon : . ionicons ( . iosPause ) , forState : . normal )
stepper . setIncrementIcon ( icon : . ionicons ( . iosPlay ) , forState : . normal )

Beispiele

Bitte schauen Sie sich die Swifticons -App an. Wenn Sie im Demo -Projekt auf ein Objekt klicken, sehen Sie die Methodenbeschreibung in den Protokollen für das Symbol dieses Objekts.

Swifticons Erwähnungen und Verwendung

  • Fabcoding -Artikel von Zeba Rahman, gleiche Inhalt im mittleren Beitrag: Fabcoding Medium Post
  • Klassenkamerad von Raheel Shah
  • Open -Source -Projekte, Sammlung von Open -Source -Projekten
  • Erwähnen Sie auf fantastische iOS, eine kuratierte Liste des fantastischen iOS -Ökosystems
  • Medium Artikel über Storyboard von Malcolm Kumwenda
    • Satz verwendet im Artikel: Dies ist buchstäblich der einzige Ort, an dem ich die Swifticons -Bibliothek verwendet habe, aber ich dachte, es wäre vorteilhaft, eine coole Bibliothek zu zeigen, die die Arbeit mit Ikonen absolut großartig macht.

Wenn Sie Swifticons in Ihrer App verwenden und hier aufgeführt werden möchten, erstellen Sie hier einfach ein neues Problem.

Ich bin immer neugierig, wer meine Projekte verwendet?

Autor

Saurabh Rane

  • E-Mail
  • LinkedIn

Besonderer Dank geht an Patrik Vaberer und seine erste Arbeit in der bibliothek font-awesome-wift-Bibliothek

Lizenz

Swifticons ist im Rahmen der MIT -Lizenz erhältlich. Weitere Informationen finden Sie in der LICENSE .

Expandieren
Zusätzliche Informationen
Ähnliche Anwendungen
Empfohlen für Sie
Ähnliche Nachrichten Alle