بسم الله الرحمن الرحیم
تمپلیت هایی که در این پست طراحی شدن را در 2 استایل (Theme) تاریک و روشن در این پست قرار داده میشه که با نام فایل Dark & Light Style With 6 Control Template که در این پست پیوست میشه ، میتونین دریافت کنین .
علاوه بر این 6 کنترل ، استایل ها شامل 2 کنترل TextBox و Progress Bar هم هستن اما این دو کنترل ، بدون تمپلیت هستن و فقط استایلِ خالی براشون در نظر گرفته شد.
* نکته : دقت کنید که در این استایل ، از کنترل DoubleUpDown در کمپوننت Extended.Wpf.Toolkit استفاده شده . بنابراین با پیوست کردن این فایل های xaml در پروژه ای که این کمپوننت را نداره ، ارور میده . یا از این کمپوننت استفاده کنید یا برای استفاده نکردن از این کمپوننت ، فضای نام ها و استایل و تمپلیت های مربوط بهش را در این فایل های xaml ، حذف کنید .
تصاویر :
Dark Style.PNG
Light Style.PNG
-------------------------------------------------------------
روش استفاده :
برای استفاده از این استایل ها ، ابتدا اون دو فایل xaml که در فایل نام برده شده در پیوست این پست هست (فایل های TemplateResource.xaml و StyleResource.xaml) را به پروژه تون (با راست کلیک در پروژه تون و انتخاب گزینه ی Add>Existing Item) اضافه کنید .
بعد کد زیر را در قسمت Application.Resources در App.Xaml قرار بدید (برای الحاق فایل StyleResource.xaml) :
<ResourceDictionary>
<ResourceDictionary.MergedDictionaries>
<ResourceDictionary Source="StyleResource.xaml"/>
</ResourceDictionary.MergedDictionaries>
</ResourceDictionary>
این فایل (فایل استایل پیوست شده) ، شامل 2 استایل با نام DarkStyle و LightStyle هست .
هر کدوم از این استایل ها را بصورت پیش فرض ترجیح دادید ، نام اش را برای پروپرتیِ Style ویندوز اصلی ، ست کنید :
Style="{StaticResource DarkStyle}"
پروپرتیِ Style در کد بالا ، مربوط به پروپرتیِ Window (پنجره ی اصلی wpf) هست .
برای تغییر استایل در زمان اجرا ، Style مربوط به Window را به یکی از اون دو استایل ، تغییر بدید :
this.Style = (Style)Application.Current.Resources["LightStyle"];
بجای مقدار LightStyle در کد بالا ، در صورت نیاز به استایل تاریک ، از DarkStyle هم میتونین استفاده کنین .
ضمنا ناگفته مشخص هست که وقتی استایل تاریک را بکار بردید ، پشت زمینه ی کنترل زمینه تون (مثلا پشت زمینه Grid اصلی) ، اکیدا توصیه میشه که تاریک باشه (بهترین حالت برای این DarkStyle ، رنگ R=45 ;G=45; B=45 هست) و وقتی هم که از استایل روشن استفاده میکنید ، پشت زمینه ی کنترل اصلی تون ، توصیه میشه که رنگ روشن باشه (بهترین حالت برای این DarkStyle ، رنگ R=210 ;G=210; B=210 هست) .
-------------------------------------------------------------
پروژه ای را در این رابطه میخواستم پیوست کنم که حجمش 2 مگابایت بود اما سقف پیوست فایل ، زیر 500 کیلوبایت در این انجمن هست (این پروژه را در انجمن دیگه پیوست کردم) .
نکته : اگه کد استایل یا تمپلیت دیگه ای را میخواین بهش اضافه کنید ، توصیه میشه در قسمت آخر کدها اضافه کنید (در خط آخرِ بخش مربوطه) .
*** به نیت حضرت ولی عصر (عج) و برای اموات خودمون و خودتون ، یه فاتحه بگیرین ، ممنون میشم .
*** با تشکر ویژه از استادم (The King) که کمک بسیار زیادی بهم کردن .
پاسخ با نقل قول