مراجعة: برنامج PaintCode يتفوق في تحويل الصور المتجهة إلى كود

تعد دقة البكسل جزءًا أساسيًا من تجربة البرنامج التي يتوقعها المستخدمون من OS X و iOS. إنه يتطلب نوعًا من الدقة يُترك عادةً في أيدي المصممين ذوي الخبرة الذين يعرفون كيفية التعامل مع كل تفاصيل الصور والأيقونات للحصول على أفضل نتيجة ممكنة. ومع ذلك ، فإن هذا الهدف يستغرق وقتًا طويلاً ومكلفًا لتحقيقه ، وهو أمر لا معنى له إلا عندما تكون الواجهة قد تم تشكيلها بالكامل.

على نفس المنوال ، هناك بعض الحالات التي يصعب أو يستحيل فيها تحقيق الكمال على مستوى البكسل بسبب عدد من القيود ، مثل الحجم الكلي للملف ، والحاجة إلى دعم القرارات التعسفية ، أو ربما متطلبات التعقيد الرسوم المتحركة. في هذه الحالات ، يجب على المطور القديم استخدام المتجه الصور ، التي تستند إلى التمثيل الرياضي لمجموعة من المنحنيات التعسفية ، يتم تقديمها على الطاير ومقياسها بشكل تعسفي دون فقدان الدقة.

على الرغم من أن كل من OS X و iOS يحتويان على واجهات برمجة مدمجة ممتازة لتنقيط المتجهات ، فإن دعمهما لتنسيقات ملفات المتجه الشائعة مثل SVG محدودة ، غالبًا ما تتطلب استخدام مكتبات خارجية ، وتجعل من الصعب (وإن لم يكن من المستحيل بأي حال) معالجة الصور الناتجة بتفاصيل دقيقة.

PixelCut الرسام (رابط Mac App Store) تهدف إلى حل هذه المشكلات من خلال قدرتها على تحويل رسم توضيحي متجه إلى سلسلة من التعليمات البرمجية. يمكن بعد ذلك تضمين الرمز مباشرةً في تطبيق مكتوب بأي منهما ج موضوعية أو C # باستخدام Xamarin ومنح المطورين مرونة كبيرة في استخدامه.

يمكن لـ PaintCode معالجة معظم الميزات التي تدعمها تنسيقات الملفات الشائعة مثل SVG.

ما هو ناقلنا ، فيكتور؟

يوفر PaintCode ثلاث وظائف أساسية: استيراد مستندات المتجه الحالية (بالإضافة إلى إنشاء مستندات جديدة من البداية) وتحريرها وتصديرها إلى سلسلة من الملفات المصدر التي يمكن استخدامها في تطوير مشروع.

ربما يكون أولها أكثرها وضوحًا: يمكن للتطبيق استيراد إما ملفات SVG القياسية أو المستندات المحفوظة باستخدام تنسيق PSD الخاص بـ Adobe Photoshop ، على الرغم من أن الأخير يتطلب شراءًا إضافيًا داخل التطبيق ($20). في اختباراتي ، تمكنت من تحميل مجموعة كبيرة من الرسومات القائمة على المتجهات بنجاح - بما في ذلك واجهة المستخدم عناصر من بعض التطبيقات التي عملت عليها وملفات أخرى لم يتم تصميمها مع تطوير التطبيقات في عين الاعتبار.

تقريبا دون فشل ، أداء PaintCode بشكل رائع ؛ في حالة واحدة - ملف قديم تم تصديره إلى SVG من Adobe Illustrator ويحتوي على خط غريب - اضطررت إلى إجراء بعض التعديلات من أجل نجحت عملية الاستيراد ، ولكن كان التطبيق قادرًا على تحميل حتى أكثر المستندات تعقيدًا التي يمكنني رميها دون تخطي تغلب.

محرر المحرر

يسمح لك محرر التطبيق بتمييز العديد من جوانب الرسوم التوضيحية ، مما يسهل التعامل معها في التعليمات البرمجية.

يجب أن أعترف بأن قرار دمج محرر في التطبيق جعلني مرتبكًا قليلاً في البداية. لم أستطع رؤية المصممين يبتعدون عن الأدوات التي اعتادوا عليها بالفعل ، وبدا من غير المحتمل أن يرغب المطور في التعامل مع إضافة برنامج آخر إلى سلسلة أدواتهم فقط من أجل اكتساب قدرة بدائية على التعامل مع الرسوم البيانية مستندات.

بمجرد أن قرأت وثائق PaintCode ، أدركت أن PixelCut هو إنشاء "محرر محرر" يمكنه زيادة، بدلاً من استبدال الأدوات الموجودة من خلال توسيع وظائفها. (يمكنك أن ترى بعض الأشياء الرائعة التي يمكن للتطبيق قراءتها من خلال قراءة وثائقه ، التي تمت كتابتها بشكل جيد ، إلى حد كبير ، وتتضمن أيضًا عددًا من الميزات المفيدة دروس و أمثلة).

يسمح لك محرر PaintCode بعزل الأجزاء الفردية من الرسم ومعالجتها بطرق تسهل التفاعل معها في التعليمات البرمجية ؛ في أبسط مستوى ، هذا يعني أنه يمكنك تغيير اسم المتغيرات المستخدمة لإعادة إنتاج كل منها عنصر من المستند بحيث يمكنك تحريكها بشكل منفصل أو تجميعها معًا مناسب. والأهم من ذلك أنها تسمح لك بذلك تطوع جوانب مختلفة من صورك ، مما يعزز فائدتها بشكل كبير.

