StyledComponents

delphi vcl styledComponents

ส่วนประกอบที่คล้ายกับปุ่ม Delphi VCL, แถบเครื่องมือ, dbnavigator, bindnavigator, buttongroup และ categorybuttons พร้อมรูปแบบกราฟิกแบบกำหนดเอง

เวอร์ชันอย่างเป็นทางการจริง: 3.7.5

---

คำอธิบายสั้น ๆ

Components StyleDComponents เป็นชุดของส่วนประกอบ VCL สำหรับ Delphi (32 และ 64 บิต) ที่ช่วยให้คุณสามารถเอาชนะขีด จำกัด ที่กำหนดโดยส่วนประกอบ VCL มาตรฐานรักษาความเข้ากันได้ 100% ของคุณสมบัติ

คุณสามารถใช้งานได้อย่างง่ายดายแทนสำหรับมาตรฐานรวมถึงให้คุณสมบัติใหม่

ข้อ จำกัด หลักของปุ่มและส่วนประกอบของ VCL คือรูปร่างและสีที่กำหนดโดยระบบปฏิบัติการ

ด้วย องค์ประกอบสไตล์ คุณสามารถเอาชนะขีด จำกัด เหล่านี้ได้อย่างง่ายดาย คุณสามารถ:

• ควบคุมรูปร่างของปุ่ม
• ปุ่มควบคุมและสีขอบ (ไม่มีขีด จำกัด ) สำหรับทุกสถานะปุ่ม
• ใช้ "ครอบครัว" ของสไตล์ที่กำหนดไว้ล่วงหน้าเช่นเดียวกับในสภาพแวดล้อมเว็บ (เช่น Angular หรือ Bootstrap)
• ปรับให้เข้ากับสีของสไตล์ VCL ทำให้รูปร่างของปุ่มสอดคล้องกัน
• ลักษณะที่ปรากฏนั้นเหมือนกันในโหมด“ Windows” หรือโดยใช้สไตล์ VCL กับแอปพลิเคชัน

สุดท้าย แต่ไม่ท้ายสุดด้วย StyleDTaskDialog คุณสามารถควบคุมลักษณะที่ปรากฏของกล่องโต้ตอบข้อความของคุณในทุกด้าน การใช้ Skia4Delphi คุณยังสามารถเพิ่มไอคอนภาพเคลื่อนไหวลงในข้อความของคุณ

…ทั้งหมดมีให้จากเวอร์ชัน Delphi XE6 (ซึ่งอนุญาตให้ใช้ GDI+ใช้สำหรับการวาดปุ่ม)

คุณสมบัติที่สำคัญที่สุด

ใช้คุณสมบัติเพียงไม่กี่อย่างที่คุณสามารถตั้งค่าปุ่มของคุณได้อย่างง่ายดาย

คุณลักษณะสี:

ด้วยค่าสามค่าคุณสามารถเลือกสไตล์พร้อมที่กำหนดไว้ล่วงหน้าสำหรับสีปุ่ม, เส้นขอบและสีแบบอักษร:

• Stylefamily : "ครอบครัว" ของสไตล์ (เช่น classic หรือ bootstrap หรือ Angular)
• Styleclass : คอลเลกชันสไตล์ปุ่มที่กำหนดไว้ล่วงหน้าของครอบครัวที่เลือก
• รูปลักษณ์สไตล์ : เช่นปกติหรือโครงร่าง

คุณลักษณะรูปร่าง:

• สไตล์

btRoundRect (default)	btRect	btRounded	btEllipse

• StyleroundedCorners : ใช้สำหรับ drawtype แบบกลมและโค้งมน
• Styleradius : ใช้สำหรับ btroundrect drawtype

ในภาพนี้คุณสามารถดูแอปพลิเคชัน StyleDComponentSDemo พร้อมตัวอย่าง:

คุณสมบัติพิเศษ:

Components StyleDComponents มีตัวเลือกเพิ่มเติมจากนั้นส่วนประกอบมาตรฐานเช่น:

• Down, Alderup และ GroupIndex ใช้ใน "กลุ่ม"
• การจัดตำแหน่งคำบรรยายภาพ (ซ้าย, กึ่งกลาง, ขวา)
• การปรากฏตัวของคำอธิบายภาพ (ด้วยการจัดตำแหน่ง) และไอคอนที่ปรับแต่งได้ผ่าน imageList ใน tstyleddbnavigator และ tstyledbindnavigator
• ความสามารถในการเปลี่ยนตำแหน่งไอคอนและการจัดตำแหน่งคำบรรยายภาพใน tstyledbuttongroup และ tstyledCategorybuttons
• รูปลักษณ์ที่แตกต่างกันสำหรับรายการปุ่มของ tstyledtoolbar, tstyledbuttongroup และ tstyledcategorybuttons
• ป้ายแจ้งเตือนสำหรับทุกรูปแบบ buttons
• เหตุการณ์ autoclick (หลังจากเวลาล่าช้า)
• ไอคอนภาพเคลื่อนไหวโดยใช้ tstyledimatedbutton

…ในที่สุดส่วนประกอบสำหรับกล่องโต้ตอบก็สามารถปรับแต่งได้อย่างสมบูรณ์ซึ่งใช้ภาพที่กำหนดเองหรือแอนิเมชั่นและ styledButtons ภายในให้สอดคล้องกับ 100% กับแอปพลิเคชันที่เหลือ

ข้อสังเกต: โดยค่าเริ่มต้นเคอร์เซอร์สำหรับปุ่มสไตล์ทั้งหมดคือ crhandpoint

รายการส่วนประกอบที่มีอยู่:

