Beranda>Sumber daya pembuatan situs web>Pengunduhan font
Unduh

Swifticons

Perpustakaan Swift untuk Ikon Font

Tolong ★ Perpustakaan ini.

Sekarang, Anda tidak perlu mengunduh perpustakaan yang berbeda untuk memasukkan ikon font yang berbeda. Perpustakaan Swifticons ini membantu Anda menggunakan ikon dari ikon font berikut.

  • Dripicons
  • Emoji
  • Fontawesome
  • Icofont
  • Ionicons
  • Linearicons
  • Icon peta
  • Ikon materi
  • Buka ikon
  • Ikon Wajah Negara
  • Ikon cuaca
  • Tipikon

Swifticons mendukung berbagai objek dari pustaka objek.

  • Uiimage
  • UiimageView
  • Uilabel
  • UIBUTTON
  • UiseMegmentedControl
  • Uitabbaritem
  • Uislider
  • Uibarbuttonitem
  • UiviewController
  • Uitextfield
  • Uistepper

Persyaratan

  • iOS 9.0+
  • Xcode 8

Instalasi

Cocoapods

Cocoapods adalah manajer ketergantungan untuk proyek kakao.

Pastikan Anda memiliki versi cocoapods versi terbaru dengan menjalankan: 

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

Perbarui repo spesifikasi lokal Anda dengan menjalankan: 

$ pod repo update

Tambahkan baris berikut ke Podfile Anda: 

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

Kemudian jalankan perintah berikut 

$ pod install

Anda dapat mulai menggunakan perpustakaan dengan mengimpornya di mana pun Anda inginkan 

import SwiftIcons

Kartago

Carthage adalah manajer ketergantungan terdesentralisasi untuk proyek kakao.

Instal versi carthage terbaru.

Tambahkan baris ini ke Cartfile Anda: 

 github "ranesr/SwiftIcons" ~> 3.0

atau untuk master , 

 github "ranesr/SwiftIcons" "master"

Kemudian Jalankan carthage update --platform ios dan tambahkan kerangka kerja yang dibangun ke proyek Anda dengan mengikuti instruksi ini dari Carthage.

Secara manual

Salin semua file dari folder Source . Tautan ke file.

  • Swifticons.swift
  • Dripicons.ttf
  • Emoji.ttf
  • FontawesteBrands.ttf
  • Fontawesomeregular.ttf
  • Fontawesomesolid.ttf
  • Icofont.ttf
  • Ionicons.ttf
  • Linearicons.ttf
  • MAPICONS.TTF
  • Materialicons.ttf
  • Openiconic.ttf
  • Stateface.ttf
  • Weathericons.ttf
  • Typicons.ttf

Periksa untuk mengimpor semua file TTF di Proyek, "Proyek"> "Target"> "Salin Sumber Daya Bundel"

Referensi Perpustakaan

Anda dapat memeriksa dokumentasi referensi perpustakaan di sini.

Penggunaan

  • Tidak ada lagi ikon gambar

Ada berbagai jenis font untuk masing -masing ikon font

Ikon Font Versi Jenis Font Ikon
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
Icon peta 3.0.2 Mapicons Mapicons
Ikon materi 2.2.0 GoogleMaTerialDesign GoogleMaTerialDesign
Buka ikon 1.1.1 Openikonik Openikonik
Ikon Wajah Negara negara negara
Ikon cuaca 2.0.10 cuaca cuaca
Tipikon 2.0.7 Tipikon Tipikon

Saat mengatur ikon ke objek apa pun, Anda harus menyebutkan jenis font mana dan kemudian pilih ikon mana yang ingin Anda atur dari ikon font tertentu.

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 )

UiseMegmentedControl 

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 )

Contoh

Silakan periksa aplikasi Swifticons. Dalam proyek demo, jika Anda mengklik objek apa pun, Anda akan melihat deskripsi metode di log untuk ikon objek itu.

Swifticons menyebutkan & menggunakan

  • Artikel Fabcoding Oleh Zeba Rahman, Konten yang Sama di Medium Post: Fabcoding Medium Post
  • Teman Sekelas oleh Raheel Shah
  • Proyek Sumber Terbuka, Pengumpulan Proyek Sumber Terbuka
  • Sebutkan di iOS yang luar biasa, daftar ekosistem iOS yang mengagumkan
  • Artikel Menengah di Storyboard oleh Malcolm Kumwenda
    • Kalimat yang digunakan dalam artikel: Ini secara harfiah adalah satu -satunya tempat yang saya gunakan dari perpustakaan Swifticons tetapi saya pikir akan bermanfaat untuk memamerkan perpustakaan keren yang membuat bekerja dengan ikon benar -benar mengagumkan.

Jika Anda menggunakan Swifticons di aplikasi Anda dan ingin terdaftar di sini, cukup buat masalah baru di sini.

Saya selalu penasaran siapa yang menggunakan proyek saya?

Pengarang

Saurabh Rane

  • E-mail
  • LinkedIn

Terima kasih khusus kepada Patrik Vaberer dan karya awalnya di Font-Awesome-Swift Library

Lisensi

Swifticons tersedia di bawah lisensi MIT. Lihat file LICENSE untuk info lebih lanjut.

Memperluas
Informasi Tambahan
Aplikasi Terkait
Direkomendasikan untuk Anda
Informasi Terkait Semua