تصميم صفحة لعرض الاثاث مع وجود انميشن للتحريك بشكل انسيابي FlutterFlutter هي تقنية برمجة مفتوحة المصدر من Google تسمح لك بإنشاء تطبيقات أندرويد و iOS وويب باستخدام لغة برمجة واحدة فقط. تتميز Flutter بمجموعة أدوات قوية لإنشاء رسومات وتأثيرات رسوم متحركة معقدة وهيا متلائمة جدا مع لغة برمجة الاندرويد سواء...

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

شرح استخدام grid view مع staggered في Flutter بعدة انماطبسم الله الرحمن الرحيم في هذه المقالة سوف نشرح لكم الحالات المختلفه في استخدام grid view وكيف تقوم بعمل تصميم مخصص لك او اختيار او تصميم من التصميمات التي نقدمها لكم بالاسفل كما هو موضح , حيث تعد ال grid view...

تصميم تطبيق بسيط لعرض الاشخاص مع وجود complex animation في Flutterالبرمجة: لغة العصر الحديثالبرمجة هي عملية كتابة التعليمات البرمجية لإنشاء تطبيقات وبرامج حاسوبية. وهي مهارة مهمة في العصر الحديث، حيث أصبحت التكنولوجيا جزءًا لا يتجزأ من حياتنا اليومية.توجد العديد من أنواع البرمجة المختلفة، بما في ذلك تطوير تطبيقات الويب والجوال...

انشاء عجلة الحظ في تطبيقات FlutterSpin_wheel_ui عبارة عن حزمة Flutter توفر عنصر واجهة مستخدم لإنشاء عجلات دوارة. إنه قابل للتخصيص للغاية ويمكن استخدامه لإنشاء عجلات دوارة بأي عدد من الأقسام وأي نوع من المحتوى.لاستخدام حزمة spin_wheel_ui، يمكنك إضافة التبعيات التالية إلى ملف pubspec.yaml الخاص بك:dependencies:  spin_wheel_ui: ^0.1.0بمجرد إضافة الاعتمادية، يمكنك...

انشاء Custom Slider شريط لاختيار المقاسلإنشاء Custom Slider في فلاتر، يمكنك استخدام عنصر واجهة المستخدم CustomPainter. يسمح لك عنصر واجهة المستخدم CustomPainter برسم أشكال ورسومات مخصصة على الشاشة.يمكنك استخدام خيالك لإنشاء Custom Slider بأي شكل أو تصميم تريده.فيما يلي بعض النصائح لإنشاء Custom Slider:استخدم Paint() لتحديد لون وأسلوب الأشكال والخطوط...

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

تصميم صفحة تطبيق messanger مع تدرج الالوان اثناء عمل Scrollسؤال كان يراودني منذ مده كيف يقوم تطبيق المحادثات الشهير messanger التابع لفيسبوك بامكانيه عمل تدرج لوني للنص بحيث النص في الاعلى لون وبالاسف يكون لون اخر مختلف وعند عمل scroll للشاشه نشاهد ان اللون يتدرج ايضا كيف يستطيع التطبيق عمل...

تصميم صفحة لاضافة الاشخاص داخل تطبيقك في فلاتر | Designing a page to add people within an application in Flutterفي هذا الدرس من دروس تحسين تطبيقات الجوال سوف نشرح معكم كيف تقوم بعمل صفحة لاضافة الاشخاص داخل مجموعه او اضافة مجموعة من العناصر داخل box كما هو موضح بالصورة مع انميشن...

تصميم صفحة لكتابة الرقم السري لفتح التطبيق باشكال مختلفه في Flutterفي هذا المقال نقدم لكم كيفية اضافة باسورد للتطبيق الخاص بك باستخدام النمط او حتى بالسحب كما هو موضح بالصورة الخاصه بالمقاله , يمكنك استخدام الطريقة التي تناسبك في التعامل مع كلمات السر لتطبيقك او التعديل على الكود والتعديل على...

تصميم ui باستخدام Flutter لصفحة عرض تفاصيل المنتج مع Animation في هذا المقال سوف نتعرف على CustomScrollView وكيف تقوم بعمل scroll للعناصر الخاصه بك مع انميشن لطيف اثناء النزول للاسفل او حتى الصعود للاعلى كما هو موضح بالصورة الخاصه بالمقاله , بكل بساطة ما سوف تحتاج اليه هو استخدام خاصية CustomScrollView...

شرح NestedScrollView وانشاء واجهة profile تطبيق instagram في Flutterفي هذا المقال سوف نشرح معكم كيفية استخدام NestedScrollView في تطوير تطبيقات Flutter حيث ان NestedScrollView من الامور المهمه التي عليك معرفتها لانها ترفع من كفاءة التطبيق الخاص بك بشكل كبير جدا وابسط مثال على ذلك عندما تريد ان تقوم بعمل تحريك...

الطريقة الصحيحه لعمل scroll للعناصر في حالة وجود ListView في flutter باستخدام CustomScrollViewفي هذا المقال سوف نشرح معكم كيف تقوم ببناء ScrollView في حالة اذا كان لديك احد العناصر موجوده بالاعلى وتريد ان تقوم بعمل ScrollView كامل للشاشه وهذا اذا كان لديك جزء في الاعلى يحتوي على عنصر وبالاسفل مباشرة...

تخصيص شكل side menu في flutter بدون مكتبات مع تصميم مختلفالاسباب التي تجعل موقعك او برنامجك او حتى تطبيقك مميز عن غيره وهو وجود عناصر مختلفه غير معتاد عليها المستخدم العادي وتناسق الالوان والعنصر الاخير والذي لا غنى عنه وهو الانميشن في كل هذه العناصر تؤثر بشكل كبير لدى المستخدم...

