شرح طريقة احتراف نقطة التمدد بالتفصيل الممل (كن خبيرا)

[walid]

http://www.dzbatna.com/images/icons/iconrote.gif ط´ط±ط* ط§ط*طھط±ط§ظپ ظ†ظ‚ط·ط© ط§ظ„طھظ…ط¯ط¯ ط¨ط§ظ„طھظپطµظٹظ„ ط§ظ„ظ…ظ…ظ„ (ظƒظ† ط®ط¨ظٹط±ط§) (http://www.dzbatna.com/t723705/)




بسم الله الرحمن الرحيم

الحمدلله بعد أن تعلمت تصميم الاستايل styleات , حبيت أفيدكم من سابق استايل styleاتى اللى سويتها


اليوم درس مفصلنا خفف على القلب خالى من الكوليسترول للى يحبوا يتقنوا استخدام نقطة التمدد


اولا: ما هى نقطة التمدد : هى عبارة عن منطقة فى التصميم, تتمدد بحسب عرض الشاشة حتى يتمدد التصميم بحجم الشاشة بحيث ما يحصل فيه خربطه

سؤال: هل لازم نقطة التمدد فى تصميم الاستايل styleات

جواب: لا , مو شرط لان هناك نوعين فى تصميم الاستايل styleات 1- استايل styleات متمدده 2-استيلات غير متمدده


طب هل معنى ان ذلك ان الاستيلات غير المتمددة راح تكون مشكلة؟

جواب : لا طبعا http://www.dzbatna.com/images/smilies/bleh.gif لاننا بنتفادى هذه النقطة اثناء تصميمنا http://www.dzbatna.com/images/smilies/shiny01.gif



المهم نرجع لموضوعنا:

اولا : نقطة التمدد اين يكون مكانها فى التصميم؟

جواب: هذا بيعتمد على نوع التصميم اللى أنت بتسويه وراح نأخذ كم مثال حلوين عشان أوضح كلامى http://www.dzbatna.com/images/smilies/icon30.gif


اولا: اذا كان التصميم بسيط جدا ما فيه اى شىء مجرد لون فقط

فنقطة التمدد تمشى فى اى مكان فى التصميم ,وطبعا يفضل الوسط

ونقطة تمدد واحده تكفى للتصميم

نشوف مثال:

http://dzbatna.net/vb/attachment.php?attachmentid=218691&stc=1&d=1203193626




ثانيا: طب نفرض ان تصميمنا مو بسيط http://www.dzbatna.com/images/smilies/nosweat.gif, وكان تصميمنا فيه شوية حركات مثلا اى كلمة او صورة


فى هذه الحالة : لازم تكون نقطة التمدد مكانها يتوفر فيه الشروط الاتية:

1- ان يكون مكان نقطة التمدد مكان صافى ما فيه اى شىء ( يعنى لا كلام ولا نقط ولا اى شىء)

2- ان يكون على جانبى نقطة التمدد مباشرة نفس الللون(يعنى اليسار مثلا اليمين)
وانا اقصد اللى بجانب نقطة التمدد مباشرة يعنى مسافة صعغيرة فقط


3- وهذه أهم شىء ان نقطة التمدد تكون فى الوسط بشرط , ان يسار التصميم فيه صوره او كلام او اى شىء, ويمين التصميم كذلك


ما فهمت عليك.....http://www.dzbatna.com/images/smilies/no.gif , اوكى خلونا نشوف هالمثال

فى هالمثال: نقطة تمدد واحدة فقط + فى المنتصف لانه توفرت الشروط اللى فوق

http://dzbatna.net/vb/attachment.php?attachmentid=218692&stc=1&d=1203193626


ثالثا: طب فرض ان التصميم كان معقد ( صور يمين وصور يسار وصور بالنص)

جواب: هنا لازم نتوقف شوى,

فى هذه الحالة سنضطر لاستخدام نقطتين تمدد مو واحده .......

طب ليش؟


لان طالما فيه صوره على اليسار وصوره فى الوسط وصورة على اليمين , لازم نضيف نقطة تمدد

1- بين الصورة اللى على اليسار والصورة اللى بالوسط
2- بين الوصرة اللى على اليمين والصورة اللى باللوسط

وطبعا لازم تكون المنطقة اللى فيها نقطة التمدد صافيه ما فيها شىء مثل ما قلنا.........


ودايما تذكر قانون الفيزياء اللى بيقول : كل قوتين متساويتين فى المقدار ,متضادتين فى الاتجاه , محصلتهم تكون صفر. http://www.dzbatna.com/images/smilies/icon30.gif
يعنى بهيك نقطة التمدد اللى على اليسار راح تعاكس اتجاه نقطة التمدد اللى باليمين وبالتالى يظبط التصميم



نشوف مثال:

http://dzbatna.net/vb/attachment.php?attachmentid=218693&stc=1&d=1203193626




رابعا: طب ماذا لوكان الاستايل style معقد جدا ( كله صور فى صور ولا فيه اى مكان لاضف نقطة تمدد)

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




1- انه مش صافى( يعنى منطقة من فوق لتحت نفس الشىء)
2- انه على جانبيها ما فيه تطابق

نشوف مثال:

http://dzbatna.net/vb/attachment.php?attachmentid=218694&stc=1&d=1203193626



شوفتوا كيف التعقيد!


طب وشو الحل!!!!!!!



الحل طبعا مع هذا النوع من الاستايل styleات :

اننا نسويه استايل style غير متمدد , لتجنب مشكلة نقطة التمدد




وإالى هنا ينتهى موضوعنا


أتمنى تكونوا فهمتوا الدرس مفصل http://www.dzbatna.com/images/smilies/nosweat.gif


وطبعا فيه طرق اخرى ان شاء الله راح أتطرق إليها







التعديل الأخير كان بواسطة vista-design; 17 - 02 - 2014 الساعة 01:54

ألعاب الأندرويد مجانا و حصريا (http://www.apotox.info/forum)



https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©