تطبيق نمط ومورد السمة على عناصر التحكم: درس تطوير تطبيقات الهاتف في Windows - الجزء 20

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

لنبدأ العمل مع نفس المشروع الذي أنشأناه في البرنامج التعليمي الأخير مع زر واحد. حدد هذا الزر والتوجه نحو نافذة الممتلكات. عندما تنقر فوق مفتاح سهم صغير يقع بجانب خاصية Foreground ، ستلاحظ أن نافذة صغيرة أخرى تفتح على البلاط الملون وعلامات التبويب. هناك أربعة علامات تبويب صغيرة في تلك النافذة الصغيرة وهي Null Brush و Solid Color Brush و Gradient Brush و Image Brush. بشكل افتراضي ، يتم ضبطه على فرشاة صلبة بلون أبيض (RGB: 0،0،0 وقناة شفافية ألفا مضبوطة على 255). يمكنك اختيار اللون الذي تريده عن طريق تحريك شريط التمرير على طول الشريط الرأسي ثم المؤشر الدائري لتحديد الظل بالضبط. يمكنك أيضًا اختيار iDropper الذي يمكنك من خلاله استخدام لون أي من الأدوات المتاحة. هناك الكثير من الطرق للحصول على تعديل اللون على هذه الفرشاة ذات الألوان الصلبة.

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

في الوقت الحالي ، استخدم فرشاة ألوان متدرجة باستخدام توقف مثلما فعلت (انظر الصورة). الآن إذا رأيت نافذة XAML ، سترى أن بعض الشفرات تمت إضافتها إلى نافذة XAML للزر.

الآن لنفترض ، إذا كنا نريد أن نضيف نفس لون التدرج الذي أضفناه للزر الخاص بنا لجميع عناصر التحكم الأخرى على صفحتنا ، كيف لنا أن نفعل ذلك؟ لذلك ، انتقل إلى الخاصية الأمامية حيث نضع الفرشاة اللونية غير المتدرجة ونقر بزر الماوس الأيمن عليها واختر "استخراج القيمة إلى المورد". وسوف تفتح نافذة منبثقة صغيرة "إنشاء الموارد". يمكنك تسمية المورد كما تريد أو يمكنك المغادرة كما هي. ثم يمكنك اختيار المكان الذي تريد حفظه فيه ، وذلك حسب المكان الذي تريد استخدام هذا المورد فيه. إذا كنت ترغب في استخدامه في صفحة واحدة ، حدد MainPage.xaml آخر اختيار App.xaml وانقر فوق موافق.

الآن اسحب زر آخر على سطح المصمم وانتقل إلى الخاصية الأمامية. الآن سوف تجد مورد مخصص لدينا تحت اسم الموارد المحلية. بمجرد النقر فوقها ، سترى الزر الثاني يحمل نفس اللون الأول. ماذا لو كان هناك العديد من الخصائص التي نريد تطبيقها على سيطرتنا؟ يمكننا القيام بذلك باستخدام الأنماط. النمط هو مجموعة من أصحاب العقارات. دعونا نبتكر نمطًا جديدًا الآن. احذف أولاً جميع التعديلات التي أجريناها في المثال الأخير واحصل على زر جديد للبداية الجديدة. قم بلصق التعليمة البرمجية التالية أسفل تعريفات xmlsns.

في هذا الكود ، قمنا بإنشاء خاصيتين خاصتين لتغيير اللون الأمامي والخطي. بعد ذلك ، انتقل إلى رمز الزر وأضف هذه الشفرة من الكود:

Style = "{StaticResource myStyle}".

ستلاحظ أن لون حدود الزر الخاص بنا واللون الأمامي يتحول إلى اللون الأحمر.

الآن إذا كنت تريد لتطبيق هذا النمط على تطبيقك بالكامل ، قم بقص الكود بين. افتح الملف App.xaml وقم بلصقه بين علامات مورد التطبيق. الآن إذا عدت وتحقق من الزر ، سترى أن هذا الزر لا يزال يعرض اللون الأحمر.

إذاً هذا هو كل شيء عن الأنماط والموارد في Windows Phone 7.5. سنتعرف في الفصل التالي على التنقل بين صفحات xaml.