مسج واجهة المستخدم موضوع
كل مسج واجهة المستخدم في المكونات يسمح للمطورين لتتكامل بسهولة الحاجيات واجهة المستخدم إلى الشكل والمظهر من مواقعهم أو التطبيقات. يتم تعريف كل القطعة من الأنماط 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، وتتطلب التحديثات اليدوية لالمستقبلية المكونات الإضافية.