ส่วนประกอบ	คำอธิบาย
	Tstyledgraphicbutton เป็นปุ่มกราฟิก "บริสุทธิ์" ที่มีสไตล์ (เช่นคลาสสิก, bootstrap, เชิงมุม, สีพื้นฐาน, สี SVG) ด้วยการสนับสนุนของ agimelist, การกระทำและการกำหนดค่าเต็มของห้ารัฐ: ปกติกด, เลือก, ร้อนและปิดการใช้งาน คุณสามารถใช้มันเป็นส่วนประกอบ tvirtuallist
	TstyledButton เป็น "ปุ่มควบคุม" คลาสสิกพร้อมสไตล์ (เช่นคลาสสิก, bootstrap, Angular, สีพื้นฐาน, สี SVG) ด้วยการสนับสนุนของ ImageList, Action และการกำหนดค่าเต็มรูปแบบของห้าสถานะ: ปกติกด, เลือก, ร้อนและปิดการใช้งาน คุณสามารถแทนที่ส่วนประกอบ tbutton ทั้งหมดของคุณได้อย่างง่ายดาย
	TstyledToolbar เป็นแถบเครื่องมือที่ใช้ StyleDToolButton พร้อมการปรับแต่งแบบเต็มรูปแบบของทุกรูปแบบและควบคุมขนาดของปุ่มได้อย่างเต็มที่เมื่อมองเห็นคำบรรยายภาพ ความกว้างและความสูงของ StyledToolButtons ภายในไม่ได้ขึ้นอยู่กับขนาดคำบรรยายภาพเช่นเดียวกับใน ttoolbar แบบคลาสสิก
	TSTYLEDDBNAVIGATOR เป็นส่วนประกอบ "DBNAVIGATOR" พิเศษพร้อมสไตล์ (เช่นคลาสสิก, bootstrap, เชิงมุม, สีพื้นฐาน, สี, SVG-color), บวกกับคำอธิบายของปุ่มและไอคอน "ย้าย" ที่ดีกว่าในโหมดแนวตั้ง
	Tstyledbindnavigator เป็นส่วนประกอบ "bindnavigator" พิเศษที่มีสไตล์ (เช่นคลาสสิก, bootstrap, เชิงมุม, สีพื้นฐาน, สี, SVG-color), บวกกับคำอธิบายของปุ่มและไอคอน "ย้าย" ที่ดีกว่าในโหมดแนวตั้ง
	TstyledButTongRoup เป็นส่วนประกอบ "buttongroup" พิเศษที่มีสไตล์ (เช่นคลาสสิก, bootstrap, เชิงมุม, สีพื้นฐาน, สี SVG) บวกกับจินตนาการการจัดเรียงคำสั่งและคุณสมบัติแบนเพื่อเพิ่มการควบคุมการปรากฏตัวของปุ่ม
	TstyledCategoryButtons เป็นส่วนประกอบ "หมวดหมู่" พิเศษ "ที่มีสไตล์ (เช่นคลาสสิก, bootstrap, เชิงมุม, สีพื้นฐาน, สี, SVG-color) บวกกับภาพจินตนาการการจัดแนวและคุณสมบัติแบนเพื่อเพิ่มการควบคุมที่ปรากฏของปุ่ม
	TstyledTaskDialog เป็นส่วนประกอบ "TaskDialog" พิเศษ (เพื่อแทนที่ MessagedLg และ TaskDLG) ด้วยคำอธิบายและไอคอนปุ่มที่กำหนดเอง การใช้แบบฟอร์มพิเศษคุณสามารถแสดงกล่องโต้ตอบที่ปรับแต่งได้เต็มรูปแบบ การใช้ Skia4Delpghi คุณสามารถแสดงกล่องโต้ตอบภาพเคลื่อนไหว!

---

สำหรับ "ย้อนหลังอย่างสมบูรณ์" คุณสามารถใช้ส่วนประกอบเหล่านั้นได้

ส่วนประกอบ	คำอธิบาย
	TstyledSpeedButton มาจาก tstyledgraphicButton และแนะนำ เค้าโครง , ระยะขอบ และคุณสมบัติ ระยะห่าง , เพื่อควบคุมการวาดภาพ (ไอคอนและคำอธิบาย) เป็นมาตรฐาน tspeedbutton คุณยังสามารถใช้ Glyph และ Numglyphs
	Tstyledbitbtn มาจาก tstyledbutton และแนะนำ เค้าโครง ระยะขอบ และคุณสมบัติ ระยะห่าง เพื่อควบคุมการวาดภาพ (ไอคอนและคำบรรยาย) เป็น tbitbtn มาตรฐาน คุณยังสามารถใช้ Glyph และ Numglyphs

ส่วนประกอบเหล่านั้นใช้คุณสมบัติบางอย่างในการวาดไอคอนและคำบรรยายในวิธีที่แตกต่าง:

• Glyph และ Numglyphs สำหรับไอคอนของปุ่ม (ไม่ได้รับการแนะนำเพราะไม่ปรับขนาด)
• ตำแหน่งของคำบรรยายภาพโดยใช้ buttonLayout แทนและ ระยะขอบ (แทนที่จะเป็น imagealignment และ imageMargins )
• ช่องว่างระหว่างไอคอนและคำบรรยายภาพที่กำหนดโดย ระยะห่าง

---

ส่วนประกอบ tstyledanimatedbutton (ใช้ Skia4Delphi):

ส่วนประกอบ	คำอธิบาย
	TstyledanimatedButton เป็นปุ่มสไตล์ด้วย "ไอคอนภาพเคลื่อนไหว" โดยใช้ส่วนประกอบ Skia TskanimatedImage ภายใน คุณสามารถเลือกกิจกรรมที่เริ่มต้นภาพเคลื่อนไหวเช่น: Animateonmouseover , Animateonclick , AnimateAlways , AnimateOnFocus

---

การติดตั้ง

การติดตั้งแพ็คเกจสำหรับ Delphi/VCL (จาก XE6 ถึง Delphi 12)

เปิดกลุ่มแพ็คเกจ vcl.styledComponents.groupproj จากโฟลเดอร์ที่ถูกต้องของเวอร์ชัน Delphi ของคุณ (เช่น StyleDComponents Packages D12)

จากนั้นสร้างแพ็คเกจรันไทม์: StyleDComponentSxxx และติดตั้งแพ็คเกจการออกแบบเวลา: DCLSTYLEDCOMPONENTSXXX

อย่าลืมเพิ่มเส้นทาง "{folder} StyleDComponents Source" เพื่อใช้ส่วนประกอบในแอปพลิเคชันของคุณหรือเส้นทางห้องสมุด "{Folder} StyleDComponents lib dxx winxx release"

การติดตั้งส่วนประกอบภาพเคลื่อนไหวสำหรับ Delphi/VCL (จาก XE7 ถึง Delphi 12)

หากคุณต้องการใช้ส่วนประกอบแอนิเมชั่นคุณต้องติดตั้ง Skia4Delphi ไว้ก่อนหน้านี้ใน IDE ของคุณ (ใน Delphi 12 ที่ติดตั้งแล้ว)

เปิดกลุ่มแพ็คเกจ vcl.styledanimatedComponents.groupproj จากโฟลเดอร์ที่ถูกต้องของเวอร์ชัน delphi ของคุณ (เช่น styledComponents Packages D12)

จากนั้นสร้างแพ็คเกจรันไทม์: StyleDanimatedComponentSxxx และติดตั้งแพ็คเกจการออกแบบเวลา: DCLSTYLEDANMATEMETEDCOMPONENTSXXX

หากคุณต้องการแพ็คเกจสำหรับเวอร์ชัน Delphi อื่น ๆ ที่ไม่รวม (ใหม่กว่า XE6) โปรดเพิ่มปัญหาใหม่

คำอธิบายของปุ่มสไตล์

Tstyledgraphicbutton , Tstyledbutton , Tstyledbitbtn และ TstyledSpeedButton ได้รับการออกแบบมาเพื่อขยายรูปแบบ UI ปุ่มเพื่อทำลายขีด จำกัด ของส่วนประกอบปุ่ม VCL แบบคลาสสิก

รูปแบบปุ่มที่กำหนดจะไม่ได้รับผลกระทบจาก vclstyles และยังมี visibile ในแอปพลิเคชัน "ไม่ได้สไตล์" ดังนั้นคุณสามารถมีมากกว่าปุ่มเดียวที่ใช้ VCLStyles

คุณสามารถสร้างรูปสี่เหลี่ยมผืนผ้า, โค้งมนหรือ roundrect หรือจุดไข่ปลา/วงกลมตามที่คุณต้องการ

การใช้เพียงสามองค์ประกอบคุณสามารถตั้งค่าปุ่มของคุณด้วยวิธีที่ง่ายมาก:

