WinForms: Cara Menambahkan Beberapa Tema ke Aplikasi Anda

Biasanya aplikasi modern memiliki opsi untuk beralih di antara tema yang berbeda. Misalnya, beberapa aplikasi memungkinkan Anda untuk bertukar antara tema terang atau tema gelap, sementara yang lain mungkin memiliki lebih banyak pilihan tema.

Windows Forms adalah kerangka kerja UI yang memungkinkan Anda membuat aplikasi desktop. Anda dapat menerapkan tema dalam aplikasi formulir Windows dengan membuat tombol yang dapat dipilih untuk setiap tema.

VIDEO MAKEUSEOF HARI INI

Saat pengguna memilih tema, Anda dapat mengubah warna latar belakang atau properti warna teks dari setiap elemen agar sesuai dengan tema yang dipilih.

Cara Mengatur Proyek Formulir Windows

Pertama, buat aplikasi formulir Windows baru. Isi proyek baru dengan beberapa kontrol dasar, seperti tombol dan label.

Membuat aplikasi Windows Forms baru di Visual Studio.
Di proyek baru, gunakan kotak alat untuk mencari kontrol tombol.
Pilih kontrol tombol dan seret ke kanvas. Tambahkan total tiga kontrol tombol.
Menggunakan kotak alat, klik dan seret a kontrol label ke atas kanvas. Tempatkan label di bawah tombol.

Gaya tombol dan label menggunakan jendela properti. Ubah properti menjadi berikut:

tombol1	Ukuran	580, 200
	FlatStyle	Datar
	Teks	Pengguna
tombol2	Ukuran	580, 100
	FlatStyle	Datar
	Teks	Akun
tombol3	Ukuran	580, 100
	FlatStyle	Datar
	Teks	Izin
label1	Teks	Hak Cipta 2022

Cara Membuat Tombol Pengaturan dan Daftar Tema

Agar menu tema sederhana berfungsi, buat beberapa tombol untuk mewakili setiap tema. Aplikasi ini akan mencakup tiga tema, tema 'Terang', tema 'Alam', dan tema 'Gelap'.

xbox one tidak akan terhubung ke wifi tetapi yang lainnya bisa

Tambahkan kontrol tombol lain ke kanvas untuk mewakili tombol pengaturan (atau 'Tema').
Ubah properti tombol ini menjadi yang berikut:

Nama btnPengaturan Tema

FlatStyle Datar

Ukuran 200, 120

Teks Tema

Seret tiga tombol lagi ke kanvas. Tombol-tombol ini akan mewakili tiga tema yang berbeda. Ubah properti untuk masing-masing tombol menjadi berikut ini:

Tombol 1	Nama	btnTema Cahaya
	Warna Belakang	Asap putih
	Ukuran	200, 80
	FlatStyle	Datar
	Teks	Lampu
	Terlihat	PALSU
Tombol ke-2	Nama	btnTema Alam
	Warna Belakang	GelapLautHijau
	Ukuran	200, 80
	FlatStyle	Datar
	Teks	Alam
	Terlihat	PALSU
Tombol ke-3	Nama	btnTema Gelap
	Warna Belakang	redup abu-abu
	Warna Depan	Putih
	Ukuran	200, 80
	FlatStyle	Datar
	Teks	Gelap
	Terlihat	PALSU

Klik dua kali pada Tema tombol. Ini akan membuat metode untuk menangani acara 'saat diklik'. Metode ini akan berjalan ketika pengguna mengklik tombol ini.

Secara default, tema 'Terang', 'Alam', dan 'Gelap' tidak akan terlihat. Di dalam fungsi, tambahkan fungsionalitas untuk mengaktifkan visibilitas tombol untuk ditampilkan atau disembunyikan.

private void btnThemeSettings_Click(object sender, EventArgs e) 
{ 
    btnNatureTheme.Visible = !btnNatureTheme.Visible; 
    btnLightTheme.Visible = !btnLightTheme.Visible; 
    btnDarkTheme.Visible = !btnDarkTheme.Visible; 
}

Jalankan aplikasi dengan mengklik tombol putar hijau di bagian atas jendela Visual Studio.
Saat runtime, aplikasi akan menyembunyikan tombol untuk masing-masing dari tiga tema secara default.
Klik pada Tema tombol untuk beralih tema untuk ditampilkan. Anda dapat terus menekan tombol Tema tombol untuk mengaktifkan visibilitas mereka.

Bagaimana Mengelola Tema Anda

