21سبتمبر

Building Custom Sliding Share UIView with buttons

السلام عليكم

منذ زمن طويلة ولم أكتب مقالاً تقنياً جيداً في رأيي , نظراً لانشغالي الشديد ببعض الأمور الحياتيةو اليوم أعود إليكم و لأكتب تدوينة جديدة  هي الأولى من نوعها عن التطوير للأيفون .

الأيفون جهاز جميل للمستخدم مريح وسهل الاستخدام – ليس للجميع – , أما للمطور فهو جهاز خيالي بحق صحيح أنه معقد تعقيدات أبل التي تجعلك تفكر في الابتعاد عنه , إلا أنني عندما عملت عليه صدمت من وضوحه و نظافته , ففي تطوير للأيفون لا تستطيع أن تكتب كود غير نظيف ولابد لك أن تتقيد بقواعد الـ OOP بصورة شديدة جداً و هذا أفضل ما أعجبني فيه , ناهيك عن جمال و روعة الـ Xcode في العرض و معالجة ملفات الواجهات الرسومية .

عودة إلى موضوع التدوينة , فمنذ فترة وجيزة سألت على StackOverFlow عن كيفية عمل واجهة معدلة من واجهات الايفون لأحصل على شكل رسومي بطول 80 Pixel  و عرض 380 Pixel يحتوي على مجموعة من أزار المشاركة للشبكات الاجتماعية  , كما أن المستخدم عندما يقوم بعرضه ينزلق إلى الأعلى و الأسفل ,  كان هذا هو نص السؤال .

كنت أتخيل أن الموضوع صعب وليس من السهل الحصول علي , و كعادتي عندما أسال سؤال على StackOverFlow لا يهدأ لي بال حتى أجد رداً على سؤالي فكل ٥ ثواني اقوم بعمل تحديث للصفحة   – عادة سيئة لأنصح بها 😀 –

وبدات في مشاركة السؤال على تويتر  , وبعدها بقليل جائني ردأ من طارق يخبر عن سهولة الفكرة وسهولة تطبيقها , فبدأت في العمل عليها و البحث و بعد ٣ ساعات من العمل وصلت إلى ما كنت أريده  وكان الحال كما أخبرني أحمد – صديقي الذي دائماُ ما أزعجة بأسئلتي – فقد نصحني بالقرأة أكثر عن الواجهات الرسومية في أبل .

الفكرة بسيطة :

١ – تقوم ببناء شكل رسومي مثل هذا :

من ثم تقوم بإنزال الـ UIView التي تحمل الأزار إلى الاسفل :

٢ – نقوم بربط الشكل الرسومي بالكود عن طريق الـ IBOutlets & IBActions

٣ – نقوم بتحريك الـ UIVIew عند الضغط على زر المشاركة كالتالي :

٤ – ومن ثم تحصل على نتيجة كالتالي :

بهذا تحصل على قائمة للمشاركة متحركة من الأعلى إلى الاسفل و العكس , من السهل التعديل على الـ UIView لتحصل على شكل رسومي أفضل يناسب المستخدم .

يمكنك تحميل المشروع من هنا ,

ولا تنسونا من صالح دعائكم

دمتم بود ,

شارك التدوينة !

عن Mr.Xprt

5 تعليقات

  1. موضوع جميل ومفيد, للمطورين والمستخدمين أيضا.
    فخورة بيك لأنك أكيد تعبت لحد ما وصلت للنتيجة, والحمدلله انك وصلت للنتيجة المرجوة فالله لا يضيع عمل أحد.
    وان شاء الله من تقدم لتقدم لنجاح وعمل مثمر.
    منتظرين المزيد منك مع الآيفون 🙂

  2. Welcome back

    It is very interesting to see u write a helpful article once again, I hope this is the last time u disappear for some time

    very useful , thank u

  3. جزاك الله خيرا

    اخى ممكن تخبرنى كيف اتعلم عمل تطبيقات للايفون ولنظام الاندرويد ومن اين ابدأ وما الذى احتاجه وما الذى يجب اتعلمه

  4. اشكرك كثيرا

    ولكن هل يوجد منهم نسخ مطبوعة فى مصر ؟

    وهل يجب ان اكون على معرفة بلغات معينة

    لان كل ما اعرفه هو html وcss وقليل من php

اضف رد

لن يتم نشر البريد الإلكتروني . الحقول المطلوبة مشار لها بـ *

*

© Copyright 2014, All Rights Reserved