নিয়ন্ত্রণের জন্য স্টাইল এবং থিম রিসোর্স প্রয়োগ করুন: উইন্ডোজ ফোন অ্যাপস ডেভেলপমেন্ট টিউটোরিয়াল - পার্ট 20

গত টিউটোরিয়ালে আমরা আমাদের নিয়ন্ত্রণগুলিতে স্টাইল এবং থিম রিসোর্স কিভাবে প্রয়োগ করেছি তা শিখেছি। এখন আমাদের টিউটোরিয়াল সিরিজের এই অংশে, আমরা শৈলী এবং সম্পদের সাথে কাজ চালিয়ে যাব এবং শিখব কিভাবে আমাদের পছন্দসই রঙের প্রজেক্টগুলি প্রয়োগ করা যায়।

আমরা গত টিউটোরিয়ালে একই প্রজেক্টের সাথে কাজ শুরু করি। এক বোতাম সহ যে বোতাম নির্বাচন করুন এবং সম্পত্তি উইন্ডো প্রতি মাথা। যখন আপনি Foreground সম্পত্তি পাশে ছোট তীর কী ক্লিক করুন আপনি লক্ষ্য করবেন যে এটি একটি অন্য ছোট উইন্ডোটি বিভিন্ন রং টাইলস এবং ট্যাব সঙ্গে প্রর্দশিত হবে। সেই ছোট উইন্ডোতে চারটি ছোট ট্যাব আছে যেমন নল ব্রাশ, সলিড কালার ব্রাশ, গ্রেডিয়েন্ট ব্রাশ এবং চিত্র ব্র্যাশ। ডিফল্টভাবে এটি রঙ সাদা (RGB: 0,0,0 এবং আলফা স্বচ্ছতা চ্যানেল সেট 255 যাও) সঙ্গে কঠিন বুরুশ হিসাবে সেট করা হয়। আপনি উল্লম্ব বার বরাবর স্লাইডার সরানোর দ্বারা আপনি চান রঙ চয়ন করতে পারেন এবং তারপর সঠিক ছায়া নির্বাচন করতে বিজ্ঞপ্তি কার্সার। আপনি iDropper ব্যবহার করতে পারেন যা আপনি কোনও উপলভ্য সরঞ্জামের রং গ্রহণ করতে পারেন। এই কঠিন রঙের ব্রাশে রঙ পরিবর্তন করার জন্য অনেক উপায় রয়েছে।

গ্রেডিয়েন্ট ব্রাশ দিয়েও একই যায়। এটি অনুরূপ কাজটিকে কঠিন রঙের ব্রাশ হিসাবে সম্পাদন করে কিন্তু কয়েকটি অতিরিক্ত বিকল্প খেলা করে। এটি আপনাকে স্টপগুলির একটি সিরিজ প্রদান করে। আপনি নির্বাচিত রং মধ্যে বিভিন্ন ছায়াপথ পেতে সৃজনশীল এই স্টপ ব্যবহার করতে পারেন। আপনি অনুভূমিক গ্রেডিয়েন্ট এবং উল্লম্ব গ্রেডিয়েন্ট মত বিকল্প ব্যবহার করে রঙের টেক্সচার পরিবর্তন করতে পারেন। চিত্র বুরুশ আপনি আমাদের সম্পদ হিসাবে একটি ইমেজ চয়ন করতে পারবেন। আপনি ইমেজ কন্ট্রোলের মত একটি ইমেজ যোগ করার মত একটি ইমেজ যোগ করতে পারেন।

এখন জন্য, আমি এটি করা যেমন থামা ব্যবহার করে গ্রেডিয়েন্ট কালার ব্রাশ ব্যবহার করুন (চিত্র দেখুন)। এখন যদি আপনি XAML উইন্ডো দেখতে পান, তাহলে আপনি দেখতে পাবেন যে কিছু কোড বাটনটির জন্য XAML উইন্ডোতে যুক্ত করা হয়েছে।

