Windows

طرز اور مرکزی خیال، موضوع کے کنٹرول کے مرکزی خیال، موضوع کا استعمال کریں: ونڈوز فون ایپلی کیشن ٹیوٹوریل - حصہ 20

ئەو ڤیدیۆی بوویە هۆی تۆبە کردنی زۆر گەنج

ئەو ڤیدیۆی بوویە هۆی تۆبە کردنی زۆر گەنج
Anonim

آخری ٹیوٹوریل میں ہم نے سیکھا کہ ہمارے کنٹرول کے لئے سٹائل اور تھیم وسائل کیسے لاگو ہوتے ہیں. اب ہمارے سبق سیریز کے اس حصے میں، ہم شیلیوں اور وسائل کے ساتھ کام جاری رکھیں گے اور اپنی پسند کے رنگ وسائل کو لاگو کرنے کے بارے میں سیکھیں گے.

ہم اسی پروجیکٹ کے ساتھ کام کرنا شروع کریں گے جو ہم آخری ٹیوٹوریل میں تخلیق کرتے ہیں. ایک بٹن کے ساتھ. اس بٹن کو منتخب کریں اور سرٹیفکیٹ ونڈو کی طرف سر کریں. جب آپ فارورڈ پراپرٹیز کے قریب واقع چھوٹی تیر والے کلید پر کلک کریں تو آپ کو یہ پتہ چل جائے گا کہ ایک اور چھوٹی ونڈو مختلف رنگین ٹائل اور اس پر ٹیب کے ساتھ کھولتا ہے. اس چھوٹا سا ونڈو پر چار چھوٹے ٹیب ہیں نول برش، ٹھوس رنگین برش، گرڈینٹ برش اور تصویری برش. پہلے سے طے شدہ طور پر یہ رنگ سفید کے ساتھ برش ٹھوس بناتا ہے (آرجیبی: 0،0،0 اور الفا شفافیت چینل 255 تک قائم ہے). آپ عمودی بار کے ساتھ سلائڈر منتقل کرنے اور پھر سرکلر کرسر کو درست سایہ منتخب کرنے کے لۓ آپ چاہتے ہیں رنگ منتخب کر سکتے ہیں. آپ iDropper کو بھی منتخب کر سکتے ہیں جس کا استعمال آپ کسی بھی دستیاب آلے کے رنگ اختیار کر سکتے ہیں. اس ٹھوس رنگ برش پر رنگ کو نظر ثانی کرنے کے بہت سے طریقے موجود ہیں.

وہی گرڈینٹ برش کے ساتھ جاتا ہے. یہ ٹھوس رنگ برش کے طور پر اسی کام کو انجام دیتا ہے لیکن کھیلوں کو کچھ اضافی اختیارات. یہ آپ کو اسٹاپ کی ایک سلسلہ فراہم کرتا ہے. آپ منتخب کردہ رنگ میں مختلف رنگوں کے لۓ تخلیقی طور پر ان کو روک سکتے ہیں. آپ افقی تدریسی اور عمودی تدریسی جیسے اختیارات استعمال کرتے ہوئے رنگ کی ساخت کو بھی تبدیل کرسکتے ہیں. تصویری برش آپ کو ہمارے ذریعہ ایک تصویر منتخب کرنے کی اجازت دیتا ہے. آپ ایک تصویر بھی شامل کرسکتے ہیں جیسے ہم نے تصویری کنٹرول میں ایک تصویر شامل کی.

اب کے لئے، میں نے ایسا کیا ہے جیسے سٹریٹ کا رنگ برش کا استعمال کریں. (تصویر دیکھیں). اب اگر آپ XAML کھڑکی کو دیکھتے ہیں تو، آپ دیکھیں گے کہ کچھ کوڈ XAML ونڈو میں بٹن کے لئے شامل کیا جاتا ہے.

اب لگتا ہے، اگر ہم اسی سردی رنگ کا رنگ شامل کرنا چاہتے ہیں تو ہم نے ہمارے صفحے پر تمام دیگر کنٹرولوں کو ہمارے بٹن کے لئے شامل کیا ہے، ہم یہ کیسے کریں گے؟ اس کے لئے پیش منظر کی جائیداد پر جا چکا ہے جہاں ہم اس پر فکسی تدریسی رنگ برش اور دائیں کلک کریں اور "وسائل کے لۓ قدر نکالیں" کو منتخب کریں. یہ ایک چھوٹی سی پاپ اپ ونڈو "وسائل تخلیق کریں" کھولیں گے. آپ اس وسائل کا نام لکھ سکتے ہیں جیسے آپ چاہتے ہیں یا آپ اسے چھوڑ سکتے ہیں. اس کے بعد آپ اس کا انتخاب کرسکتے ہیں کہ آپ اسے کہاں بچانا چاہتے ہیں، اس پر منحصر ہے کہ آپ اس وسائل کا استعمال کہاں کرنا چاہتے ہیں. اگر آپ اسے واحد صفحہ پر استعمال کرنا چاہتے ہیں تو، MainPage.xaml کو منتخب کریں اور ایپ.مامیل کو منتخب کریں اور اوک پر کلک کریں.

اب ڈیزائنر کی سطح پر ایک اور بٹن ڈالیں اور پیش منظر پر جائیں. اب آپ مقامی وسائل کے نام سے اپنی مرضی کے وسائل تلاش کریں گے. ایک بار جب آپ اس پر کلک کرتے ہیں، تو آپ کو دوسرا رنگ لے کر دوسرا بٹن دیکھیں گے. کیا اگر ہمارے پاس بہت سے خصوصیات ہیں جو ہم اپنے کنٹرول پر لاگو کرنا چاہتے ہیں؟ ہم شیلیوں کا استعمال کرتے ہوئے کر سکتے ہیں. ایک سٹائل جائیداد کے مکانوں کا ایک مجموعہ ہے. اب ہم ایک نئی طرز بنائیں. سب سے پہلے سبھی ترمیم کو ختم کریں جو ہم نے گزشتہ مثال میں کیا اور تازہ آغاز کیلئے نیا بٹن حاصل کریں.







اس کوڈ میں، ہم نے سرحدی اور پیش منظر رنگ کو تبدیل کرنے کے لئے دو سیٹٹر کی خصوصیات کو تخلیق کیا ہے. اس کے بٹن کے کوڈ پر جانے کے بعد اور یہ تھوڑا سا کوڈ شامل کریں:

سٹائل = "{StaticResource myStyle}".

آپ کو یہ پتہ چلتا ہے کہ ہمارے بٹن کی سرحد کا رنگ اور پیش منظر کا رنگ سرخ ہوجاتا ہے.

اب اگر آپ چاہتے ہیں اس طرز کو اپنی پوری درخواست پر لاگو کرنے کے لئے، کوڈ کے درمیان کٹائیں. اپلی کیشن وسائل ٹیگ کے درمیان اپلی کیشن فائل کھولیں اور اسے پیسٹ کریں. اب اگر آپ واپس جائیں اور بٹن چیک کریں تو، آپ دیکھیں گے کہ بٹن ابھی بھی سرخ رنگ دکھاتی ہے.

تو یہ سب ونڈوز فون 7.5 میں طرز اور وسائل کے بارے میں ہے. اگلے باب میں ہم xaml صفحات کے درمیان نگہداشت کے بارے میں سیکھیں گے.