تطبيق الأنماط على GridWeb

Aspose.Cells.GridWeb لديها مظهرها وشعورها الافتراضي ولكن من الممكن تغيير مظهرها. Aspose.Cells.GridWeb توفر عدة خصائص لتمكين المطورين من السيطرة الكاملة على مظهرها. يناقش هذا الموضوع بعض تلك الخصائص.

تطبيق أنماط محددة مسبقاً أو أنماط مخصصة على Aspose.Cells.GridWeb

أنماط محددة مسبقاً

لتوفير جهود المطورين، تقدم Aspose.Cells.GridWeb بعض الأنماط المحددة مسبقاً. ببساطة حدد نمطًا من القائمة لتطبيق النمط.

الأنماط	مخطط الألوان
Standard	Silver
Colorful1	Rose
Colorful2	Blue
Professional1	Cyan
Professional2	Cyan again
Traditional1	Dark
Traditional2	Gray
Custom	Customized
عند اختيار نمط معين، يغير ذلك المظهر الكامل لعنصر التحكم GridWeb. يمكن للمطورين تحديد نمط محدد مسبقاً لتطبيق النمط على Grid أثناء تصميم الوقت ولكن يمكن أيضًا القيام بهذه المهمة أثناء التشغيل باستخدام واجهة برمجة التطبيق المرنة لـ Aspose.Cells.GridWeb.

عنصر تحكم Aspose.Cells.GridWeb ممثل بواسطة فئة GridWeb.

لتحديد نمط محدد مسبقًا:

أضف عنصر تحكم Aspose.Cells.GridWeb إلى شكل ويب.
اختر نمطًا محدد مسبقاً لتطبيقه على العنصر التحكم.

يوفر عنصر التحكم GridWeb خاصية PresetStyle التي يمكن للمطورين تعيين أي نمط محدد مسبقًا مرغوب فيه.

تُظهر الناتج من مقتطف الكود أدناه.

عنصر تحكم GridWeb مع تطبيق نمط Colorful1 عليه

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

نمط شريط الرأس

إذا نظرت إلى عنصر تحكم GridWeb، ستلاحظ وجود شريط رأسين. أحدهما للأعمدة (وهو A و B و C و D وما إلى ذلك) والآخر للصفوف (وهو 1 و 2 و 3 و 4 وما إلى ذلك). تسمح Aspose.Cells.GridWeb للمطورين بالتحكم في مظهر هذه الشرائط الرأسية ويمكن للمطورين تعيين نمط الشريط الرأسي إما في وقت التصميم أو وقت التشغيل.

يوفر عنصر تحكم GridWeb خاصية HeaderBarStyle التي تطبق نمطًا على كلا الشريطين الرأسيين للعنصر التحكم.

المخرجات موضحة في المثال أدناه.

تعديل نمط شريط الرأس

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

نمط شريط التبويب

من الممكن تعيين نمط شريط التبويب.

تعديل أنماط أشرطة التبويب النشطة وغير النشطة

todo:image_alt_text

في الشكل أعلاه، Sheet4 هو التبويب النشط لذا فإن مظهره يختلف عن باقي التبويبات، كما هو محدد في المثال أدناه.

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

ملف نمط مخصص قابل لإعادة الاستخدام

تدعم Aspose.Cells.GridWeb أيضًا الاحتفاظ بمظهرها أو إعدادات النمط في ملف. عندما تقوم بتعيين جميع خصائص المظهر لتحكم GridWeb، يمكنك حفظ هذه الخصائص أو الإعدادات إلى ملف على القرص. هذا النهج مفيد جدًا للمطورين لتوفير وقتهم وجهودهم من خلال إعادة استخدام إعداداتهم القديمة من ملف النمط بدلاً من تعيين جميع خصائص النمط للتحكم واحدة تلو الأخرى.

حفظ ملف النمط

بمجرد الانتهاء من تعيين خصائص النمط، يمكنك حفظ إعدادات تكوين النمط الخاص بك في شكل ملف XML (وذلك لأن ملف النمط يتم تخزينه كملف XML) عن طريق استدعاء طريقة SaveCustomStyleFile لتحكم GridWeb.

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

يكون ملف النمط المحفوظ بتنسيق XML، لذا يمكن للمطورين أيضًا تحرير هذا الملف باستخدام أي محرر نصي إذا كان هناك رغبة في ذلك.

تحميل ملف النمط

لتطبيق إعدادات النمط من ملف نمط موجود على تحكم GridWeb، يمكن للمطورين تعيين مسار ملف النمط إلى خاصية CustomStyleFileName للتحكم. ولكن قبل القيام بذلك، يجب تعيين خصائص PresetStyle للتحكم إلى Custom. وذلك لأن ملف النمط يحتوي على معلومات نمط مخصصة تم تعريفها بالفعل من قبل مطور.

من الممكن أيضًا تحميل أو حفظ ملف النمط باستخدام مصمم Aspose.Cells.GridWeb.

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

مهم: تحميل ملف النمط إلى تحكم GridWeb لا يؤثر على إعدادات تنسيق الخلايا التابعة للتحكم.

التنسيق القياسي لقالب النمط الخاص بالـ XML

 <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 إلى نموذج الويب تغيير حجم GridWeb وشريط عنوانه