[درس] جعل برنامجك يتحجم تبعاً لاختلاف الشاشات - responsive design

[SEMO.Pa3x]

السلام عليكم ورحمة الله وبركاته..

الكثير يجهل امكانية الأكسس في جعل البرامج بشكل responsive أي انه:

لو كانت لديك شاشة كبيرة سيتغير شكل برنامجك وتوزيع الأزرار والعناصر لتتناسب مع حجم الشاشة

ولو كانت الشاشة صغيرة ايضا ستتغير اماكن العناصر لكي تتناسب مع طبيعة الشاشة وعدم

فقدان أي عنصر او ضياعه عندك تغيير الشاشات.

 

قبل البدء، سأقدم لكم مثال على ما اقصده:

 

 

 

 

 

 

هذا اخر مشاريعي في الأكسس وهو يتغير تبعاً لأختلاف الشاشات.

 

لنبدأ:

سأقوم بوضع Button في منتصف الشاشة بحيث لا يتغير مكانه لو تغير حجم الشاشة

 

 

ثم

 

 

قم بعملية الأدراج من جميع الأماكن ( يسار, يمين, أعلى , أسفل )

بحيث يصبح كالأتي:

 

 

ثم

 

 

من الطرف اليمين، نختار الأرتساء الأفقي ( كلاهما )

وكذلك الحال بالنسبة لليسار

 

 

كذلك الحال نطبق على الأعلى والأسفل لكن هذه المرة سوف نعدل الأرتساء العمودي

 

 

وكذلك بالنسبة للأعلى

 

 

جرب الآن وسوف ترى ان الـ Button سيبقى في الوسط مهما تغير حجم الشاشة لو وضعت شاشة كبيرة أو صغيرة سيظل بنفس مكانه في الوسط.

أي سؤال أنا موجود، تحياتي لكم.

تم تعديل يناير 26, 2021 بواسطه SEMO.Pa3x

[sandanet]

بارك الله فيك وزادك من علمه .. فعلاً معلومة مفيدة .. لكن ماذا عن حجم النموذج نفسه ان لم يكن في وضع مليء الشاشة..هل هنالك طريقة تجعله يناسب حجم الشاشة بدون أكواد برمجية؟

[SEMO.Pa3x]

1 دقيقه مضت, sandanet said:

بارك الله فيك وزادك من علمه .. فعلاً معلومة مفيدة .. لكن ماذا عن حجم النموذج نفسه ان لم يكن في وضع مليء الشاشة..هل هنالك طريقة تجعله يناسب حجم الشاشة بدون أكواد برمجية؟

 

ممكن توضيح لهذه النقطة:

( لكن ماذا عن حجم النموذج نفسه ان لم يكن في وضع مليء الشاشة..هل هنالك طريقة تجعله يناسب حجم الشاشة بدون أكواد برمجية؟ )

[أبوبسمله]

جزاك الله خيرا اخي واستاذي د حسنين 

جعله الله في ميزان حسناتك 

سأقوم بالتجربه وموافاتك بالتيجه إن شاء الله عند عودتي من العمل بإذن الله 

تقبل تحياتي اخوك الصغير احمد 

[أبوبسمله]

صحيح اخي واستاذي العزيز أن هذا التقسيم والتخطيط قد نفعني في هذه الأيام وضبط معي أشياء جميله فالنماذج ولكن لم الحظ هذه المعلومه الا الان منكم ومن درسكم الرائع والمفيد جزاك الله خيرا استاذي العزيز 💐 وجعله الله في ميزان حسناتكم

[محمد سلامة]

معلومة مفيدة جدا وجديد شكرا جزيلا

 

[qathi]

On 1/26/2021 at 11:36 AM, SEMO.Pa3x said:

Button سيبقى في الوسط مهما تغير حجم الشاشة لو وضعت شاشة كبيرة أو صغيرة سيظل بنفس مكانه في الوسط

 

مبدع استاذنا حسنين

اسمح لي بهذه المداخلة

بخصوص اذا كان اكثر من زر وهذه الازرار متجاورة  وكذلك اكثر من نموذج الفرعي 

 وياريت ان كان لا مانع لديك  شرح عملي لشاشة فيها اغلب الكائنات  للمحاذاة

شاكرا لك سعة صدرك

 

[SEMO.Pa3x]

4 ساعات مضت, qathi said:

 

مبدع استاذنا حسنين

اسمح لي بهذه المداخلة

بخصوص اذا كان اكثر من زر وهذه الازرار متجاورة  وكذلك اكثر من نموذج الفرعي 

 وياريت ان كان لا مانع لديك  شرح عملي لشاشة فيها اغلب الكائنات  للمحاذاة

شاكرا لك سعة صدرك

 

 

أهلاً عزيزي، تفضل.

example_semo.accdb

[jjafferr]

في ٢٦‏/١‏/٢٠٢١ at 13:41, sandanet said:

ماذا عن حجم النموذج نفسه

انا استخدم هذه الطريقة :

تكبير النموذج بدون تغطية شريط قائمة إبدأ - قسم الأكسيس Access - أوفيسنا (officena.net)

 

 

وبعد اذنك دكتور حسنين ، فقد عملت تغيير على نموذجك ، الى :

.

وادخلت بقية الكائنات اللي في الرابط اعلاه ، فجرب تشغيل البرنامج بدون مسك زر الشفت (حتى النموذج اعلاه يتسع حسب شرح الدكتور) ، ثم افتح البرنامج مرة اخرى بمسك زر الشفت لترى تفاصيل البرنامج 🙂

 

جعفر

example_semo.zip

[gavan]

مرحبا بكم يا اساتذتي 

سؤالي الان وانا ابحث عن ظالة وهي الان : هل برنامج الاكسس بهذا الضعف من ناحية التصميم ؟؟؟

ليكن هناك موديول خاص يحل كل المشاكل بالنسبة الى  ابعاد فورم الاكسس وكل محتوياتها حتى تغير حجم الخط وووو الخ عند اختلاف احجام الشاشات , ويتم استدعائها من الفورم المطلوب 

مثال الاخ حسنين جيد ولكن عند تغير حجم الشاشة لا يتوسطها 

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

خلاصة : انا ارى صعوبة كبيرة في هذه العملية في الاكسس , وان كان هنالك برنامج بديل لصنع النماذج و يرتبط بالاكسس وبشكل سهل اكون شاكرا و ممتنا

تحياتي لكم