• Stylefamily : คุณลักษณะหลักสำหรับปุ่มสไตล์
• StyleClass : คอลเลกชันสไตล์ปุ่มที่กำหนดไว้ล่วงหน้า
• รูปลักษณ์สไตล์ : เช่นปกติหรือโครงร่าง

ตัวแก้ไขส่วนประกอบสำหรับ TstyledGraphicButton และ StyledButton:

ในการทำให้การใช้ปุ่มสไตล์ง่ายขึ้นมี "ตัวแก้ไขส่วนประกอบ" ที่มีประโยชน์เพื่อเลือกสามค่าที่กำหนดรูปแบบปุ่ม:

รายการสไตล์ที่มีอยู่

• คลาสสิก : คอลเลกชันของสไตล์ที่คล้ายกับ vclstyled tbutton
• bootstrap : คอลเลกชันของสไตล์ที่คล้ายกับปุ่ม bootstrap
• Angular-Light : คอลเลกชันของสไตล์ที่คล้ายกับปุ่มเชิงมุม
• Angular-Dark : คอลเลกชันของสไตล์ที่คล้ายกับปุ่มเชิงมุม
• สีพื้นฐาน : คอลเลกชันของสไตล์ที่อิงจาก Delphi "ปกติ" และ "ระบบ" คอลเลกชันสี
• SVG-Color : คอลเลกชันของสไตล์ที่อิงจาก Delphi "Alphacolors"

ควบคุมรูปแบบการเรนเดอร์เริ่มต้นสำหรับปุ่มสไตล์แถบเครื่องมือและ dbnavigator

เป็นไปได้ที่จะนิยามใหม่ในระดับแอปพลิเคชันระดับโลกรูปแบบการวาดรูปแบบเริ่มต้นสำหรับส่วนประกอบใด ๆ เพิ่มบางบรรทัดในไฟล์โครงการของคุณ ตัวอย่างเช่น:

เพิ่มหน่วยเหล่านั้นในการใช้งานของ DPR:

  Vcl.StyledButton,
  Vcl.ButtonStylesAttributes,
  Vcl.StyledDbNavigator,
  Vcl.StyledToolbar,

เพิ่มบรรทัดเหล่านั้นหลังจาก application.initialize ในรหัส DPR:

  TStyledButton.RegisterDefaultRenderingStyle(btRounded);
  TStyledDbNavigator.RegisterDefaultRenderingStyle(btRounded);
  TStyledToolbar.RegisterDefaultRenderingStyle(btRect);

นอกจากนี้คุณยังสามารถใช้ครอบครัว/ชั้นเรียน/รูปลักษณ์ทุกประเภทได้เช่น:

TStyledButton.RegisterDefaultRenderingStyle(btRoundRect, BOOTSTRAP_FAMILY, btn_primary, BOOTSTRAP_NORMAL);

นอกจากนี้คุณยังสามารถใช้ Interposer Unit (vcl.styledComponentShooks.pas) เพื่อเปลี่ยนปุ่มทั้งหมดของแอปพลิเคชันทั้งหมดได้อย่างง่ายดาย

หน่วยแม่แบบเพื่อสร้างสไตล์ครอบครัวที่กำหนดเองของคุณ

ด้วยหน่วย "vcl.templatebuttonstyles.pas" คุณสามารถสร้างรูปแบบปุ่มครอบครัวของคุณเองตามที่อธิบายไว้ที่นี่

---

---

ตัวแก้ไขส่วนประกอบพร้อมครอบครัว "boostrap" และ Styleradius 18: รูปลักษณ์สไตล์อาจเป็นเรื่องปกติหรือโครงร่าง

ตัวแก้ไขส่วนประกอบพร้อมครอบครัวที่เลือก "Angular Light": รูปลักษณ์ของสไตล์สามารถแบนยกระดับพื้นฐานลูบ

ตัวแก้ไขส่วนประกอบพร้อมครอบครัวที่เลือก "คลาสสิก": รูปลักษณ์สไตล์อาจเป็นเรื่องปกติหรือโครงร่าง

ตัวแก้ไขส่วนประกอบที่มีครอบครัว "สีพื้นฐาน" ที่เลือก

ตัวแก้ไขส่วนประกอบที่มีครอบครัว "SVG-color" ที่เลือกรูปลักษณ์สไตล์อาจเป็นปกติหรือโครงร่าง

คุณสมบัติพิเศษ

ส่วนประกอบสไตล์มีคุณสมบัติพิเศษเมื่อเทียบกับการควบคุม VCL แบบคลาสสิก

ตัวเลือก RoundedCorners

คุณสามารถกำหนดคุณสมบัติ RoundedCorners เพื่อเปิด/ปิดการใช้งานการวาดรูปตามที่แสดงในตัวอย่างนี้:

ป้ายแจ้งเตือนสำหรับปุ่ม

ปุ่มสไตล์ทั้งหมดสามารถแสดง การแจ้งเตือน บนพวกเขาด้วยฉลาก/สีและรูปร่างที่กำหนดเอง

อ่านคำแนะนำป้ายประกาศเพื่อสำรวจว่ามันทำงานอย่างไร ...

Autoclick/Autoclickdelay สำหรับปุ่ม

คุณสามารถเปิดใช้งาน Autoclick Flag เพื่อเรียกใช้เหตุการณ์คลิกของ StyledButton หลังจากเวลา AutoclickDelay ตามที่แสดงในการสาธิต Autoclick:

นอกจากนี้ StyleDTaskDialog สามารถใช้ฟังก์ชั่นนี้เพื่อ Autoclick และปิดกล่องโต้ตอบ

อ่านคู่มือ Autoclick/Delay เพื่อ Explorer ว่ามันทำงานอย่างไร ...

สไตล์ปุ่มโค้งมน

_in ภาพนี้เป็นตัวอย่างของปุ่ม "รอบเต็ม" ที่ใช้กับปุ่ม "VCL-styled" ทั้งหมด: ฟีเจอร์ที่ไม่สามารถใช้ได้ในปุ่มสไตล์ VCL

---

ใช้ "StyledComponentsDemos" เพื่อดูส่วนประกอบทั้งหมดที่ใช้งานได้!

ในโฟลเดอร์การสาธิตคุณสามารถค้นหาโฟลเดอร์ย่อยสำหรับทุกรุ่น Delphi ที่มีโครงการ:

StyledComponentsDemo.dproj

การสาธิตถูกจัดระเบียบเพื่อเปิดตัว "ฝัง" ในรูปแบบที่แตกต่างกันในพื้นที่ไคลเอนต์แบบฟอร์มหลักหรือภายนอก

Demos StyledButtonsdemo delphi10_4+ styledButtonsvclstyled.dpr

การใช้ปุ่ม VCL มาตรฐานคุณสามารถใช้สีที่แตกต่างจาก Delphi 10.4 โดยใช้ตัวเลือก "ต่อการควบคุม" แต่คุณไม่สามารถควบคุมปุ่มด้านอื่น ๆ ได้

ด้วยองค์ประกอบสไตล์คุณสามารถมีปุ่มที่มีสไตล์ VCL ที่ใช้งานอยู่ใน Delphi รุ่นก่อนหน้าและคุณสามารถควบคุมทุกแง่มุมของปุ่มเช่นรูปร่างโค้งมนได้เช่นเดียวกับที่คุณสามารถทดสอบในการสาธิต