على سبيل المثال ، يمكنك تحديد الألوان ديناميكيًا بناءً على مجموعة أولية من القيود ، مما يجعل تغيير الصبغة الإجمالية لصورة مسألة تحديد نقطة انطلاق أولية - ميزة رائعة لعناصر واجهة المستخدم مثل الأزرار و أيقونات. يمكنك أيضًا إعداد شكل بحيث يتدرج صعودًا ونزولًا من أبعاده الأولية بطريقة يمكن التنبؤ بها ، مما يكرر وظيفة تغيير حجم الحواف التي توفرها فئات Cocoa مثل NSImage و UIImage. هذا مفيد جدًا عندما تريد ، على سبيل المثال ، أن تتمدد منتصف الزر أفقيًا ، مع الحفاظ على الجانبين بحجم ثابت.

يسهّل استخدام الصور المتجهية المحددة الحدود من ترميز التأثيرات التي يصعب تحقيقها باستخدام الصور النقطية أو ملفات المتجهات التقليدية.

من الرسومات إلى التعليمات البرمجية

تأخذ وظيفة تصدير PaintCode كل ما قمت بإنشائه وتحويله إلى رمز يمكنك استخدامه في تطبيقاتك. هناك بعض الخيارات المتاحة: يمكنك اختيار نظام التشغيل الذي تريد التصدير إليه ، وكذلك اختيارك إما Objective-C أو Microsoft C #. يمكنك أيضًا اختيار ما إذا كنت ستدعم تقنية إدارة ذاكرة ARC من Apple ، واستهداف إصدارات معينة من iOS ، وحتى تحديد ما إذا كانت شفرتك تستخدم نظام إحداثي عادي أو معكوس.

بعد أن أحرقت من قبل أدوات إنشاء التعليمات البرمجية التلقائية من قبل ، أردت التحقق من جودة إخراج PaintCode مباشرة ، لذلك كتبت تطبيق بسيط للغاية الذي يحرك عدة أشكال ، ويحول الشكل إلى الشكل التالي كل ثانيتين. هذا الاختبار الأساسي للغاية لن يفوز بأي جائزة تصميم ، ولكنه مثال جيد على شيء يمكن أن يكون للغاية من الصعب القيام باستخدام الصور النقطية ، سواء بسبب الرسوم المتحركة أو بسبب اشتراط أن تتدرج الصور دون أن تصبح pixellated. باستخدام برنامج PaintCode ، استغرق الأمر مني حوالي 15 دقيقة من البداية إلى النهاية.

كما ترون من قبل إلقاء نظرة خاطفة على المصدر إذا كنت مائلًا جدًا ، فإن جودة الشفرة التي يخرجها التطبيق جيدة جدًا ؛ يتم وضع مسافة بادئة للخطوط الفردية بشكل جيد ويتم التعليق عليها بسخاء عند اللزوم. يتم تقديم كل جانب ذي سمات بارزة من المستند الخاص بك بحيث يمكنك بسهولة معالجة القيم ، مما يجعلها من السهل جدًا التكرار من خلال إصدارات مختلفة من التعليمات البرمجية دون الحاجة إلى إجراء تغييرات بشكل مستمر يدويًا.

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

الحد الأدنى

بسعر 100 دولار ، بالإضافة إلى 20 دولارًا إضافيًا إذا كنت تريد القدرة على استيراد ملفات PSD ، يعد PaintCode أداة مكلفة إلى حد ما. ومع ذلك ، فإن لديها القدرة على تغيير الطريقة التي تقوم بها بالنموذج الأولي وإنشاء تطبيقاتك إلى الأبد ، وستدفع لنفسها على الفور تقريبًا بمجرد بدء الاستفادة من ميزاتها.

حتى إذا كنت تخطط فقط للاعتماد على الصور النقطية المصنوعة يدويًا لمنح تطبيقاتك اللمعان واللمسة النهائية التي تستحقها ، يمكن استخدام برنامج PaintCode لوضع نماذج سريعة لواجهاتك ؛ ما عليك سوى إعداد جميع عناصر واجهة المستخدم كمتجهات وتغيير الأشياء حتى تشعر بالرضا ، وعندها نقطة يمكنك تسليم كل شيء إلى زملائك المصممين والسماح لهم بتطبيق التشطيب اللمسات. الاختلاف في الاعتماد على الصور النقطية التقليدية هو أنه يمكن تمييز جميع التغييرات في التعليمات البرمجية ، مما يسمح لك باختصار عملية النمذجة التكرارية التقليدية وتقصير تطورك دورة.

بالطبع ، إذا كنت في الواقع بحاجة إلى القدرة على التعامل مع الرسومات المتجهة في التعليمات البرمجية ، يمكن أن يكون هذا التطبيق منقذًا حقيقيًا. بالمقارنة مع تقديم ملفات PDF أو SVG ، يمنحك PaintCode المزيد من المرونة والقوة على حساب رسوم لمرة واحدة يسهل تبريرها.

ملاحظة: عندما تشتري شيئًا بعد النقر على الروابط في مقالاتنا ، فقد نربح عمولة صغيرة. اقرأ سياسة الارتباط بالعمولة لمزيد من التفاصيل.
  • Aug 04, 2021
  • 67
  • 0
instagram story viewer