GridWeb e Stil Uygulama

Aspose.Cells.GridWeb’ın kendi varsayılan görünümü vardır, ancak görünümünü değiştirme imkanı vardır. Aspose.Cells.GridWeb, geliştiricilerin tam kontrolü sağlamak için çeşitli özellikler sunar. Bu konu, bu özelliklerden bazılarını tartışmaktadır.

Aspose.Cells.GridWeb’de Hazır veya Özel Stil Uygulama

Hazır Stiller

Geliştiricilerin çabalarını kaydetmek için, Aspose.Cells.GridWeb bazı hazır stiller sunar. Basitçe bir stil seçin ve uygulamak için listeden bir stil seçin.

Stilller	Renk Düzeni
Standard	Silver
Colorful1	Rose
Colorful2	Blue
Professional1	Cyan
Professional2	Cyan again
Traditional1	Dark
Traditional2	Gray
Custom	Customized
Belirli bir stil seçildiğinde, GridWeb kontrolünün tüm görünümü değişir. Geliştiriciler, bir Hazır Stil seçebilir ve bu görevi tasarım zamanında Grid üzerinde uygulanasalar da, Aspose.Cells.GridWeb’in esnek API’sini kullanarak çalışma zamanında da gerçekleştirebilirler.

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

Önceden belirlenmiş bir stil seçmek için:

Bir web formuna Aspose.Cells.GridWeb denetimini ekleyin.
Denetim üzerine uygulanacak önceden belirlenmiş bir stil seçin.

GridWeb denetimi geliştiricilerin istedikleri önceden belirlenmiş stili atayabileceği PresetStyle özelliğini sağlar.

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

Renkli1 stili uygulanmış GridWeb denetimi

todo:image_alt_text

	// 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 denetimine bakarsanız, iki başlık çubuğu fark edeceksiniz. Bir sütunlar için (yani A, B, C, D vs.) ve diğeri satırlar için (yani 1, 2, 3, 4 vs.). Aspose.Cells.GridWeb geliştiricilere bu başlık çubuklarının görünümünü kontrol etme imkanı sunar. Geliştiriciler başlık çubuklarının stilini tasarım zamanında veya çalışma zamanında ayarlayabilirler.

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

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

Başlık Çubuğunun Değiştirilmiş Stili

todo:image_alt_text

	// 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 stili belirlenebilir.

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

todo:image_alt_text

Yukarıdaki şekilde, Sheet4 etkin sekmeyse, görünümü diğer sekmelerden farklıdır, aşağıdaki örnek kod tarafından tanımlandığı gibi.

	// 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 ayrıca görünüm veya stil ayarlarını bir dosyaya kaydetmeyi destekler. GridWeb denetiminin tüm görünüm özelliklerini ayarladıysanız, bu özellikleri veya ayarları bir disk dosyasına kaydedebilirsiniz. Bu yaklaşım, geliştiricilerin eski stil yapılandırmalarını tek tek ayarlamak yerine bir stil dosyasından tekrar kullanarak zaman ve çaba kazanmaları için çok kullanışlıdır.

Stil Dosyası Kaydetme

Stil özelliklerini ayarladıktan sonra, GridWeb denetiminin SaveCustomStyleFile yöntemini çağırarak stil yapılandırma ayarlarını XML dosyası olarak kaydedebilirsiniz (bu, Stil dosyasının bir XML dosyası olarak saklandığı içindir).

	// 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, bu nedenle geliştiriciler istenirse bu dosyayı herhangi bir metin düzenleyici ile düzenleyebilirler.

Stil Dosyası Yükleme

Mevcut bir stil dosyasından GridWeb denetimine stil ayarlarını uygulamak için geliştiriciler denetimin CustomStyleFileName özelliğine stil dosyasının yolunu ayarlayabilirler. Ancak bunu yapmadan önce kontrolün PresetStyle özelliğini Özel olarak ayarlamak zorunludur. Çünkü stil dosyası önceden bir geliştirici tarafından tanımlanmış özel stil bilgisi içerir.

Ayrıca Aspose.Cells.GridWeb Tasarımcısı kullanarak stil dosyası yükleme veya kaydetme 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ı GridWeb denetine yüklemek, denetimin hücrelerinin biçimlendirme ayarlarını etkilemez.

XML Stil Şablonunun Standart Formatı

 <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" />

Web Form a GridWeb Ekle GridWeb Eklemek için Web Formuna Ekle, WYSIWYG kullanarak Aspose.Cells.GridWeb kontrolü boyutlandırıldı. Bu makale, aynı şeyi ama Aspose.Cells.GridWeb API sini çalışma zamanında kullanarak nasıl yapılacağını açıklar. Ayrıca Aspose.Cells.GridWeb kontrolünün başlık çubuklarını okunabilirliği artırmak için boyutlandırmanın nasıl yapılacağını da açıklar.