การสาธิตเดียวกันรวบรวมด้วยเวอร์ชัน Delphi เก่า (เช่น XE6) แสดงว่าคุณมีคุณสมบัตินี้พร้อมใช้งาน!

การเปิดใช้งาน Skia4Delphi เพื่อดูการสาธิตปุ่มภาพเคลื่อนไหวในการดำเนินการ

หากคุณติดตั้ง Skia4Delphi คุณต้องติดตั้งแพ็คเกจที่อยู่ใน VCL.StyledAnimatedComponents.groupproj

จากนั้นคุณจะต้อง "เปิดใช้งาน Skia" ในโครงการ "บริบทเมนู" ของโครงการ StyledComponentsDemo ดังนั้นคุณจะได้เห็นปุ่มสไตล์แอมนิเมชั่นที่ใช้งานได้

ขอให้สังเกตว่าคุณสมบัตินี้ไม่สามารถใช้ได้ใน Delphi XE6

การสาธิต RoundedCorners

วิธีง่ายๆในการแสดงตัวเลือก StyledRoundedCorners ที่ใช้กับส่วนประกอบสไตล์หลายอย่าง

---

คำอธิบายของ StyledToolbar

tstyledtoolbar (และ tstyledtoolbuttons) แสดงแถบเครื่องมือเช่น ttoolbar แบบคลาสสิก แต่ด้วยคุณสมบัติสไตล์เดียวกันที่สามารถกำหนดให้กับปุ่มกราฟิกสไตล์

ในการสาธิต StyledToolbar คุณสามารถดูวิธีการใช้ส่วนประกอบนี้เมื่อเทียบกับ Delphi Ttoolbar คลาสสิก

ความแตกต่างที่สำคัญขึ้นอยู่กับการควบคุมของ "ขนาด" ของปุ่มเมื่อ "การแสดง" เป็นจริง: ในแถบเครื่องมือมาตรฐานมิติจะถูกกำหนดโดยคำบรรยายภาพขนาดใหญ่ ใน StyledToolbar มิติจะถูกกำหนดโดยคุณสมบัติ "ButtonWidth" เสมอ

ในภาพนี้การสาธิตแถบเครื่องมือจะเปรียบเทียบ StyledToolbar และแถบเครื่องมือคลาสสิก

---

คำอธิบายของ StyledDbnavigator และ StyledBindNavigator

tstyleddbnavigator (พร้อมปุ่ม tstylednavbutton) แสดงตัวนำทางเช่น tdbnavigator แบบคลาสสิก แต่มีคุณสมบัติสไตล์เดียวกันที่สามารถกำหนดให้กับปุ่มกราฟิกสไตล์

tstyledbindnavigator (พร้อมปุ่ม tstylednavbutton) แสดงตัวนำทางเช่น tbindnavigator แบบคลาสสิก แต่มีคุณสมบัติสไตล์เดียวกันที่สามารถกำหนดให้กับปุ่มกราฟิกสไตล์

ในการสาธิต tstyleddbnavigator คุณสามารถดูวิธีการใช้ส่วนประกอบเหล่านั้นเมื่อเทียบกับ delphi tdbnavigator คลาสสิกและ tbindnavigator

ในภาพนี้ผู้สร้าง StyledDbnavigator และ StyledBindNavigator พร้อม ImageList ที่กำหนดเองสำหรับภาพและคำอธิบายภาพที่มองเห็นได้

ความแตกต่างที่สำคัญคือ:

• ความเป็นไปได้ในการตั้งค่าและแสดงคำอธิบายภาพบน styledDbnavigator
• "ไอคอน" ที่มีทิศทางขึ้น/ลงเมื่อนำทางจะแสดงในตำแหน่งแนวตั้ง
• ไอคอนสามารถอ่านได้มากขึ้น (เช่น "แก้ไข" หนึ่ง) และรูปแบบ VCL ที่กำหนดเองสไตล์ในโหมดแสงและมืด
• เป็นไปได้ที่จะใช้ ImageList ที่กำหนดเองเพื่อแสดงภาพอื่น ๆ บนปุ่ม

---

คำอธิบายของ StyledButTongRoup และ StyledCategoryButtons

Tstyledbuttongroup และ TstyledCategoryButtons แสดงรายการของปุ่มที่มีการไหลหรือเค้าโครงขนาดเต็มเช่น tbuttongroup คลาสสิกหรือ tcategorybuttons คุณสามารถกำหนด StylesFamily/StyleClass/StylePearance สำหรับทุกปุ่มในระดับส่วนประกอบหรือเปลี่ยนสไตล์ในรายการ "ปุ่ม" เดียว

tstyledbuttongroup สืบทอดมาจาก tbuttongroup ดังนั้นคุณสามารถใช้มันต่อไปเป็นองค์ประกอบ VCL ตามที่แสดงในการสาธิต:

TstyledCategoryButtons สืบทอดมาจาก tcategoryButtons ดังนั้นคุณสามารถใช้มันต่อไปเป็นส่วนประกอบ VCL ตามที่แสดงในการสาธิต:

ความแตกต่างที่สำคัญคือ:

• คุณสามารถกำหนดสไตล์ที่กำหนดเองสำหรับทุกปุ่มใน "กลุ่ม" หรือ "หมวดหมู่"
• คุณสามารถใช้สไตล์ที่กำหนดเองสำหรับแต่ละปุ่ม
• คุณสามารถระบุปุ่มแบน
• คำบรรยายภาพปุ่มสามารถจัดแนวที่ตรงกลางหรือขวา
• ไอคอนปุ่มสามารถจัดแนวซ้ายด้านบนด้านล่างขวาตรงกลาง
• ระยะห่างเพิ่มเติมและ imageMargins เพื่อควบคุมตำแหน่งที่แน่นอนของไอคอนปุ่มและคำบรรยายภาพ

---

คำอธิบายของ StyleDTaskDialog

TstyledTaskDialog ได้รับการออกแบบมาเพื่อขยายฟังก์ชั่นกล่องโต้ตอบข้อความ/งานงานปรับแต่งได้อย่างเต็มที่และยังมีภาพเคลื่อนไหว

คุณสามารถทดสอบกล่องโต้ตอบสไตล์ได้ด้วยชุด "StyledButton Set" ที่แตกต่างกัน (คลาสสิก, Angular, Bootstrap)

นอกจากนี้คุณสามารถใช้แบบฟอร์มที่กำหนดเอง (สืบทอดมาจาก "tstyledTaskDialogform") เพื่อแสดงกล่องโต้ตอบที่กำหนดเองที่สมบูรณ์ของคุณ

วิธีแทนที่ Messagedlg มาตรฐานและ taskDialogs

คุณสามารถใช้ StyleDTaskDialog ในแอปพลิเคชันของคุณเพื่อแทนที่ MessagedLg และและ taskDialogs

เพิ่ม UNIT VCL.STYLEDTASKDIALOGFORMUNIT.PAS แอปพลิเคชันของคุณ

หากคุณใช้ Skia4Delphi และคุณต้องการใช้กล่องโต้ตอบแบบเคลื่อนไหวให้เพิ่มหน่วย Skia.vcl.styledTaskDialoganimatedUnit.pas