এখন অনুমান করুন, যদি আমরা একই গ্রেডিয়েন্ট কালারটি যুক্ত করতে চাই তবে আমাদের বোতামের জন্য আমরা আমাদের পৃষ্ঠার অন্যান্য সমস্ত নিয়ন্ত্রনগুলির জন্য যোগ করব, কিভাবে আমরা তা করব? যে ফোরাম সম্পত্তি সম্পত্তি যান যেখানে আমরা ফকির গ্রিডিয়েন্ট রঙের বুরুশ সেট এবং ডান ক্লিক করুন এবং নির্বাচন "সম্পদ থেকে এক্সট্র্যাক্ট মূল্য" নির্বাচন করুন। এটি একটি ছোট পপআপ উইন্ডো খুলবে "রিসোর্স তৈরি করুন" আপনি চাইলে সম্পদ হিসাবে নাম দিতে পারেন বা আপনি এটি হিসাবে চলে যেতে পারেন। তারপর আপনি এই সম্পদ ব্যবহার করতে চান যেখানে উপর নির্ভর করে, আপনি এটি সংরক্ষণ করতে চান যেখানে চয়ন করতে পারেন। যদি আপনি এটি একক পৃষ্ঠাতে ব্যবহার করতে চান তবে MainPage.xaml নির্বাচন করুন এবং App.xaml নির্বাচন করুন এবং ঠিক আছে ক্লিক করুন।

এখন ডিজাইনার পৃষ্ঠায় আরেকটি বোতাম টানুন এবং ফোরগ্রাউন্ড প্রোপার্টি তে যান। এখন আপনি স্থানীয় সম্পদ নামে আমাদের কাস্টম সম্পদ পাবেন। একবার আপনি এটি ক্লিক করুন, আপনি প্রথম এক হিসাবে একই রঙ বহন দ্বিতীয় বোতাম দেখতে হবে। যদি এমন একাধিক বৈশিষ্ট্য থাকে যা আমরা আমাদের নিয়ন্ত্রণে প্রয়োগ করতে চাই? আমরা শৈলী ব্যবহার করে এটি করতে পারেন। একটি শৈলী সম্পত্তি setters একটি সংগ্রহ। আসুন এখন একটি নতুন স্টাইল তৈরি করি। প্রথমে আমরা যে সমস্ত পরিবর্তন শেষ উদাহরণে মুছে ফেলেছিলাম এবং তাজা শুরু করার জন্য একটি নতুন বোতামটি পান। Xmlsns ঘোষণার নীচের কোডটি পেস্ট করুন।

এই কোডে, আমরা সীডার এবং ফোরগ্রাউন্ড কালার পরিবর্তন করার জন্য দুটি সেটার বৈশিষ্ট্য তৈরি করেছি। এর পরে বোতামের কোডে যান এবং এই কোডটি যুক্ত করুন:

স্টাইল = "{StaticResource myStyle}"।

আপনি লক্ষ্য করবেন যে আমাদের বোতামের সীমানার রং এবং ফোরগ্রাউন্ড রঙ লাল হয়ে যায়।

এখন যদি আপনি চান আপনার সমগ্র অ্যাপ্লিকেশন এই শৈলী প্রয়োগ, মধ্যে মধ্যে কোড কাটা। App.xaml ফাইল খুলুন এবং অ্যাপ্লিকেশন রিসোর্স ট্যাগগুলির মধ্যে এটি আটকান। এখন আপনি যদি ফিরে যান এবং বোতামটি চেক করে দেখুন, তাহলে আপনি দেখতে পাবেন যে বাটনটি এখনও লাল রঙ প্রদর্শন করে।

সুতরাং এটি উইন্ডোজ ফোন 7.5 এ স্টাইলস এবং সম্পদগুলির সবই। পরবর্তী অধ্যায়ে আমরা xaml পৃষ্ঠাগুলির মধ্যে নেভিগেট করার বিষয়ে শিখব।