تصميم لصفحة الاتصال في flutter بشكل احترافي | Flutter contact page design professionallyفي هذا المقال سوف نساعدكم باذن الله تعالى على تكوين صفحة للاتصال داخل التطبيق الخاص بكم في flutter , كما هيا موضحه بالصورة الخاصه بالمقال وسوف نحتاج بعض المكتبات التي تساعدنا في انشاء التصميم بشكل جميل مثل انميشن للنص...

تصميم لايقونة الشات مثل تطبيق واتساب في flutter باسهل طريقةفي هذا المقال نقدم لكم مجموعة من الاشكال والانماط التي يمكنكم استخدامها في تطبيقاتكم بكل سهوله كما نعلم ان تطبيق واتساب وبعض تطبيقات المحادثه تستخدم ميزة لعمل شكل سهم صغير بجانب الرساله وفي مقالتنا اليوم سوف نقدم لكم هذا الشكل بشكل...

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

تصميم Container مخصص في Flutterفي هذا المقال سوف نقوم بتخيصيص شكل معين لل Container في فلاتر حتى يظهر للمستخدم بشكل مختلف مثل الايقونات الخاصه باجهزة السامسونج نلاحظ ان العناصر تحتوي على Container  ولكنها بشكل مختلف قليلا وفي هذه المقالة سوف نشارك معكم الشكل الذي يوجد باخلها حتى تتمكن من استخدامه...

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

مجموعة من التصاميم المتنوعه لتغيير شكل switch في Flutterفي هذا المقال نشارك معكم مجموعه من العناصر الجميله التي تعطي لتطبيقك مظهر جذاب وتميزه عن باقي التطبيقات وهيا امكانية لجعل الswitch الخاص بتطبيقك بشكل افضل وبدون اي مكتبات خارجية فقط سوف تتمكن من تنفيذ هذه الاشكال من خلال اكواد بداخل flutter...

شرح كيفية إنشاء SliverAppBar بشكل جميل داخل flutterSliverAppBar واحد من العناصر التي تعطي لتطبيقك منظر جمالي وتحسن من شكله العام وفي هذا المقال سوف نشرح لكم طريقة جديده في عمل SliverAppBar وهيا انه سوف يمكنك عمل تمديد للappbar والامر لا يقتصر على هذا فقط بل مع زيادة السحب سوف تزيد...

تصميم لصفحة الوضع الليلي والنهاري مع انميشن في فلاترفي هذا المقال سوف نشارك معكم design جديد ومختلف لصفحة الdark mode حيث يعد الوضع الليلي في التطبيق شيئ اساسي حاليا ونلاحظ ان التطبيقات التي لا تتضمن وضع ليلي تكون اقل استخداما من التطبيقات التي تحتوي عليه ولكن في هذه المقالة سوف...

تصميم صفحة لعرض المنتج وعمل انميشن على المنتج وتغيير اللون والسعر في Flutterفي هذا القسم سوف نحاول دائما مساعدتكم في تحسن شكل التطبيق الخاص بكم عن طريق وضع ui لبعض التصاميم الجميلة التي يمكنك استخدامها داخل تطبيقك بكل سهوله وهذا من اجل مساعتدكم في بناء التصميم الخاص بكم بسهوله وتحسين...

 شرح كيفية التنقل  وعمل blur للصور مع Animated في flutterكما نعلم ان الانميشن من العناصر المهمه جدا في التطبيقات وذلك لانها تحسن من شكل التطبيق بصورة قوية جدا وتجعل المستخدم يفضل تطبيقك عن التطبيقات المختلفه والموجوده في المتجر ولهذا نشارك معكم بين كل فتره والاخرى تصاميم مختلفه ومتنوعه من اجل...

 تصميم صفحة sign in و sign up بإستخدام animation في flutterما يميز فلاتر انه تتوفر على الكثير من الشروحات وايضا هيا من ابسط التكنولوجي في البرمجه ومع ذلك فهي قوية جدا وتتميز بقوة في الanimation والمؤثرات وفي مقالة اليوم سوف نقدم لكم تصميم لتسجيل الدخول وتسجيل حساب في التطبيق مع...

 انشاء مربع احترافي للتخفيضات في تطبيق متجرك بإستخدام Flutterمن خلال مشاهدتي لاحد مواقع التواصل الاجتماعي شاهدت شخص قام بطلب تصميم بتقنية فلاتر لعرض الكوبونات الخاصه بالمتجر بشكل منسق وكان يسال كيف يمكن برمجة كود لعرض الاكواد بشكل منسق وجميل ولفت نظري هذا المنشور وقررت البدء في تصميم الشكل وفي النهايه...

 تصميم صفحة تسجيل دخول احترافية في Flutter مع animationفي هذا الكود سوف نقوم بعمل صفحة Login مختلفة قليلا عن الصفحات التي قدمناها لكم سابقا فهذة الصفحة سوف نقوم باستخدام المؤثرات و الانميشن بداخلها ليتم تغيير الصورة الموجوده بالاعلى اكثر من مره خلال فترة فتح الصفحة وايضا يوجد بعض المميزات التي...

 كيفية استخدام animations عند تغيير الصور في flutter بسهولهفي هذا الكود نقدم لكم طريقة جديده لعرض الصور والمميز انها لن تحتاج منك الى تثبيت اي مكتبات خارجية بل ما سوف نقوم به هو استخدام الanimations الموجوده داخل flutter لتنفيذ امر معين اثناء تغيير الصوره والنقر على زر التغيير وهذا الامر...