WinForms: اپنی ایپلیکیشن میں ایک سے زیادہ تھیمز کیسے شامل کریں۔

WinForms: اپنی ایپلیکیشن میں ایک سے زیادہ تھیمز کیسے شامل کریں۔

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





Windows Forms ایک UI فریم ورک ہے جو آپ کو ڈیسک ٹاپ ایپلی کیشنز بنانے کی اجازت دیتا ہے۔ آپ ہر تھیم کے لیے قابل انتخاب بٹن بنا کر ونڈوز فارم ایپ میں تھیمز کو نافذ کر سکتے ہیں۔





دن کی ویڈیو کا میک یوز

جب صارف ایک تھیم کا انتخاب کرتا ہے، تو آپ منتخب کردہ تھیم سے ملنے کے لیے ہر عنصر کے پس منظر کا رنگ یا متن کے رنگ کی خصوصیات کو تبدیل کر سکتے ہیں۔





ونڈوز فارم پروجیکٹ کو کیسے ترتیب دیا جائے۔

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

  1. بنائیے ایک نئی ونڈوز فارم ایپلی کیشن بصری اسٹوڈیو میں۔
  2. نئے پروجیکٹ میں، بٹن کنٹرول کو تلاش کرنے کے لیے ٹول باکس کا استعمال کریں۔   Winforms ایپ میں بٹن کے لیے پراپرٹی ونڈو
  3. منتخب کریں۔ بٹن کنٹرول اور اسے کینوس پر گھسیٹیں۔ کل تین بٹن کنٹرولز شامل کریں۔   Winforms ایپ میں بٹن کے لیے پراپرٹی ونڈو
  4. ٹول باکس کا استعمال کرتے ہوئے، a پر کلک کریں اور گھسیٹیں۔ لیبل کنٹرول کینوس پر بٹنوں کے نیچے لیبل رکھیں۔   Winforms ایپ میں بٹن کے لیے پراپرٹی ونڈو
  5. پراپرٹیز ونڈو کا استعمال کرتے ہوئے بٹنوں اور لیبلوں کو اسٹائل کریں۔ خصوصیات کو درج ذیل میں تبدیل کریں:
    بٹن 1 سائز 580، 200
    فلیٹ اسٹائل فلیٹ
    متن صارفین
    بٹن 2 سائز 580، 100
    فلیٹ اسٹائل فلیٹ
    متن اکاؤنٹس
    بٹن 3 سائز 580، 100
    فلیٹ اسٹائل فلیٹ
    متن اجازتیں
    لیبل 1 متن کاپی رائٹ 2022

سیٹنگز بٹن اور تھیمز کی فہرست کیسے بنائیں

ایک سادہ تھیمز مینو کے کام کرنے کے لیے، ہر تھیم کی نمائندگی کرنے کے لیے متعدد بٹن بنائیں۔ ایپلی کیشن میں تین تھیمز، ایک 'لائٹ' تھیم، ایک 'نیچر' تھیم، اور ایک 'ڈارک' تھیم شامل ہوں گی۔



لیپ ٹاپ ونڈوز 10 پر آواز کے معیار کو بہتر بنانے کا طریقہ
  1. ترتیبات (یا 'تھیمز') بٹن کی نمائندگی کرنے کے لیے کینوس میں ایک اور بٹن کنٹرول شامل کریں۔
  2. اس بٹن کی خصوصیات کو درج ذیل میں تبدیل کریں:
    نام btn تھیم کی ترتیبات
    فلیٹ اسٹائل فلیٹ
    سائز 200، 120
    متن تھیمز
  3. تین مزید بٹنوں کو کینوس پر گھسیٹیں۔ یہ بٹن تین مختلف تھیمز کی نمائندگی کریں گے۔ ہر ایک بٹن کی خصوصیات کو درج ذیل میں تبدیل کریں:
    پہلا بٹن نام btnLightTheme
    بیک کلر سفید دھواں
    سائز 200، 80
    فلیٹ اسٹائل فلیٹ
    متن روشنی
    نظر آنے والا جھوٹا۔
    دوسرا بٹن نام btnNatureTheme
    بیک کلر ڈارک سی گرین
    سائز 200، 80
    فلیٹ اسٹائل فلیٹ
    متن فطرت
    نظر آنے والا جھوٹا۔
    تیسرا بٹن نام btnDarkTheme
    بیک کلر ڈیم گرے
    فور کلر سفید
    سائز 200، 80
    فلیٹ اسٹائل فلیٹ
    متن اندھیرا
    نظر آنے والا جھوٹا۔
  4. پر ڈبل کلک کریں۔ تھیمز بٹن یہ 'آن کلک' ایونٹ کو ہینڈل کرنے کا طریقہ بنائے گا۔ جب صارف اس بٹن پر کلک کرے گا تو طریقہ چلے گا۔
  5. پہلے سے طے شدہ طور پر، 'روشنی'، 'فطرت'، اور 'تاریک' تھیمز نظر نہیں آئیں گے۔ فنکشن کے اندر، دکھانے یا چھپانے کے لیے بٹنوں کی مرئیت کو ٹوگل کرنے کے لیے فعالیت شامل کریں۔
  6. ویژول اسٹوڈیو ونڈو کے اوپری حصے میں سبز پلے بٹن پر کلک کرکے ایپلی کیشن کو چلائیں۔
  7. رن ٹائم پر، ایپلیکیشن تینوں تھیمز میں سے ہر ایک کے بٹن کو بطور ڈیفالٹ چھپا دے گی۔
  8. پر کلک کریں تھیمز تھیمز کو دکھانے کے لیے ٹوگل کرنے کے لیے بٹن۔ آپ دبانا جاری رکھ سکتے ہیں۔ تھیمز ان کی مرئیت کو ٹوگل کرنے کے لیے بٹن۔