จากนั้นคุณต้องเพิ่มหน่วย vcl.styledtaskdialog ไปยังหน่วยของคุณและเปลี่ยนการโทรเป็นกล่องโต้ตอบมาตรฐาน/taskdialogs: messagedlg -> styledMessagedlg taskDialog -> styleDTaskDialog

วิธีเปลี่ยนแอตทริบิวต์กล่องโต้ตอบ (สไตล์ตัวอักษร/ปุ่ม)

โดยค่าเริ่มต้น StyledDialogs ใช้แบบอักษร SEGOE UI ที่มีขนาด 9 (เก็บไว้ใน VCL.STYLEDTASKDIALOGFORMUNIT.DFM) หากคุณต้องการใช้ตัวอักษร/ขนาดอื่นคุณสามารถเรียก InitializestyledTaskDialogs เช่นในตัวอย่างนี้:

  // Resize Standard Message Font to an higher size and select Arial character
  Screen.MessageFont.Size := Round(Screen.MessageFont.Size* 1.2 );
  Screen.MessageFont. Name := ' Arial ' ;
  // Inizialize the styled dialogs using "Bootstrap" styled buttons and the Screen.MessageFont
  InitializeStyledTaskDialogs(True, Screen.MessageFont, BOOTSTRAP_FAMILY);

Demo StyledTaskDialog

การสาธิตอย่างง่ายเพื่อแสดงวิธีการใช้ StyleDTaskDialog ด้วยไอคอนที่กำหนดเองโดยใช้ ImageList

แบบฟอร์มหลักมีประโยชน์ในการทดสอบทุกรูปแบบ / ปุ่มและประเภทของกล่องโต้ตอบ

++ กล่องโต้ตอบการยืนยันด้วยตัวอักษร/ขนาดที่กำหนดเองและปุ่มภาษาอังกฤษ ++

++ กล่องโต้ตอบคำเตือนพร้อมคำอธิบายภาพชาวอิตาเลียนในสไตล์ Acquagraphite ++

ในการเปิดใช้งานคำอธิบายภาพของปุ่มคือการเปลี่ยน styleDComponents.inc ไฟล์และเปิดใช้งาน {$ define iTamessages}

++ ไดอะล็อกข้อผิดพลาดในสไตล์ Windows10 VCL ++

++ ไดอะล็อกข้อความที่กำหนดเอง ++

++ ใช้ส่วนประกอบ StyletaskDialog ++

... ด้วย radiobuttons, commandlink, ข้อความการตรวจสอบและข้อความส่วนท้าย

การสาธิตของ AnimatedStyledTaskDialog

หากคุณติดตั้ง Skia4Delphi คุณสามารถลองใช้ AnimatedTaskDialogDemo ด้วยภาพเคลื่อนไหวที่ดี:

วางจำหน่ายจาก Delphi XE6 ถึง Delphi 12 (แพลตฟอร์ม 32 บิตและ 64 บิต)

ลิงค์ที่เกี่ยวข้อง: embarcadero.com - learndelphi.org

บันทึกย่อ

30 พ.ย. 2024: เวอร์ชัน 3.7.5

• เพิ่มคุณสมบัติ hidesystemclosebutton ไปยัง tstyledTaskDialog
• เพิ่มคุณสมบัติ ondialogshow
• แก้ไข wordwrap สำหรับ styledbitbtn

10 พ.ย. 2024: เวอร์ชัน 3.7.4

• เพิ่มค่า tdiquestion เพื่อแสดงเครื่องหมายคำถามใน taskDialog
• ใช้เครื่องหมายคำถาม (ไอคอนแอนิเมชั่น ora) สำหรับ messagedlg และ taskdialog ของประเภท mtconfirmation
• ขนาดไอคอนคงที่ของกล่องโต้ตอบตาม ScaleFactor
• แก้ไข defaultButton สำหรับ styleDDialog โดยใช้ messagedlg และ taskDialog

08 พ.ย. 2024: เวอร์ชัน 3.7.3

• แก้ไขแบบฟอร์ม TaskDialog แบบเคลื่อนไหว

08 พ.ย. 2024: เวอร์ชัน 3.7.2

• เพิ่ม useanimations ในองค์ประกอบ styledTaskDialog
• แก้ไขการใช้งานส่วนประกอบ StyleDTaskDialog
• คงที่การใช้ค่า modalresult แตกต่างจากค่ามาตรฐาน

22 ต.ค. 2024: เวอร์ชัน 3.7.1

• แก้ไขพื้นหลังสำหรับไอคอนเป็น messageDialogs
• แก้ไขรูปวาด tstyledgraphicbutton

20 ต.ค. 2024: เวอร์ชัน 3.7.0

• ปุ่มสีที่ระบุไว้ (มาตรฐานและ SVG) ตอนนี้ปุ่มทาสีเมื่อโฟกัสเช่นเดียวกับเมื่อ "ร้อน"
• ใช้ DrawRectWithGdiplus เสมอ
• เพิ่ม animateontype prop สำหรับ timantatedbutton: (animateonbutton, animateonimage)
• พื้นหลังโปร่งใสคงที่สำหรับ StyleDbutton โดยใช้ doublebuffered

12 ต.ค. 2024: เวอร์ชัน 3.6.9

• เพิ่มปุ่มและแผงควบคุมในรูปแบบ StyleDTaskDialog
• เปลี่ยนคำสั่งพาเนลใน StyledTaskDialog
• เพิ่มกิจกรรม onenablenavbtn ใน StyledDbnavigator และ StyledBindNavigator
• แก้ไขเคอร์เซอร์ใน StyledDbnavbutton เมื่อปิดการใช้งาน
• แก้ไข "Resource Button_shield_admin ไม่พบ" ใน StyleDTaskDialog
• แก้ไข autoclick โดยใช้ StyleDmessagedlg และ StyledTaskMessagedlg
• ตำแหน่งคำบรรยาย

08 ต.ค. 2024: เวอร์ชัน 3.6.8

• แก้ไขปุ่มการเรนเดอร์เป็น commandlink

06 ต.ค. 2024: เวอร์ชัน 3.6.7

• แพ็คเกจ styledAnimatedComponents คงที่
• แก้ไขปุ่มวาดภาพคำบรรยายภาพ
• แก้ไข "ระยะห่าง" เริ่มต้นเป็น 0 สำหรับ styledButtons

02 ต.ค. 2024: เวอร์ชัน 3.6.6

• สร้างการสาธิตใหม่ที่ครอบคลุมของส่วนประกอบทั้งหมด (StyledComponentsDemo)
• ลบการสาธิตส่วนประกอบเดี่ยวเก่า ๆ
• แก้ไข "ทรัพยากรไม่พบ" เป็น IDE สำหรับ styleDbitbtn
• กล่องโต้ตอบคงที่โดยใช้ multimonitor
• แก้ไขตัวเลือก USECOMMANDLINKS
• ScaleFactor คงที่สำหรับ XE6
• ความสูงคงที่ของปุ่มใน StyledCategoryButtons (ก่อน Delphi 10.4)

16 ก.ย. 2024: เวอร์ชัน 3.6.5

