Stilleri GridWeb'e Uygula

Aspose.Cells.GridWeb’in kendi varsayılan görünümü ve hissi vardır ancak görünümünü değiştirmek mümkündür. Aspose.Cells.GridWeb, geliştiricilerin görünümünü tamamen kontrol etmesine izin veren çeşitli özellikler sağlar. Bu konu, bu özelliklerden bazılarını tartışmaktadır.

Aspose.Cells.GridWeb’e Hazır Ayar veya Özel Stiller Uygulama

Hazır Stiller

Geliştiricilerin çabalarından tasarruf etmek için Aspose.Cells.GridWeb bazı hazır stiller sunar. Stili uygulamak için listeden bir stil seçmeniz yeterlidir.

stiller	Renk uyumu
Standart	Gümüş rengi
Renkli1	Gül
Renkli2	Mavi
Profesyonel1	camgöbeği
Profesyonel2	tekrar camgöbeği
Geleneksel1	Karanlık
Geleneksel2	Gri
Gelenek	Özelleştirilmiş
Belirli bir stil seçildiğinde, GridWeb kontrolünün tüm görünümünü değiştirir. Geliştiriciler, tasarım süresi boyunca Izgaraya uygulanacak bir Hazır Ayar Stili seçebilirler ancak bu görev, Aspose.Cells.GridWeb’in esnek API’i kullanılarak çalışma zamanında da gerçekleştirilebilir.

Aspose.Cells.GridWeb denetimi, GridWeb sınıfı tarafından temsil edilir.

Önceden ayarlanmış bir stil seçmek için:

Bir web formuna Aspose.Cells.GridWeb denetimi ekleyin.
Kontrole uygulanacak bir hazır ayar stili seçin.

GridWeb denetimi, geliştiricilerin istenen herhangi bir hazır ayar stilini atayabileceği PresetStyle özelliğini sağlar.

Aşağıdaki kod parçacığının çıktısı aşağıda gösterilmiştir.

Üzerine Colorful1 stili uygulanmış GridWeb denetimi

yapılacaklar:resim_alternatif_metin

	// For complete examples and data files, please go to https://github.com/aspose-cells/Aspose.Cells-for-.NET
	// Applying Colorful1 style on the GridWeb control
	GridWeb1.PresetStyle =PresetStyle.Colorful1;

view raw Examples.GridWeb-CSharp-GridWebBasics-ApplyPresetStyle.aspx-ApplyPresetStyle.cs hosted with ❤ by GitHub

Başlık Çubuğu Stili

GridWeb kontrolüne bakarsanız, iki başlık çubuğu göreceksiniz. Biri sütunlar (yani A, B, C, D vb.) ve diğeri satırlar (yani 1, 2, 3, 4 vb.) içindir. Aspose.Cells.GridWeb, geliştiricilerin bu başlık çubuklarının görünümünü kontrol etmesine olanak tanır. Geliştiriciler, başlık çubuklarının stilini tasarım zamanında veya çalışma zamanında ayarlayabilir.

GridWeb denetimi, denetimin her iki başlık çubuğuna da bir stil uygulayan HeaderBarStyle özelliğini sağlar.

Aşağıdaki örnek kodun çıktısı burada gösterilmektedir.

Başlık Çubuğunun değiştirilmiş stili

yapılacaklar:resim_alternatif_metin

	// For complete examples and data files, please go to https://github.com/aspose-cells/Aspose.Cells-for-.NET
	// Setting header bar properties, BackColor, ForeColor, Font & BorderWidth
	GridWeb1.HeaderBarStyle.BackColor = System.Drawing.Color.Brown;
	GridWeb1.HeaderBarStyle.ForeColor = System.Drawing.Color.Yellow;
	GridWeb1.HeaderBarStyle.Font.Bold = true;
	GridWeb1.HeaderBarStyle.Font.Name = "Century Gothic";
	GridWeb1.HeaderBarStyle.BorderWidth = new Unit(2, UnitType.Point);

view raw Examples.GridWeb-CSharp-GridWebBasics-ApplyHeaderBarStyle.aspx-ApplyHeaderBarStyle.cs hosted with ❤ by GitHub

Sekme Çubuğu Stili

Sekme çubuğunun stilini ayarlamak mümkündür.

Etkin ve etkin olmayan sekme çubuklarının değiştirilmiş stilleri

yapılacaklar:resim_alternatif_metin