Buat Kamus untuk setiap tema untuk menyimpan warna berbeda yang akan digunakan. Ini agar Anda menyimpan semua warna tema Anda di satu tempat, jika Anda perlu menggunakannya beberapa kali. Ini juga memudahkan jika Anda ingin memperbarui tema dengan warna baru di masa mendatang.

Di bagian atas default Formulir1.cs C# file dan di dalam Membentuk kelas, buat enum global. Enum ini akan menyimpan berbagai jenis warna yang akan Anda gunakan dalam sebuah tema.
```
enum ThemeColor 
{ 
    Primary, 
    Secondary, 
    Tertiary, 
    Text 
}  
```

Di bawahnya, nyatakan tiga Kamus global, satu untuk masing-masing dari tiga tema. Anda dapat membaca lebih lanjut tentang Kamus jika Anda tidak terbiasa dengan cara menggunakan a kamus dalam 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>();

Di dalam konstruktor, inisialisasi kamus. Tambahkan nilai untuk warna berbeda yang akan digunakan setiap tema.

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 } 
    }; 
}

Cara Mengubah Tema

Buat fungsi untuk mengelola tema aplikasi. Fungsi-fungsi ini akan mengubah warna latar belakang atau warna teks elemen UI di kanvas.

Buat fungsi baru bernama Ubah Tema() . Fungsi akan mengambil warna untuk tema sebagai argumen.

Di dalam fungsi, ubah properti warna latar belakang elemen UI. Warna latar belakang baru akan menggunakan warna untuk tema yang dipilih.

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; 
}

Buat fungsi baru bernama Ubah WarnaTeks() . Anda dapat menggunakan ini untuk mengubah warna teks antara gelap dan terang. Ini untuk memastikan bahwa teks dengan latar belakang gelap tetap dapat dibaca.

private void ChangeTextColor(Color textColor) 
{ 
    // Change color of text 
    button1.ForeColor = textColor; 
    button2.ForeColor = textColor; 
    button3.ForeColor = textColor; 
    label1.ForeColor = textColor; 
    btnThemeSettings.ForeColor = textColor; 
}

Dari perancang, klik dua kali pada kontrol tombol 'Cahaya'. Ini akan membuka file di belakang kode dan menghasilkan event handler ketika pengguna mengklik tombol.

Di dalam event handler, gunakan Ubah Tema() dan Ubah WarnaTeks() fungsi. Masukkan warna yang digunakan tema. Anda dapat mengambil warna ini dari kamus tema 'Cahaya'.

private void btnLightTheme_Click(object sender, EventArgs e) 
{ 
    ChangeTheme(Light[ThemeColor.Primary], Light[ThemeColor.Secondary], Light[ThemeColor.Tertiary]); 
    ChangeTextColor(Light[ThemeColor.Text]); 
}

Kembali ke desainer dan klik tombol 'Alam' dan 'Gelap'. Menggunakan Ubah Tema() dan Ubah WarnaTeks() berfungsi di event handler mereka juga.

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]); 
}

Secara default, tema harus disetel ke tema 'Ringan' saat pengguna pertama kali membuka aplikasi. Di konstruktor, di bawah kamus, gunakan Ubah Tema() dan Ubah WarnaTeks() fungsi.
```
ChangeTheme(Light[ThemeColor.Primary], Light[ThemeColor.Secondary], Light[ThemeColor.Tertiary]); 
ChangeTextColor(Light[ThemeColor.Text]);
```
Jalankan aplikasi dengan mengklik tombol putar hijau di bagian atas jendela Visual Studio.
Secara default, aplikasi menggunakan tema 'Cahaya' dan menerapkan skema warna abu-abu ke kontrol UI. Alihkan tombol tema untuk melihat daftar tema.
Klik pada tema Alam.
Klik pada tema Gelap.

Membuat Aplikasi Menggunakan Formulir Windows

Banyak aplikasi memungkinkan pengguna untuk beralih di antara beberapa tema. Anda dapat menambahkan tema ke aplikasi Windows Forms dengan membuat opsi untuk dipilih pengguna.

Saat pengguna mengklik tema, Anda dapat mengubah warna latar belakang, teks, atau properti lainnya agar sesuai dengan warna yang digunakan dalam tema yang dipilih.

Warna untuk setiap tema menggunakan warna bawaan Visual Studio. Anda perlu menggunakan skema warna yang tepat untuk memberikan pengalaman yang lebih baik kepada pengguna. Anda dapat mempelajari lebih lanjut tentang berbagai cara Anda dapat memilih skema warna untuk aplikasi Anda.

dapatkah Anda mengirim pesan ke akun facebook yang dinonaktifkan?