• แก้ไขปุ่มโต้ตอบด้วย DPI> 100%
• เพิ่ม findDialogButton ให้กับ tstyledTaskDialog
• อัปเดตแพ็คเกจสำหรับ Delphi 12.2

26 ส.ค. 2024: เวอร์ชัน 3.6.4

• แก้ไขการรั่วไหลของหน่วยความจำใน vcl.buttonstylesattributes.pas

20 ส.ค. 2024: เวอร์ชัน 3.6.3

• เพิ่มคุณสมบัติ Autoclick และ AutoclickDelay ให้กับ StyledButton และ StyledGraphicButton
• เพิ่มคุณสมบัติ Autoclick และ AutoclickDelay ให้กับ StyleDTaskDialog
• เพิ่มความกว้างและความสูงของปุ่ม "กำหนดเอง" สำหรับกล่องโต้ตอบข้อความสไตล์
• เพิ่มฟังก์ชั่น DostyledTaskMessagedlg (... ) รุ่นต่างๆ
• เพิ่ม EstyledTributesexception สำหรับข้อยกเว้น styleComponent ใด ๆ
• เพิ่ม SortBySortOrder ให้กับ StyleDToolbar
• เพิ่มการสาธิต Autoclick/Delay ใหม่สำหรับรุ่นใหม่และเก่า Delphi
• อัพเดทการสาธิต StyleDMessAgedlg พร้อม Autoclick/Delay และ Buttonswidth
• แก้ไขการวาดภาพด้านนอกเส้นขอบเมื่อเส้นขอบโค้งมนหรือ roundrect
• คงที่แท็กค่าเมื่อหล่อไปยัง tComponent

03 ส.ค. 2024: เวอร์ชัน 3.6.2

• คงที่สแต็กล้นลบสไตล์ styledToolButton

31 ก.ค. 2024: เวอร์ชัน 3.6.1

• แก้ไขการเปลี่ยนแปลงตำแหน่งดัชนีสำหรับ StyleDToolButtons
• คงที่การเก็บความกว้างสำหรับ StyleDToolButtons เมื่อผู้ออก/ตัวหาร
• เริ่มต้น StyledToolButton เมื่อเจ้าของเป็น StyledToolbar

21 มิ.ย. 2024: เวอร์ชัน 3.6.0 StyledTaskDialog การเปลี่ยนแปลง:

• refactoring ของฟังก์ชั่น taskDialog และธงสำหรับการเริ่มต้น
• เพิ่มการลงทะเบียน USECOMMANDLINK สำหรับ TaskDialogMessages
• การใช้ CommandLinks ใน TaskDialog เมื่อถามการดำเนินการยืนยัน
• refactoring ชื่อฟังก์ชั่นบางอย่างสำหรับ styledTaskDialog
• การอัปเดตการสาธิต TaskDialog และ AnimatedTaskDialog ที่สมบูรณ์
• นิยามใหม่ของกล่องโต้ตอบเริ่มต้นความกว้างขั้นต่ำเป็น 500px ที่ 96DPI
• เพิ่มคุณสมบัติ: DialogButtonsfamily, USECOMMANDLINKS, USETITLEINMESSAGEDLG, AlphAblEndValue เป็นส่วนประกอบ stylestaskDialog

การแจ้งเตือนการอัปเดต:

• เพิ่ม NotificationBadge สำหรับ StyledCategoryButtons และ StyleButTongRoup
• อัปเดตการสาธิตสไตล์ ButButton ด้วย "การจำลอง" ของการแจ้งเตือน Badge ผ่านตัวจับเวลา
• อัปเดตการสาธิตสำหรับการแจ้งเตือน Badge ใน StyledButTongRoup และ StyledCategoryButtons

การเปลี่ยนแปลงอื่น ๆ :

• เพิ่มวิธีการ tstyledButtonItem Assign
• เพิ่มแพ็คเกจสำหรับการแก้ไข Delphi 10:
• แก้ไขแพ็คเกจบางอย่างสำหรับการสร้างในโหมดรีลีส
• แก้ไขการกำหนดส่วนประกอบที่ใช้งานอยู่หากไม่ได้มุ่งเน้น
• การรวบรวมคงที่สำหรับ DXE6
• แก้ไขความสูงสำหรับ taskDialog เมื่อข้อความยาวมาก ...

11 มิ.ย. 2024: เวอร์ชัน 3.5.4

• เพิ่มการสนับสนุนอย่างเต็มรูปแบบสำหรับส่วนประกอบ tstyledTaskDialog ด้วย EventHandlers และ:

1. รัศมี
2. commandlinks
3. ข้อความการตรวจสอบ
4. ข้อความส่วนท้าย
5. ปุ่มที่กำหนดเอง

• เผยแพร่คุณสมบัติ Badge ที่เผยแพร่ใน StyledToolButton สำหรับ StyledToolbar
• ขนาดใหม่ของไอคอนโต้ตอบ/ภาพเคลื่อนไหวตอนนี้คือ 64x64 (ใช้ {$ define use_large_dialog_icons} เพื่อกู้คืนค่าเก่า)
• แก้ไขค่าแท็กการอ่านสำหรับ tstyledbitbtn และ tstyledspeedbutton
• แก้ไข StyleDRAWTYPE เริ่มต้นสำหรับ tstyledNavbutton

16 พฤษภาคม 2024: เวอร์ชัน 3.5.3

• เพิ่มหน่วย vcl.templatebuttonstyles.pas

12 พฤษภาคม 2024: เวอร์ชัน 3.5.2

• แก้ไขคำบรรยายภาพของ StyledToolButton

03 พฤษภาคม 2024: เวอร์ชัน 3.5.1

• เพิ่ม AlphaBlendValue สำหรับ StyleDTaskDialogs
• เพิ่มวิธีการกำหนดสำหรับ StyleDToolBar และ StyleDdBnavigator
• เพิ่มตัวเลือกเพื่อเปลี่ยนเคอร์เซอร์เริ่มต้น
• อัปเดตเอกสาร

26 เม.ย. 2024: เวอร์ชัน 3.5.0

• เพิ่มตัวเลือก RoundedCorners สำหรับ StyledButtons, StyledButTongRoup, StyledCategoryButtons และ StyletoolButton
• อัปเดตตัวแก้ไขส่วนประกอบสำหรับตัวเลือก RoundedCorners
• เพิ่มตัวอย่างและโครงการสาธิต
• เพิ่มคุณสมบัติของ AllowAllup, GroupIndex และ Down ไปยัง TstyledButton
• แก้ไขคำบรรยายภาพวาดสำหรับ tstyledtoolbutton และ tstylednavbutton
• เพิ่มการไล่ระดับสี ... คุณสมบัติและสไตล์การวาด

23 เม.ย. 2024: เวอร์ชัน 3.4.5

• เปิดใช้งานส่วนประกอบใน IDE โดยใช้แพลตฟอร์ม Windows 64 บิต
• เพิ่มคุณสมบัติการแสดง (ค่าเริ่มต้นจริง) ไปยัง StyleDbuttons

19 เม.ย. 2024: เวอร์ชัน 3.4.4

• ไอคอน StyleDDBNavigator คงที่ปรับขนาด
• เพิ่ม tstyledButtonCategory ให้กับหน่วย interposer
• เพิ่มแพ็คเกจสำหรับ Delphi XE7