Yukarıdaki şekilde, Sayfa4 etkin sekmedir, bu nedenle aşağıdaki örnek kodda tanımlandığı gibi görünümü diğer sekmelerden farklıdır.

	// For complete examples and data files, please go to https://github.com/aspose-cells/Aspose.Cells-for-.NET
	// Setting Tab properties, BackColor, ForeColor
	GridWeb1.TabStyle.BackColor = System.Drawing.Color.Yellow;
	GridWeb1.TabStyle.ForeColor = System.Drawing.Color.Blue;

	// Setting active tab properties, BackColor, ForeColor
	GridWeb1.ActiveTabStyle.BackColor = System.Drawing.Color.Blue;
	GridWeb1.ActiveTabStyle.ForeColor = System.Drawing.Color.Yellow;

view raw Examples.GridWeb-CSharp-GridWebBasics-ApplyTabBarStyle.aspx-ApplyTabBarStyle.cs hosted with ❤ by GitHub

Yeniden Kullanılabilir Özelleştirilmiş Stil Dosyası

Aspose.Cells.GridWeb, görünüm veya stil ayarlarını bir dosyada tutmayı da destekler. GridWeb kontrolünün tüm görünüm özelliklerini ayarladığınızda, bu özellikleri veya ayarları bir disk dosyasına kaydedebilirsiniz. Bu yaklaşım, geliştiricilerin kontrolün tüm stil (veya görünüm) özelliklerini tek tek ayarlamak yerine eski stil yapılandırmalarını bir stil dosyasından yeniden kullanarak zamandan ve emekten tasarruf etmeleri için çok yararlıdır.

Stil Dosyasını Kaydetme

Stil özelliklerini ayarlamayı bitirdikten sonra, GridWeb denetiminin SaveCustomStyleFile yöntemini çağırarak stil yapılandırma ayarlarınızı bir XML dosyası biçiminde kaydedebilirsiniz (bunun nedeni, Stil dosyasının bir XML dosyası olarak saklanmasıdır).

	// For complete examples and data files, please go to https://github.com/aspose-cells/Aspose.Cells-for-.NET
	// Setting header bar properties, BackColor, ForeColor, Font & BorderWidth
	GridWeb1.HeaderBarStyle.BackColor = System.Drawing.Color.Brown;
	GridWeb1.HeaderBarStyle.ForeColor = System.Drawing.Color.Yellow;
	GridWeb1.HeaderBarStyle.Font.Bold = true;
	GridWeb1.HeaderBarStyle.Font.Name = "Century Gothic";
	GridWeb1.HeaderBarStyle.BorderWidth = new Unit(2, UnitType.Point);

	// Setting Tab properties, BackColor, ForeColor
	GridWeb1.TabStyle.BackColor = System.Drawing.Color.Yellow;
	GridWeb1.TabStyle.ForeColor = System.Drawing.Color.Blue;

	// Setting Active Tab properties, BackColor, ForeColor
	GridWeb1.ActiveTabStyle.BackColor = System.Drawing.Color.Blue;
	GridWeb1.ActiveTabStyle.ForeColor = System.Drawing.Color.Yellow;

	// Saving style information to an XML file
	GridWeb1.SaveCustomStyleFile((this.Master as Site).GetDataDir() + "\\GridWebBasics\\CustomPresetStyle_out.xml");

view raw Examples.GridWeb-CSharp-GridWebBasics-ApplyCustomPresetStyle.aspx-SaveCustomStyle.cs hosted with ❤ by GitHub

Kaydedilen stil dosyası XML formatındadır, dolayısıyla geliştiriciler bu dosyayı istenirse herhangi bir metin düzenleyiciyle de düzenleyebilir.

Stil Dosyası Yükleniyor

Varolan bir stil dosyasından GridWeb denetimine stil ayarları uygulamak için, geliştiriciler stil dosyasının yolunu kontrolün CustomStyleFileName özelliğine ayarlayabilir. Ancak, bunu yapmadan önce kontrolün PresetStyle özelliğini Özel olarak ayarlamak gerekir. Bunun nedeni, stil dosyasının bir geliştirici tarafından zaten tanımlanmış olan özel stil bilgilerini içermesidir.

Aspose.Cells.GridWeb Designer kullanarak stil dosyası yüklemek veya kaydetmek de mümkündür.

	// For complete examples and data files, please go to https://github.com/aspose-cells/Aspose.Cells-for-.NET
	// Setting the PresetStyle of the control to Custom
	GridWeb1.PresetStyle = PresetStyle.Custom;

	// Setting the path of style file to load style information from this file to the control
	GridWeb1.CustomStyleFileName = (this.Master as Site).GetDataDir() + "\\GridWebBasics\\CustomStyle1.xml";