اپنے تھیمز کا نظم کیسے کریں۔

مختلف رنگوں کو ذخیرہ کرنے کے لیے ہر تھیم کے لیے ڈکشنری بنائیں جو وہ استعمال کرے گا۔ یہ اس لیے ہے کہ آپ اپنے تھیم کے تمام رنگوں کو ایک جگہ پر محفوظ کر لیں، اگر آپ کو انہیں متعدد بار استعمال کرنے کی ضرورت ہو۔ اگر آپ مستقبل میں نئے رنگوں کے ساتھ تھیم کو اپ ڈیٹ کرنا چاہتے ہیں تو یہ بھی آسان بناتا ہے۔

فیس بک پر ہیکرز کو کیسے روکا جائے
  1. پہلے سے طے شدہ کے اوپری حصے میں Form1.cs C# فائل اور اندر فارم کلاس، ایک عالمی اینوم بنائیں۔ یہ اینوم مختلف قسم کے رنگوں کو ذخیرہ کرے گا جو آپ تھیم میں استعمال کریں گے۔
    enum ThemeColor 
    {
    Primary,
    Secondary,
    Tertiary,
    Text
    }
  2. نیچے، تین عالمی ڈکشنریوں کا اعلان کریں، تین تھیموں میں سے ہر ایک کے لیے۔ اگر آپ a کو استعمال کرنے کے طریقہ سے ناواقف ہیں تو آپ لغت کے بارے میں مزید پڑھ سکتے ہیں۔ C# میں لغت .
    Dictionary<ThemeColor, Color> Light = new Dictionary<ThemeColor, Color>(); 
    Dictionary<ThemeColor, Color> Nature = new Dictionary<ThemeColor, Color>();
    Dictionary<ThemeColor, Color> Dark = new Dictionary<ThemeColor, Color>();
  3. کنسٹرکٹر کے اندر، لغات کو شروع کریں۔ مختلف رنگوں کے لیے قدریں شامل کریں جو ہر تھیم استعمال کرے گا۔
    public Form1() 
    {
    InitializeComponent();
    // Add dictionaries here
    Light = new Dictionary<ThemeColor, Color>() {
    { ThemeColor.Primary, Color.WhiteSmoke },
    { ThemeColor.Secondary, Color.Silver },
    { ThemeColor.Tertiary, Color.White },
    { ThemeColor.Text, Color.Black }
    };
    Nature = new Dictionary<ThemeColor, Color>() {
    { ThemeColor.Primary, Color.DarkSeaGreen },
    { ThemeColor.Secondary, Color.AliceBlue },
    { ThemeColor.Tertiary, Color.Honeydew },
    { ThemeColor.Text, Color.Black }
    };
    Dark = new Dictionary<ThemeColor, Color>() {
    { ThemeColor.Primary, Color.DimGray },
    { ThemeColor.Secondary, Color.DimGray },
    { ThemeColor.Tertiary, Color.Black },
    { ThemeColor.Text, Color.White }
    };
    }

تھیم کو کیسے تبدیل کریں۔