13 เม.ย. 2024: เวอร์ชัน 3.4.3

• แก้ไข virtualimagelist สำหรับ styledDbnavigator
• แก้ไขไอคอน Resize สำหรับ StyleDDBNavigator และ Monitor การเปลี่ยน StyleDToolbar
• เพิ่มหน่วย interposer (vcl.styledmessageshooks.pas) สำหรับข้อความ

7 เม.ย. 2024: เวอร์ชัน 3.4.2

• แพ็คเกจใหม่สำหรับ Delphi 12.1
• เพิ่มการสนับสนุนสำหรับรูปแบบ Delphi 12.1 ใหม่ (Windows11 Dark/Light ที่น่าประทับใจ)
• styledButTongRoup e styleledCategoryButtons

5 เม.ย. 2024: เวอร์ชัน 3.4.1

• ส่วนประกอบเพิ่ม StyleDCategoryButtons
• การสาธิตการจัดหมวดหมู่ styledCategoryButtons
• ขนาดคงที่ของปุ่มตัวอย่างในตัวแก้ไขส่วนประกอบสำหรับ styledButTongRoup

3 เม.ย. 2024: เวอร์ชัน 3.4.0

• เพิ่มองค์ประกอบ styledButTongRoup
• การสาธิตสไตล์ ButButTongRoup
• แก้ไขการลงทะเบียนของส่วนประกอบ/คุณสมบัติบางอย่างลงใน IDE
• แก้ไข tstyledbitbtn.caption ที่เก็บไว้ใน dfm เป็น tbitbtn
• แก้ไข ResizeButtons หลังจากโหลด StyleDToolbar

16 มี.ค. 2024: เวอร์ชัน 3.3.3

• เพิ่มป้ายแจ้งเตือนลงในปุ่มสไตล์ทั้งหมด
• แก้ไขใช้งาน StyleDRAWTYPE ในตัวแก้ไขส่วนประกอบ

9 มี.ค. 2024: เวอร์ชัน 3.3.2

• เพิ่มคุณสมบัติ ASVCLCOMPONENT ไปยังปุ่มเพื่อลดความเข้ากันได้ย้อนหลัง
• ตัวแก้ไขส่วนประกอบออกแบบใหม่
• เพิ่มส่วนประกอบ tstyledbindnavigator
• อัปเดตแพ็คเกจและการสาธิต
• แก้ไขภาพการปรับขนาดของ tstyleddbnavigator
• คงที่ gropindex ของ tstyledtoolbutton

3 มี.ค. 2024: เวอร์ชัน 3.3.1

• เวอร์ชันใหม่ที่มีสามองค์ประกอบใหม่และการปรับปรุงมากมาย:
• เพิ่มส่วนประกอบปุ่มสไตล์แอนิเมชั่นที่มีเสถียรภาพมากขึ้น (โดยใช้ Skia4Delphi)
• เพิ่มตัวอย่างสำหรับส่วนประกอบปุ่มสไตล์แอนิเมชั่น
• เพิ่มแพ็คเกจสำหรับส่วนประกอบปุ่มสไตล์แอนิเมชั่น
• เพิ่ม tstyledspeedbutton ใหม่และ tstyledbitbtn ด้วยการวาดภาพโดยใช้ระยะห่างระยะขอบและเลย์เอาต์
• คุณสมบัติเพิ่มเติมสำหรับ tstyledbutton, สำหรับ compatibili ย้อนหลัง 100% กับ tbutton:
• 1. เพิ่มโหมด commandlinkhint และ "bscommandlink" สำหรับคุณสมบัติสไตล์
• 2. เพิ่มธงยกระดับความต้องการเพื่อแสดงไอคอน "ผู้ดูแลระบบ-Shield" โดยอัตโนมัติ
• 3. เพิ่มคุณสมบัติ StylushotimageIndex และ Stylushotimagename
• 4. เพิ่มลงและ GroupIndex และอนุญาตให้ AllAlup เป็น tstyledSpeedButton
• เพิ่มโหมด "โปร่งใส" สำหรับ tstyledgraphicbutton และ tstyledspeedbutton
• เพิ่มคำอธิบาย
• เพิ่มหน่วย interposer (vcl.styledComponentShooks.pas) เพื่อแทนที่ปุ่ม VCL มาตรฐานได้อย่างง่ายดาย
• เพิ่มส่วนในวิกิเพื่ออธิบายวิธีการแทนที่ปุ่ม VCL มาตรฐาน
• โหมดแก้ไขและปรับให้เหมาะสมที่สุดเพื่อหลีกเลี่ยงการกะพริบ
• ภาพวาดพื้นหลังของผู้ปกครอง
• แก้ไขข้อบกพร่องเล็กน้อย

18 ก.พ. 2024: เวอร์ชัน 3.2.1

• แก้ไขไอคอนการเรนเดอร์บน StyleDdBnavigator
• แก้ไขการเรนเดอร์สัญลักษณ์สำหรับ ImageIndex <> -1
• แก้ไขปุ่มการเรนเดอร์เมื่อวางลงในแบบฟอร์มดีไซเนอร์

03 ก.พ. 2024: เวอร์ชัน 3.2.0

• เพิ่ม "ปุ่มเต็มรอบ" drawstyle
• เปลี่ยนค่าเริ่มต้นสำหรับ styleDrawType จาก btrounded เป็น btroundRect
• styleDrawType = btrounded ตอนนี้วาด "ปุ่มเต็มรูปแบบ" (Styleradius ละเว้น)
• styleDrawType = btroundRect ตอนนี้วาด "ปุ่มที่มีมุมโค้งมน" (กำหนดโดย Styleradius)
• เพิ่ม registerDefaultrenderingStyle สำหรับทุกคลาส (เพื่อกำหนดการแสดงผลเริ่มต้น)
• แก้ไขการจัดเก็บข้อมูลแอตทริบิวต์ customstyles ข้อมูลลงใน DFM
• แก้ไขใหม่เมื่อเปิดใช้งานการเปลี่ยนแปลง
• แก้ไขสามเหลี่ยม SplitButton สำหรับปุ่มแบน
• การทดลอง: ปุ่มภาพเคลื่อนไหวใหม่ (ใช้ Skia4Delphi)

02 ม.ค. 2024: เวอร์ชัน 3.1.1

• คงที่สีพื้นหลังสำหรับตัวแก้ไขส่วนประกอบใน Delphi 12
• แก้ไข autosize/wrapable สำหรับ tstyledtoolbar

23 ต.ค. 2023: เวอร์ชัน 3.1.0

• แก้ไข FlatButton เมื่อปิดการใช้งาน
• แก้ไข autosize/wrapable สำหรับ tstyledtoolbar
• การวาดพื้นหลังคงที่
• แก้ไขการลงทะเบียนเริ่มต้นสำหรับแบบฟอร์ม StyleDTaskDialogstd
• reles บน Getit Package Manager

08 ต.ค. 2023: เวอร์ชัน 3.0.0

