Página Inicial>Recursos de construção de sites>Baixar fonte
Baixar

Swifticons

Biblioteca Swift para ícones de fontes

Por favor ★ Esta biblioteca.

Agora, você não precisa baixar bibliotecas diferentes para incluir ícones de fonte diferentes. Esta biblioteca Swifticons ajuda a usar ícones de qualquer um dos seguintes ícones de fonte.

  • Dripicons
  • Emoji
  • Fontawesome
  • Icofont
  • Ionicons
  • Linearicons
  • Map-icons
  • Ícones materiais
  • Aberto icônico
  • Estado enfrenta ícones
  • Ícones do tempo
  • Typicons

Swifticons suporta objetos diferentes da biblioteca de objetos.

  • Uiimage
  • UIImageView
  • Uilabel
  • UIBILL
  • UISEGEMEDEDCONTROL
  • UITABBARITEM
  • Uislider
  • Uibarbuttonitem
  • UiviewController
  • Uitextfield
  • Uistepper

Requisitos

  • iOS 9.0+
  • Xcode 8

Instalação

Cocoapods

O Cocoapods é um gerente de dependência de projetos de cacau.

Certifique -se de ter a versão mais recente do Cocoapods executando: 

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

Atualize o repositório de especificações locais executando: 

$ pod repo update

Adicione as seguintes linhas ao seu Podfile : 

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

Em seguida, execute o seguinte comando 

$ pod install

Você pode começar a usar a biblioteca importando -a onde quiser 

import SwiftIcons

Cartago

Cartago é um gerente de dependência descentralizado para projetos de cacau.

Instale a versão mais recente do Cartago.

Adicione esta linha ao seu Cartfile : 

 github "ranesr/SwiftIcons" ~> 3.0

ou para master , 

 github "ranesr/SwiftIcons" "master"

Em seguida, execute carthage update --platform ios e adicione a estrutura construída ao seu projeto, seguindo estas instruções da Cartago.

Manualmente

Copie todos os arquivos da pasta Source . Link para arquivos.

  • Swifticons.swift
  • Dripicons.ttf
  • Emoji.ttf
  • Fontawesomebrands.ttf
  • Fontawesomeregulular.ttf
  • Fontawesomesolid.ttf
  • Icofont.ttf
  • Ionicons.ttf
  • Linearicons.ttf
  • Mapicons.ttf
  • Materialicons.ttf
  • Openiconic.ttf
  • Stateface.ttf
  • Weathericons.ttf
  • Tipicons.ttf

Verifique para importar todos os arquivos TTF no projeto, "Project"> "Target"> "Copy Bundle Resources"

Referência da biblioteca

Você pode verificar a documentação de referência da biblioteca aqui.

Uso

  • Não há mais ícones de imagem

Existem diferentes tipos de fonte para cada um dos ícones da fonte

Ícones da fonte Versão Tipos de fonte Ícones
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
Linearicons 1.0.0 Linearicons Linearicons
Map-icons 3.0.2 Mapicons Mapicons
Ícones materiais 2.2.0 GoogleMaterialDesign GoogleMaterialDesign
Aberto icônico 1.1.1 Openiconic Openiconic
Estado enfrenta ícones estado estado
Ícones do tempo 2.0.10 clima clima
Typicons 2.0.7 Typicons Typicons

Ao definir um ícone em qualquer objeto, você deve mencionar qual tipo de fonte é e, em seguida, selecione qual ícone você deseja definir desse ícone de fonte específico.

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 )

UIBILL 

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 )

UISEGEMEDEDCONTROL 

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 )

Exemplos

Confira o aplicativo Swifticons. No projeto Demo, se você clicar em qualquer objeto, verá a descrição do método nos logs do ícone desse objeto.

Swifticons menciona e uso

  • Artigo FabCoding de Zeba Rahman, o mesmo conteúdo em Postagem Média: Fabcoding Medium Post
  • Colega de classe de Raheel Shah
  • Projetos de código aberto, coleta de projetos de código aberto
  • Mencione no Awesome iOS, uma lista com curadoria de ecossistema incrível do iOS
  • Artigo médio no storyboard de Malcolm Kumwenda
    • Sentença usada no artigo: Este é literalmente o único lugar que eu usei da biblioteca Swifticons, mas achei que seria benéfico mostrar uma biblioteca legal que torna o trabalho com ícones absolutamente impressionantes.

Se você estiver usando o Swifticons em seu aplicativo e deseja ser listado aqui, basta criar um novo problema aqui.

Estou sempre curioso para saber quem está usando meus projetos?

Autor

Saurabh Rane

  • E-mail
  • LinkedIn

Agradecimentos especiais a Patrik Vaberer e seu trabalho inicial na Biblioteca Fonte-Awome-Swift

Licença

Swifticons está disponível sob a licença do MIT. Consulte o arquivo LICENSE para obter mais informações.

Expandir
Informações adicionais
Aplicativos Relacionados
Recomendado para você
Informações Relacionadas Todos