Temalar, belirli ayrıntılara çok fazla dahil olmak zorunda kalmadan kullanıcılarınızın uygulamanızı özelleştirmesine izin vermenin harika bir yoludur.
Modern uygulamaların farklı temalar arasında geçiş yapma seçeneğine sahip olması yaygındır. Örneğin, bazı uygulamalar açık tema veya koyu tema arasında geçiş yapmanıza izin verirken, diğerleri daha fazla tema seçeneğine sahip olabilir.
Windows Forms, masaüstü uygulamaları oluşturmanıza izin veren bir UI çerçevesidir. Her tema için seçilebilir düğmeler oluşturarak temaları bir Windows form uygulamasında uygulayabilirsiniz.
Kullanıcı bir tema seçtiğinde, seçilen temaya uyması için her bir öğenin arka plan rengini veya metin rengi özelliklerini değiştirebilirsiniz.
Windows Form Projesi Nasıl Kurulur
İlk olarak, yeni bir Windows form uygulaması oluşturun. Yeni projeyi düğmeler ve etiketler gibi bazı temel kontrollerle doldurun.
- Oluşturmak yeni Windows Forms uygulaması Visual Studio'da.
- Yeni projede, bir düğme denetimi aramak için araç kutusunu kullanın.
- seçin düğme kontrolü ve tuval üzerine sürükleyin. Toplam üç düğme denetimi ekleyin.
- Araç kutusunu kullanarak, tıklayın ve bir etiket kontrolü tuval üzerine. Etiketi düğmelerin altına yerleştirin.
- Özellikler penceresini kullanarak düğmeleri ve etiketleri şekillendirin. Özellikleri aşağıdaki şekilde değiştirin:
Kontrol Mülkiyet adı Yeni değer Buton 1 Boyut 580, 200 Düz Stil Düz Metin Kullanıcılar button2 Boyut 580, 100 Düz Stil Düz Metin Hesaplar button3 Boyut 580, 100 Düz Stil Düz Metin izinler etiket1 Metin Telif Hakkı 2022
Ayarlar Düğmesi ve Tema Listesi Nasıl Oluşturulur
Basit bir temalar menüsünün çalışması için her bir temayı temsil edecek birden çok düğme oluşturun. Uygulama, bir "Açık" tema, bir "Doğa" teması ve bir "Karanlık" tema olmak üzere üç tema içerecektir.
- Ayarlar (veya "Temalar") düğmesini temsil etmek için tuvale başka bir düğme denetimi ekleyin.
- Bu düğmenin özelliklerini aşağıdaki şekilde değiştirin:
Mülkiyet adı Yeni değer İsim btnTemaAyarları Düz Stil Düz Boyut 200, 120 Metin Temalar - Tuval üzerine üç düğme daha sürükleyin. Bu düğmeler üç farklı temayı temsil edecektir. Düğmelerin her birinin özelliklerini aşağıdaki şekilde değiştirin:
Kontrol Mülkiyet adı Yeni değer 1. Düğme İsim btnLightTheme Arka plan rengi Beyaz duman Boyut 200, 80 Düz Stil Düz Metin Işık Gözle görülür Yanlış 2. Düğme İsim btnDoğaTeması Arka plan rengi KaranlıkDenizYeşil Boyut 200, 80 Düz Stil Düz Metin Doğa Gözle görülür Yanlış 3. Düğme İsim btnDarkTheme Arka plan rengi SolukGri Ön renk Beyaz Boyut 200, 80 Düz Stil Düz Metin Karanlık Gözle görülür Yanlış - üzerine çift tıklayın Temalar buton. Bu, "tıklamada" olayını işlemek için bir yöntem yaratacaktır. Kullanıcı bu butona tıkladığında yöntem çalışacaktır.
- Varsayılan olarak, "Açık", "Doğa" ve "Karanlık" temaları görünmeyecektir. İşlevin içine, düğmelerin görünürlüğünü göstermek veya gizlemek için değiştirme işlevi ekleyin.
özelgeçersizbtnThemeSettings_Click(nesne gönderici, EventArgs e)
{
btnNatureTheme. Görünür = !btnNatureTheme. Gözle görülür;
btnLightTheme. Görünür = !btnLightTheme. Gözle görülür;
btnDarkTheme. Görünür = !btnDarkTheme. Gözle görülür;
} - Visual Studio penceresinin üst kısmındaki yeşil oynat düğmesine tıklayarak uygulamayı çalıştırın.
- Çalışma zamanında, uygulama varsayılan olarak üç temanın her biri için düğmeleri gizleyecektir.
- Tıkla Temalar Gösterilecek temaları değiştirmek için düğmesine basın. tuşuna basmaya devam edebilirsiniz. Temalar görünürlüklerini değiştirmek için düğmesine basın.
Temalarınızı Nasıl Yönetirsiniz?
Kullanacağı farklı renkleri saklamak için her tema için Sözlükler oluşturun. Bu, tüm tema renklerinizi birden çok kez kullanmanız gerektiğinde tek bir yerde saklayabilmeniz içindir. Ayrıca gelecekte bir temayı yeni renklerle güncellemek istemenizi de kolaylaştırır.
- Varsayılanın en üstünde Form1.cs C# dosyası ve içinde Biçim sınıfı, global bir numaralandırma oluşturun. Bu numaralandırma, bir temada kullanacağınız farklı renk türlerini saklayacaktır.
Sıralama TemaRenk
{
Öncelik,
İkincil,
üçüncül,
Metin
} - Altında, üç temanın her biri için bir tane olmak üzere üç küresel Sözlük ilan edin. Nasıl kullanılacağına aşina değilseniz Sözlükler hakkında daha fazla bilgi edinebilirsiniz. C# sözlük.
Sözlük<TemaRenk, Renk> Işık = yeni Sözlük<TemaRenk, Renk>();
Sözlük<TemaRenk, Renk> Doğa = yeni Sözlük<TemaRenk, Renk>();
Sözlük<TemaRenk, Renk> Karanlık = yeni Sözlük<TemaRenk, Renk>(); - Yapıcının içinde sözlükleri başlatın. Her temanın kullanacağı farklı renkler için değerler ekleyin.
halka açık Form1()
{
Bileşeni Başlatma();
// Buraya sözlük ekle
Işık = yeni Sözlük<TemaRenk, Renk>() {
{ TemaRenk. Ana renk. Beyaz duman },
{ TemaRenk. İkincil renk. Gümüş },
{ TemaRenk. Üçüncül, Renk. Beyaz },
{ TemaRenk. Metin, Renk. Siyah }
};
Doğa = yeni Sözlük<TemaRenk, Renk>() {
{ TemaRenk. Ana renk. DarkSeaYeşil},
{ TemaRenk. İkincil renk. Alice Mavi },
{ TemaRenk. Üçüncül, Renk. Şeker kavunu },
{ TemaRenk. Metin, Renk. Siyah }
};
Karanlık = yeni Sözlük<TemaRenk, Renk>() {
{ TemaRenk. Ana renk. DimGray},
{ TemaRenk. İkincil renk. DimGray},
{ TemaRenk. Üçüncül, Renk. Siyah },
{ TemaRenk. Metin, Renk. Beyaz }
};
}
Tema Nasıl Değiştirilir
Uygulamanın temasını yönetmek için işlevler oluşturun. Bu işlevler, tuval üzerindeki UI öğelerinin arka plan rengini veya metin rengini değiştirir.
- adlı yeni bir işlev oluşturun. Temayı değiştir(). İşlev, bir temanın renklerini argüman olarak alacaktır.
- İşlevin içinde, UI öğelerinin arka plan rengi özelliklerini değiştirin. Yeni arka plan renkleri, seçilen tema için renkleri kullanacaktır.
özelgeçersizTemayı değiştir(Renk birincilRenk, Renk ikincilRenk, Renk üçüncülRenk)
{
// Düğmelerin arka plan rengini değiştir
btnTema Ayarları. BackColor = birincilColor;
button1.BackColor = birincilColor;
button2.BackColor = ikincilColor;
button3.BackColor = ikincilColor;
Bu.BackColor = üçüncülColor;
} - adlı yeni bir işlev oluşturun. ChangeTextColor(). Metnin rengini koyu ve açık arasında değiştirmek için bunu kullanabilirsiniz. Bu, koyu arka plandaki metnin hala okunabilir olmasını sağlamak içindir.
özelgeçersizDeğiştirMetinRenk(Renkli metinRenk)
{
// Değiştirmek renk nın-ninMetin
button1.ForeColor = textColor;
button2.ForeColor = textColor;
button3.ForeColor = textColor;
label1.ForeColor = textColor;
btnTema Ayarları. ForeColor = textColor;
} - Tasarımcıdan "Işık" düğmesi kontrolüne çift tıklayın. Bu, arka plan kod dosyasını açacak ve kullanıcı düğmeyi tıkladığında bir olay işleyicisi oluşturacaktır.
- Olay işleyicisinin içinde şunu kullanın: Temayı değiştir() ve ChangeTextColor() fonksiyonlar. Temanın kullandığı renkleri girin. Bu renkleri "Işık" tema sözlüğünden alabilirsiniz.
özelgeçersizbtnLightTheme_Click(nesne gönderici, EventArgs e)
{
Temayı değiştir(Işık[TemaRenk. Öncelik], Işık[TemaRenk. İkincil], Işık[TemaRenk. üçüncül]);
DeğiştirMetinRenk(Işık[TemaRenk. Metin]);
} - Tasarımcıya geri dönün ve "Doğa" ve "Karanlık" düğmelerine tıklayın. Kullan Temayı değiştir() ve ChangeTextColor() olay işleyicilerinde de işlev görür.
özelgeçersizbtnNatureTheme_Click(nesne gönderici, EventArgs e)
{
Temayı değiştir(Doğa[TemaRenk. Öncelik], Doğa[TemaRenk. İkincil], Doğa[TemaRenk. üçüncül]);
DeğiştirMetinRenk(Doğa[TemaRenk. Metin]);
}
özelgeçersizbtnDarkTheme_Click(nesne gönderici, EventArgs e)
{
Temayı değiştir(Karanlık[TemaRenk. Öncelik], Karanlık[TemaRenk. İkincil], Karanlık[TemaRenk. üçüncül]);
DeğiştirMetinRenk(Karanlık[TemaRenk. Metin]);
} - Varsayılan olarak, kullanıcı uygulamayı ilk açtığında tema "Hafif" temaya ayarlanmalıdır. Yapıcıda, sözlüklerin altında şunu kullanın: Temayı değiştir() ve ChangeTextColor() fonksiyonlar.
Temayı değiştir(Işık[TemaRenk. Öncelik], Işık[TemaRenk. İkincil], Işık[TemaRenk. üçüncül]);
DeğiştirMetinRenk(Işık[TemaRenk. Metin]); - Visual Studio penceresinin üst kısmındaki yeşil oynat düğmesine tıklayarak uygulamayı çalıştırın.
- Varsayılan olarak, uygulama "Açık" temasını kullanır ve gri renk şemasını UI kontrollerine uygular. Tema listesini görüntülemek için temalar düğmesini değiştirin.
- Doğa temasına tıklayın.
- Karanlık temaya tıklayın.
Windows Forms Kullanarak Uygulama Oluşturma
Birçok uygulama, kullanıcının birden çok tema arasında geçiş yapmasına izin verir. Kullanıcının seçmesi için seçenekler oluşturarak bir Windows Forms uygulamasına temalar ekleyebilirsiniz.
Kullanıcı bir temayı tıkladığında, seçilen temada kullanılan renklerle eşleşmesi için arka plan rengini, metni veya diğer özellikleri değiştirebilirsiniz.
Temaların her birinin renkleri, Visual Studio'nun yerleşik renklerini kullanır. Kullanıcılara daha iyi bir deneyim sunmak için uygun bir renk şeması kullanmanız gerekecektir. Uygulamanız için bir renk şeması seçmenin farklı yolları hakkında daha fazla bilgi edinebilirsiniz.