Latest web development tutorials

مسج واجهة المستخدم موضوع

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

يوفر إطار مسج واجهة المستخدم CSS التمثيل الدلالي للطبقة للإشارة إلى دور العناصر المكونة صغيرة، مثل العنوان والمحتوى، أو منطقة يمكن النقر عليها. هذه هي ثابتة في جميع أجزاء صغيرة، وعلامة تبويب للنقر (علامة التبويب)، الأكورديون (الأكورديون) أو زر (زر) لديها نفس ui-state-default ، والطبقة، لإظهار أنهم نقر أ. عند مرور المستخدم في الجزء العلوي من هذه العناصر، وتصبح الطبقة ui-state-hover ، ثم هذه العناصر تصبح منتخبة في ui-state-active . فئة من الاتساق يجعل أداء مظهر متناسق من كل من العناصر أو المكونات التي لها دور مماثل في ولاية التفاعل.

يتم تغليف إطار نمط CSS في ملف منفصل، يدعى ui.theme.css . هذا الملف من خلال شكل رولر تطبيق لتعديل. نمط الإطار يحتوي تؤثر فقط على مظهر وملمس الممتلكات، وطالما أن الألوان، والصور الخلفية، والرموز وهلم جرا. لذلك فان هذه هي "آمنة" على غرار، فإنه لن يؤثر على وظيفة في المكونات. هذا الفصل يعني أن المطورين يمكن استخدامها في theme.css تعديل اللون وملفات الصور لخلق نظرة العرف والمظهر. منذ مستقبل المكونات الإضافية أو علة الحلول سوف تكون متاحة، وهذه يمكن استخدامها دون تعديل من قبل موضوع.

منذ غطاء نمط الإطار الشكل والمظهر، لذلك يجب أن تشمل فقط محددة المكونات في أوراق الأنماط، وتشمل هذه الأوراق على غرار جميع الحاجيات إضافية تسمح قواعد النمط بنية وظيفية، مثل الحجم، والحشو، والهوامش، تحديد المواقع، وتعويم. كل الأنماط القطعة themes/base مجلد، ومع "jquery.ui.accordion.css" المكونات في الاسم، مثل. هذه الأنماط يجب بعناية تحريرها النصوص لأنها توفر إطارا تغطي الأنماط معا.

ونحن نشجع كل المطورين لإنشاء المكونات في مسج، إطار مسج واجهة المستخدم CSS يجعل من السهل بالنسبة للمستخدمين النهائيين لاستخدام العرف المواضيع والمكونات الإضافية.

سمات

هنا ثلاثة من القطعة مسج واجهة المستخدم المتعلقة بإجراءات العام:

  • تحميل الموضوعات شكل رولر: أولا إنشاء موضوع هو استخدام شكل رولر لتوليد وتحميل موضوع. هذا التطبيق سوف خلق جديد ui.theme.css ملف ويحتوي على كافة الصور الخلفية الضرورية والرموز العفريت images المجلد. هذا الأسلوب هو أول من خلق والحفاظ على موضوع الطريق، ولكن الخيارات التي توفرها محدود شكل رولر المخصصة.
  • تعديل ملف CSS: من أجل تعزيز الشكل والمظهر من الضوابط، يمكنك الاختيار من بين السمة الافتراضية (نعومة) يبدأ، أو من موضوع واحد الناتجة عن البدء شكل رولر، ومن ثم ضبط ui.theme.css الملف، في المكونات منفصلة أو أي الأنماط. على سبيل المثال، يمكنك بسهولة ضبط زاوية في دائرة نصف قطرها من جميع الأزرار تختلف عن قيم مكونات واجهة المستخدم أخرى، أو استخدام رمز مخصص لتغيير المعالج المسار. أساليب تتراوح من خلال قليلا، يمكنك حتى استخدام أكثر من موضوع واحد في واجهة المستخدم. لتسهيل الصيانة والتغيير المقترح فقط ui.theme.css الملفات والصور.
  • إعادة كتابة CSS مخصص: لتحقيق أقصى قدر من السيطرة على الشكل والمظهر، يمكنك البدء في الكتابة مرة أخرى على كل القطعة والمغلق، من دون استخدام الطبقات إطار المكونات في أو أنماط محددة. إذا كنت ترغب في الشكل والمظهر يمكن أن يتحقق عن طريق تعديل CSS أو استخدام علامات مخصصة للغاية، ثم يمكنك استخدام هذا الأسلوب. ويتطلب هذا النهج خبرة عميقة في مجال CSS، وتتطلب التحديثات اليدوية لالمستقبلية المكونات الإضافية.

استخدام شكل رولر، مسج إطار UI CSS، فضلا عن موضوع التصميم حسب الطلب