الـ SF Symbols ِابل اطلقته قبل 5 سنوات مع نظام iOS 13 ومن يومها وهو اكثر نوع يفضله المطورين لانه اصبح هناك الاف الايقونات المجانية التي يمكن استخدامها من قبل المطورين
ايضا ميزتها انها تتعامل كتعامل الخطوط فتستطيع اعطائها نفس حجم الخط او حجمه ووزنه الخ
بما يعني سهولة دعم الـ Dynamic Text
اذا المستخدم من اعدادات النظام غير حجم الخط تقدر تجعل ايضا الايقونات يتغير حجمها وبالتالي تسهل عملية التصميم ومحاذاة الايقونات مع النصوص
ايضا من iOS 17 راح تقدر تضيف انميشين للـ SF Symbols
لكن رغم وجود الاف الايقونات وكل سنة يتم اضافة ايقونات جديدة تظل وجود حاجة لعمل ايقونة خاصة بك
الخطوات طويلة ومملة في حال اتبعتها من ابل او اي مصدر اخر
لكن هناك برنامج رهيب اسمه Custom Symbols
البرنامج سهل العملية بشكل رهيب وسيتم شرحه بالتفصيل
اول ما تفتح البرنامج راح تلاحظ بان واجته بسيطه جداً وواضحه
هناك مساحة العمل وشريط جانبي للخصائص
تقدر بسهولة تضيف بالسحب والافلات اي ايقونة بصيغة SVG للبرنامج
هنا حاب انبه بمعلومة مهمة البرنامج يعتمد على الـ Stroke
اذا ايقونة مافيها Stroke اضيف عليها Stroke ولو خفيف 0.1
كما تلاحظ في الصورة السابقة يوجد خطوط ارشادية زرقاء، هذه الخطوط تقدر تحدد بها حجم الايقونة وقربها وبعدها من النص
حجم النص يمثله البرنامج بحرف A
اذا صغرت الحدود الايقونة سوف تكبر واذا كبرتها راح تصغر
مثل الفيديو
في القائمة الجانبية تقدر ايضا تتحكم بالخطوط الإرشادية بتعديل قيم Guides
الـ ViewBox هو الـ Frame للايقونة
الـ Reference Scale اذا زودت الرقم الـ Stroke راح يكبر واذا صغرته راح يصغر
ايضا الـ Minimum و Maimum راح يحدد حجم الـ Stroke في الخطوط الصغيره والكبيره
في اعلى القائمة في ايقونتين ايقونة عينين وايقونة سهمين
العينين راح يظهلك شكل الايقونة بكل الاحجام
والسهمين راح تقدر تقارن ايقونتك بأي ايقونة اخرى
زر السهمين جدا مفيد لمقارنة ايقونتك بأي ايقونة اخرى
تقدر من خلال برنامج SF Symbols
تنسخ اي رمز وتختار Copy Symbol
ومن ثم لصقه في حقل SF Symbol
مثال
اخيرا تقدر تصدر الايقونة بالضغط على زر Share
ايضا البرنامج يحتوي على ميزة جميلة وهيا الـ Batch
تقدر من قائمة File تختار Batch Convert
وتختار مجلد يحتوي على مجموعة كبيرة من ايقونات الـ SVG
وراح يحولها ويحفظها كله دفعه وحده ! مع العلم راح يعتمد على اعدادات اول ايقونة
الاستخدام سهل في الـ Xcode فقط اضيف الايقونة في مجلد Assets
وبعدها استخدمها كأي صورة بهذا الشكل لاحظت انه يتطلب اضافة .SFSymbol
مع انه كل الامثله الي لقيتها في النت ما يضيفوا لها SFSymbol جربت بدونها الايقونة ما طلعت !
فيديو من الـ Xcode