• refactoring เสร็จสมบูรณ์โดยใช้ tstyledbuttonrender เพื่อแสดงผลทั้ง tstyledgraphicbutton และ tstyledbutton
• ลบ "tstyledbuttonfocuscontrol" Invisible "ออกในเวอร์ชัน 2.x:" Focus "และ" Tabstop "ตอนนี้ทำงานเหมือนในปุ่ม VCL มาตรฐานมาตรฐาน
• การจัดเก็บคุณสมบัติใน DFM ได้รับการปรับให้เหมาะสมกับ ActionLink
• เพิ่มการสนับสนุนสำหรับปุ่มเร่งความเร็วและแป้นพิมพ์ลัด
• เพิ่มส่วนประกอบ tstyleddbnavigator ใหม่
• addeed "flat" รองรับ StyledButtons, StyledToolbar
• เพิ่มการสนับสนุน Glyph (สำหรับความเข้ากันได้ย้อนยุคด้วย TspeedButton และ TBitBTN)
• แก้ไข "ยกเลิก" และ "เริ่มต้น" คลิกและโฟกัส
• แก้ไขปัญหาการกะพริบ (โดยใช้การเพิ่มเป็นสองเท่า)

07 ก.ย. 2023: เวอร์ชัน 2.1.0

• เพิ่มการสนับสนุนสำหรับ Delphi 12
• ใหม่สไตล์ "SplitButton" สำหรับปุ่มและแถบเครื่องมือเช่นเดียวกับใน VCL พร้อม DropDownMenu:
  • เพิ่มสไตล์คุณสมบัติให้กับ tstyledgraphicbutton/tstyledbutton เช่นเดียวกับใน vcl tbutton
  • เพิ่ม DropdownMenu สำหรับสไตล์ "BSSPLITBUTTON"
  • เปลี่ยนประเภท tstyledtoolbuttonstyle เป็น ttoolbuttonstyle (ตอนนี้ใช้ประเภท vcl)
  • ลบประเภท tstyledbuttonstyle ตอนนี้ใช้ประเภท vcl: tbuttonstyle
• เปลี่ยนชื่อ StyledToolbar.AutowRap เป็น Wrapable (เช่นใน VCL Toolbar)
• อัปเดตการสาธิตปุ่มสไตล์ VCL พร้อมตัวเลือกการแสดงผลเพิ่มเติม
• แก้ไขปัญหาบางอย่างด้วย StyleDToolbar และ VCL สไตล์

10 กรกฎาคม 2023: เวอร์ชัน 2.0.0

• เพิ่มสองตัวเลือก stylefamily: "สีพื้นฐาน" และ "svg-color"
• เพิ่มส่วนประกอบใหม่: tstyledToolbar พร้อมองค์ประกอบส่วนประกอบ
• อัปเดตครอบครัว "คลาสสิก" พร้อมการสนับสนุนอย่างเต็มที่จากทุกสไตล์ VCL
• อัปเดต "ส่วนประกอบองค์ประกอบ" และ "บรรณาธิการทรัพย์สิน"
• เพิ่มคุณสมบัติ "WordWrap"
• เพิ่มการสาธิตเพิ่มเติมเช่น StyledToolbardemo และ StyledButtonsvclstyled

23 พ.ย. 2023: เวอร์ชัน 1.1.0

• การสาธิต AnimatedStyledDialog
• เพิ่ม GIF เพื่อแสดงการสาธิต AnimatedStyledDialog

17 พ.ย. 2022: เวอร์ชัน 1.0.0

• รุ่นแรกอย่างเป็นทางการสไตล์ ButButton:
• ลบ fontname ออกจากสไตล์เฉพาะ
• เพิ่ม popupmenu
• การเปลี่ยนสไตล์อัตโนมัติ modalresult
• ปุ่มแก้ไขขนาดเส้นขอบเปลี่ยน DPI ของหน้าจอ
• แก้ไขลักษณะที่ระบุไว้ของปุ่ม "คลาสสิก"
• อัพเดทการสาธิตเพื่อแสดงปุ่มด้วย modalresult styledDialog:
• แก้ไขความกว้างของการโต้ตอบการเปลี่ยน DPI ของหน้าจอ
• สไตล์ของปุ่มที่เลือกได้โดย "ครอบครัว"
• คงที่ tabstop และโฟกัสของปุ่ม

15 พ.ย. 2022: เวอร์ชัน 0.9.9 StyledButton:

• เพิ่มความสว่างเชิงมุม-แสงและมุมที่มืดมน
• รัศมีเปลี่ยนชื่อเป็น Styleradius
• Bordertype เปลี่ยนชื่อเป็น StyledRawtype
• แก้ไข mousedown สำหรับ graphicbutton
• เพิ่ม createandposstyledbutton ฟังก์ชั่นทั่วโลก
• เพิ่มวิธีการกำหนดค่า
• เปลี่ยน "ลง" เป็น "กด"
• เปลี่ยน "มุ่งเน้น" เป็น "เลือก"
• คงที่ clickeffect
• อัปเดตการสาธิต
• ตัวแก้ไขส่วนประกอบที่อัปเดตเพื่อรวมตระกูลเชิงมุม styledDialog:
• เพิ่มตัวอย่างของ AnimatedTaskDialog โดยใช้ Skia4Delphi
• tstyledTaskDialogform เป็นคลาสรูปแบบพื้นฐานสำหรับ styledDialog ใด ๆ
• เพิ่มตัวอย่างของแอนิเมชั่นลอตตี้ในโฟลเดอร์แอนิเมชั่น
• เพิ่มทรัพยากรของภาพเคลื่อนไหวที่สร้างขึ้นด้วยทรัพยากรคอมไพเลอร์
• เพิ่ม Delphi 10.1, 10.2, 10.3 แพ็คเกจ

10 พ.ย. 2022: เวอร์ชัน 0.9.8 StyledButton:

• เพิ่ม disabledImages, disabledimagename, disabledimageIndex, pressedimageindex, pressedimagename, hotimageindex, hotimagename, selectedImageIndex, selectedImagename
• ใช้ GDI+ สำหรับการแสดงผลของปุ่ม
• เพิ่มรูปแบบวงกลมและสแควร์สไตล์ StyledDialog:
• เพิ่มพื้นที่ส่วนท้ายและข้อความ
• เพิ่มการสนับสนุนอย่างเต็มรูปแบบสำหรับส่วนประกอบ tstyledTaskDialog (เช่นไอคอน Shield)
• คงที่มุ่งเน้นและ defaulbutton
• อัปเดตตัวอย่างการทดสอบ

07 พ.ย. 2022: เวอร์ชัน 0.9.5 (VCL)

• เพิ่มคุณสมบัติปุ่มสไตล์: Stylefamily, StyleClass และ StyleAppearance
• เพิ่ม "ครอบครัวคลาสสิก" ด้วยสไตล์ที่คล้ายกับสไตล์ VCL
• อัปเดต "Bootstrap Family"
• เพิ่มตัวแก้ไขส่วนประกอบสำหรับปุ่มสไตล์
• แบบฟอร์มโต้ตอบคงที่: ปุ่มโฟกัส, ปุ่มโต้ตอบทั้งหมดที่มีอยู่
• ปุ่มสไตล์คงที่

03 พ.ย. 2022: เวอร์ชัน 0.9.1 (VCL)

• เพิ่ม tstyledgraphicbutton

01 พ.ย. 2022: เวอร์ชัน 0.9.0 (VCL)

• รุ่นแรก "เบต้า"