الصفحة الرئيسية>موارد بناء الموقع>تحميل الخط
تنزيل

سويفتكونات

مكتبة سريعة لأيقونات الخط

من فضلك ★ هذه المكتبة.

الآن ، ليس عليك تنزيل مكتبات مختلفة لتشمل أيقونات الخطوط المختلفة. تساعدك مكتبة Swifticons هذه على استخدام الرموز من أي من أيقونات الخط التالية.

  • دريبيكون
  • الرموز التعبيرية
  • fontawesome
  • icofont
  • الأيوني
  • Linearicons
  • الخريطة
  • أيقونات المواد
  • فتح أيقوني
  • أيقونات وجه الدولة
  • أيقونات الطقس
  • طموحات

يدعم Swifticons كائنات مختلفة من مكتبة الكائن.

  • uiimage
  • UiimageView
  • Uilabel
  • Uibultton
  • uisegmentedcontrol
  • uitabbaritem
  • UISLIDER
  • uibarbuttonitem
  • UiviewController
  • uitextfield
  • Uistepper

متطلبات

  • iOS 9.0+
  • xcode 8

تثبيت

كوكوبودس

Cocoapods هو مدير التبعية لمشاريع الكاكاو.

تأكد من أن لديك أحدث إصدار من Cocoapods عن طريق التشغيل: 

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

قم بتحديث ريبو المواصفات المحلية عن طريق التشغيل: 

$ pod repo update

أضف الأسطر التالية إلى Podfile الخاص بك: 

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

ثم قم بتشغيل الأمر التالي 

$ pod install

يمكنك البدء في استخدام المكتبة عن طريق استيرادها أينما تريد 

import SwiftIcons

قرطاج

قرطاج هو مدير التبعية اللامركزية لمشاريع الكاكاو.

تثبيت أحدث إصدار من قرطاج.

أضف هذا الخط إلى Cartfile : 

 github "ranesr/SwiftIcons" ~> 3.0

أو master ، 

 github "ranesr/SwiftIcons" "master"

ثم قم بتشغيل carthage update --platform ios وأضف الإطار المبني إلى مشروعك باتباع هذه التعليمات من قرطاج.

يدويًا

انسخ جميع الملفات من مجلد Source . ارتباط بالملفات.

  • swifticons.swift
  • dripicons.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

تحقق لاستيراد جميع ملفات TTF في المشروع ، "Project"> "Target"> "نسخ موارد الحزمة"

مرجع المكتبة

يمكنك التحقق من الوثائق المرجعية للمكتبة هنا.

الاستخدام

  • لا مزيد من أيقونات الصورة بعد الآن

هناك أنواع مختلفة من الخطوط لكل من أيقونات الخط

أيقونات الخط إصدار أنواع الخطوط أيقونات
دريبيكون 2.0 دريبيكون دريبيكون
الرموز التعبيرية الرموز التعبيرية الرموز التعبيرية
fontawesome 5.1.0 fontawesome fontawesome
icofont 1.0.0 بيتا icofont icofont
الأيوني 2.0.1 الأيوني الأيوني
Linearicons 1.0.0 Linearicons Linearicons
الخريطة 3.0.2 بيبيكونون بيبيكونون
أيقونات المواد 2.2.0 googlematerialDesign googlematerialDesign
فتح أيقوني 1.1.1 openiconic openiconic
أيقونات وجه الدولة ولاية ولاية
أيقونات الطقس 2.0.10 طقس طقس
طموحات 2.0.7 طموحات طموحات

عند تعيين أيقونة على أي كائن ، عليك أن تذكر نوع الخط الذي هو ثم حدد أيقونة تريد تعيينها من رمز الخط الخاص هذا.

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 )

Uibultton 

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 )

أمثلة

يرجى التحقق من تطبيق Swifticons. في المشروع التجريبي ، إذا قمت بالنقر فوق أي كائن ، فسترى وصف الطريقة في سجلات رمز هذا الكائن.

يذكر Swifticons والاستخدام

  • مقالة fabcoding بقلم زيبا الرحمن ، نفس المحتوى في بوست متوسطة:
  • زميله من قبل رعد شاه
  • مشاريع مفتوحة المصدر ، مجموعة من المشاريع مفتوحة المصدر
  • أذكر على iOS Awesome ، قائمة منسقة من النظام الإيكولوجي iOS رائع
  • مقالة متوسطة عن القصة المصورة بقلم مالكولم كومويندا
    • الجملة المستخدمة في المقالة: هذا هو المكان الوحيد الذي استفادته من مكتبة Swifticons ، لكنني اعتقدت أنه سيكون من المفيد إظهار مكتبة رائعة تجعل العمل مع أيقونات رائعة للغاية.

إذا كنت تستخدم Swifticons في تطبيقك وتريد أن تكون مدرجًا هنا ، فما عليك سوى إنشاء مشكلة جديدة هنا.

أنا دائما فضولي من يستخدم مشاريعي؟

مؤلف

سوراب ران

  • بريد إلكتروني
  • LinkedIn

شكر خاص لباتريك فابر وعمله الأولي في مكتبة النزوة إلى الخطوط

رخصة

Swifticons متاح تحت رخصة معهد ماساتشوستس للتكنولوجيا. انظر ملف LICENSE لمزيد من المعلومات.

يوسع
معلومات إضافية
تطبيقات ذات صلة
نوصي لك
أخبار ذات صلة الكل