ایپلیکیشن کی تھیم کو منظم کرنے کے لیے فنکشنز بنائیں۔ یہ فنکشنز کینوس پر موجود UI عناصر کے پس منظر کا رنگ یا متن کا رنگ تبدیل کر دیں گے۔





  1. نامی ایک نیا فنکشن بنائیں تھیم کو تبدیل کریں () . فنکشن ایک تھیم کے لیے دلائل کے طور پر رنگ لے گا۔
  2. فنکشن کے اندر، UI عناصر کے پس منظر کے رنگ کی خصوصیات کو تبدیل کریں۔ نئے پس منظر کے رنگ منتخب کردہ تھیم کے لیے رنگ استعمال کریں گے۔
    private void ChangeTheme(Color primaryColor, Color secondaryColor, Color tertiaryColor) 
    {
    // Change background color of buttons
    btnThemeSettings.BackColor = primaryColor;
    button1.BackColor = primaryColor;
    button2.BackColor = secondaryColor;
    button3.BackColor = secondaryColor;
    this.BackColor = tertiaryColor;
    }
  3. نامی ایک نیا فنکشن بنائیں ChangeTextColor() . آپ اسے سیاہ اور روشنی کے درمیان متن کا رنگ تبدیل کرنے کے لیے استعمال کر سکتے ہیں۔ یہ اس بات کو یقینی بنانے کے لیے ہے کہ گہرے پس منظر پر متن اب بھی پڑھنے کے قابل ہوگا۔
    private void ChangeTextColor(Color textColor) 
    {
    // Change color of text
    button1.ForeColor = textColor;
    button2.ForeColor = textColor;
    button3.ForeColor = textColor;
    label1.ForeColor = textColor;
    btnThemeSettings.ForeColor = textColor;
    }
  4. ڈیزائنر سے، 'لائٹ' بٹن کنٹرول پر ڈبل کلک کریں۔ یہ کوڈ کے پیچھے والی فائل کو کھولے گا اور صارف کے بٹن پر کلک کرنے کے لیے ایک ایونٹ ہینڈلر تیار کرے گا۔
  5. ایونٹ ہینڈلر کے اندر، استعمال کریں۔ تھیم کو تبدیل کریں () اور ChangeTextColor() افعال. ان رنگوں کو داخل کریں جو تھیم استعمال کر رہا ہے۔ آپ یہ رنگ 'لائٹ' تھیم لغت سے حاصل کر سکتے ہیں۔
    private void btnLightTheme_Click(object sender, EventArgs e) 
    {
    ChangeTheme(Light[ThemeColor.Primary], Light[ThemeColor.Secondary], Light[ThemeColor.Tertiary]);
    ChangeTextColor(Light[ThemeColor.Text]);
    }
  6. ڈیزائنر پر واپس جائیں اور 'نیچر' اور 'ڈارک' بٹن پر کلک کریں۔ کا استعمال کرتے ہیں تھیم کو تبدیل کریں () اور ChangeTextColor() ان کے ایونٹ ہینڈلرز میں بھی کام کرتا ہے۔
    private void btnNatureTheme_Click(object sender, EventArgs e) 
    {
    ChangeTheme(Nature[ThemeColor.Primary], Nature[ThemeColor.Secondary], Nature[ThemeColor.Tertiary]);
    ChangeTextColor(Nature[ThemeColor.Text]);
    }
    private void btnDarkTheme_Click(object sender, EventArgs e)
    {
    ChangeTheme(Dark[ThemeColor.Primary], Dark[ThemeColor.Secondary], Dark[ThemeColor.Tertiary]);
    ChangeTextColor(Dark[ThemeColor.Text]);
    }
  7. پہلے سے طے شدہ طور پر، جب صارف پہلی بار ایپ کھولتا ہے تو تھیم کو 'لائٹ' تھیم پر سیٹ کیا جانا چاہیے۔ کنسٹرکٹر میں، لغات کے نیچے، استعمال کریں۔ تھیم کو تبدیل کریں () اور ChangeTextColor() functions.
    ChangeTheme(Light[ThemeColor.Primary], Light[ThemeColor.Secondary], Light[ThemeColor.Tertiary]); 
    ChangeTextColor(Light[ThemeColor.Text]);
  8. ویژول اسٹوڈیو ونڈو کے اوپری حصے میں سبز پلے بٹن پر کلک کرکے ایپلی کیشن کو چلائیں۔
  9. پہلے سے طے شدہ طور پر، ایپلیکیشن 'لائٹ' تھیم استعمال کرتی ہے اور UI کنٹرولز پر گرے کلر سکیم کا اطلاق کرتی ہے۔ تھیمز کی فہرست دیکھنے کے لیے تھیمز بٹن کو ٹوگل کریں۔
  10. نیچر تھیم پر کلک کریں۔
  11. ڈارک تھیم پر کلک کریں۔

ونڈوز فارمز کا استعمال کرتے ہوئے ایپلی کیشنز بنانا

بہت سی ایپلی کیشنز صارف کو متعدد تھیمز کے درمیان سوئچ کرنے کی اجازت دیتی ہیں۔ آپ ونڈوز فارمز ایپلیکیشن میں تھیمز شامل کر سکتے ہیں تاکہ صارف کو منتخب کرنے کے لیے آپشن بنائے جائیں۔

جب صارف کسی تھیم پر کلک کرتا ہے، تو آپ منتخب تھیم میں استعمال ہونے والے رنگوں سے ملنے کے لیے پس منظر کا رنگ، متن، یا کوئی اور خصوصیات تبدیل کر سکتے ہیں۔





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