Proposal: ChamferedBorder Decorator for WinUI3

[Boltian]

Proposal:

ChamferedBorder Decorator for WinUI3

Summary

Introduce a new ChamferedBorder decorator in WinUI3 that allows developers to create borders with 45-degree chamfered corners.

Rationale

Chamfered corners provide a modern and visually appealing design element, enhancing the aesthetic appeal of applications.
Adding this feature aligns with current design trends and provides developers with more customization options for UI elements.
It simplifies the process for developers to create chamfered corners without needing custom drawing or complex workarounds.
This addition can help standardize the appearance of applications across the WinUI ecosystem, contributing to a consistent and polished user experience.

Scope

| Capability | Priority |
This proposal will allow developers to create borders with 45-degree chamfered corners using a simple decorator.|Must
This proposal will provide customizable corner sizes and border thickness options for developers.|Should
This proposal will allow developers to apply chamfered corners to various UI elements, such as buttons and panels.|Could
This proposal will allow developers to combine chamfered corners with rounded corners in the same decorator.|Could

Important Notes

<Grid>
    <ChamferedBorder BorderBrush="Blue" BorderThickness="2" ChamferLength="10,5,10,5">
        <TextBlock Text="Hello, World!" />
    </ChamferedBorder>
</Grid>

Design Mockup:
Visual representation of chamfered borders on buttons, panels, and other UI elements to illustrate the design enhancement.
Implementation Notes:

The ChamferedBorder should leverage existing WinUI3 styling mechanisms for ease of integration.
Performance considerations should be addressed to ensure the decorator does not negatively impact application responsiveness.

[github-actions]

Hi I'm an AI powered bot that finds similar issues based off the issue title.

Please view the issues below to see if they solve your problem, and if the issue describes your problem please consider closing this one. Thank you!

Open similar issues:

• Proposal: Support more border/background options on Panels (#518), similarity score: 0.71

Closed similar issues:

• Proposal: Update the corner radii of common controls to be consistent with web and app style direction (#524), similarity score: 0.71

Note: You can give me feedback by thumbs upping or thumbs downing this comment.

[karkarl]

This would be a great candidate for experimentation at Community Toolkit! https://github.com/CommunityToolkit/Windows