view raw Examples.GridWeb-CSharp-GridWebBasics-ApplyCustomPresetStyle.aspx-LoadCustomStyle.cs hosted with ❤ by GitHub

ÖNEMLİ: Stil dosyasının GridWeb kontrolüne yüklenmesi, kontrol hücrelerinin biçimlendirme ayarlarını etkilemez.

XML Stil Şablonunun Standart Biçimi

 <ViewerStyleTemplate SelectCellColor="Black" FrameTableStyle-BorderStyle="Solid" FrameTableStyle-LayoutFixed="Fixed" FrameTableStyle-BorderWidth="1px" FrameTableStyle-BorderColor="Gray" FrameTableStyle-BorderCollapse="Collapse" FrameTableStyle-BackColor="White" SelectCellBgColor="#EEEEFF" HeaderBarWidth="30pt" ScrollBarBaseColor="" HeaderBarStyle-LeftBorderStyle-BorderStyle="Solid" HeaderBarStyle-LeftBorderStyle-BorderWidth="1px" HeaderBarStyle-LeftBorderStyle-BorderColor="White" HeaderBarStyle-VerticalAlign="Middle" HeaderBarStyle-RightBorderStyle-BorderStyle="Solid" HeaderBarStyle-RightBorderStyle-BorderWidth="1px" HeaderBarStyle-RightBorderStyle-BorderColor="Gray" HeaderBarStyle-BorderWidth="1px" HeaderBarStyle-Font-Size="10pt" HeaderBarStyle-Font-Names="Arial" HeaderBarStyle-BorderColor="Gray" HeaderBarStyle-BorderStyle="Solid" HeaderBarStyle-HorizontalAlign="Center" HeaderBarStyle-ForeColor="Black" HeaderBarStyle-TopBorderStyle-BorderStyle="Solid" HeaderBarStyle-TopBorderStyle-BorderWidth="1px" HeaderBarStyle-TopBorderStyle-BorderColor="White" HeaderBarStyle-BackColor="#E0E0E0" HeaderBarStyle-BottomBorderStyle-BorderStyle="Solid" HeaderBarStyle-BottomBorderStyle-BorderWidth="1px" HeaderBarStyle-BottomBorderStyle-BorderColor="Gray" HeaderBarStyle-Wrap="False" ActiveHeaderColor="Black" HeaderBarTableStyle-LayoutFixed="Fixed" HeaderBarTableStyle-BorderWidth="0px" HeaderBarTableStyle-BorderCollapse="Separate" HeaderBarHeight="15pt" ActiveTabStyle-Height="15pt" ActiveTabStyle-BorderWidth="1px" ActiveTabStyle-Font-Size="10pt" ActiveTabStyle-Font-Names="Arial" ActiveTabStyle-BorderColor="Gray" ActiveTabStyle-BorderStyle="Solid" ActiveTabStyle-ForeColor="Black" ActiveTabStyle-BackColor="White" ActiveTabStyle-Wrap="False" ActiveCellColor="Black" DefaultGridLineColor="Silver" ViewTableStyle-LayoutFixed="Fixed" ViewTableStyle-BorderWidth="0px" ViewTableStyle-BorderCollapse="Collapse" ActiveCellBgColor="#DDDDFF" TabStyle-Height="15pt" TabStyle-BorderWidth="1px" TabStyle-Font-Size="10pt" TabStyle-Font-Names="Arial" TabStyle-BorderColor="Gray" TabStyle-BorderStyle="Solid" TabStyle-ForeColor="Black" TabStyle-BackColor="#E0E0E0" TabStyle-Wrap="False" ActiveHeaderBgColor="#F2F2F2" ScrollBarArrowColor="" BottomTableStyle-LayoutFixed="Fixed" BottomTableStyle-Height="20pt" BottomTableStyle-BorderWidth="0px" BottomTableStyle-BorderCollapse="Collapse" BottomTableStyle-TopBorderStyle-BorderStyle="Solid" BottomTableStyle-TopBorderStyle-BorderWidth="1px" BottomTableStyle-TopBorderStyle-BorderColor="Gray" BottomTableStyle-BackColor="#F0F0F0" />

GridWeb'i Web Formuna Ekleme GridWeb'i ve Başlık Çubuğunu Yeniden Boyutlandırın