Skip to content

Conversation

@jsuarezruiz
Copy link
Contributor

This PR relocates the LetterSpacing property from TextBlock to TextElement as an inherited attached property, making it available across all templated controls (Button, CheckBox, Label, ToolTip, etc.). This change aligns LetterSpacing with the existing architecture used by FontFamily, FontSize, FontWeight, and other text properties.

// TextElement (new)
public static readonly AttachedProperty<double> LetterSpacingProperty;
public static double GetLetterSpacing(Control control);
public static void SetLetterSpacing(Control control, double value);

// TemplatedControl (new)
public static readonly StyledProperty<double> LetterSpacingProperty;
public double LetterSpacing { get; set; }

// TextBlock (unchanged, now uses AddOwner internally)
public static readonly StyledProperty<double> LetterSpacingProperty;
public double LetterSpacing { get; set; }

Usage Examples:

<Button Content="Click Me" LetterSpacing="2" />
<CheckBox Content="Accept Terms" LetterSpacing="0.5" />

Screenshots with some examples:

Checkbox
image

RadioButton
image

Menu
image

ComboBox
image

Button
image

Checklist

Breaking changes

None. All existing code continues to work without modification.

Obsoletions / Deprecations

Fixed issues

Fixes #20119

@jsuarezruiz jsuarezruiz added enhancement api-change-requested The new public APIs need some changes. labels Nov 25, 2025
@Gillibald Gillibald added the backport-candidate-11.3.x Consider this PR for backporting to 11.3 branch label Nov 25, 2025
@MrJul MrJul added breaking-change and removed api-change-requested The new public APIs need some changes. backport-candidate-11.3.x Consider this PR for backporting to 11.3 branch labels Nov 25, 2025
@MrJul
Copy link
Member

MrJul commented Nov 25, 2025

There is a breaking change: TextBlock.LetterSpacing is now an AttachedProperty instead of a StyledProperty. This is not binary compatible, and would also be a source break to existing usages of TextBlock.TextSpacing as an attached property.

We can totally accept this minor change for v12, but it should not be backported to v11.

@cla-avalonia
Copy link
Collaborator

cla-avalonia commented Nov 25, 2025

@jsuarezruiz,

Please read the following Contributor License Agreement (CLA). If you agree with the CLA, please reply with the following:

@cla-avalonia agree
Contributor License Agreement

Contribution License Agreement

This Contribution License Agreement ( “Agreement” ) is agreed to by the party signing below ( “You” ),
and conveys certain license rights to the AvaloniaUI OÜ ( “AvaloniaUI OÜ” ) for Your contributions to
AvaloniaUI OÜ open source projects. This Agreement is effective as of the latest signature date below.

1. Definitions.

“Code” means the computer software code, whether in human-readable or machine-executable form,
that is delivered by You to AvaloniaUI OÜ under this Agreement.

“Project” means any of the projects owned or managed by AvaloniaUI OÜ and offered under a license
approved by the Open Source Initiative (www.opensource.org).

“Submit” is the act of uploading, submitting, transmitting, or distributing code or other content to any
Project, including but not limited to communication on electronic mailing lists, source code control
systems, and issue tracking systems that are managed by, or on behalf of, the Project for the purpose of
discussing and improving that Project, but excluding communication that is conspicuously marked or
otherwise designated in writing by You as “Not a Submission.”

“Submission” means the Code and any other copyrightable material Submitted by You, including any
associated comments and documentation.

2. Your Submission. You must agree to the terms of this Agreement before making a Submission to any
Project. This Agreement covers any and all Submissions that You, now or in the future (except as
described in Section 4 below), Submit to any Project.

3. Originality of Work. You represent that each of Your Submissions is entirely Your
original work. Should You wish to Submit materials that are not Your original work,
You may Submit them separately to the Project if You (a) retain all copyright and
license information that was in the materials as you received them, (b) in the
description accompanying your Submission, include the phrase "Submission
containing materials of a third party:" followed by the names of the third party and any
licenses or other restrictions of which You are aware, and (c) follow any other
instructions in the Project's written guidelines concerning Submissions.

4. Your Employer. References to “employer” in this Agreement include Your employer or anyone else
for whom You are acting in making Your Submission, e.g. as a contractor, vendor, or agent. If Your
Submission is made in the course of Your work for an employer or Your employer has intellectual
property rights in Your Submission by contract or applicable law, You must secure permission from Your
employer to make the Submission before signing this Agreement. In that case, the term “You” in this
Agreement will refer to You and the employer collectively. If You change employers in the future and
desire to Submit additional Submissions for the new employer, then You agree to sign a new Agreement
and secure permission from the new employer before Submitting those Submissions.

5. Licenses.

a. Copyright License. You grant AvaloniaUI OÜ, and those who receive the Submission directly
or indirectly from AvaloniaUI OÜ, a perpetual, worldwide, non-exclusive, royalty-free, irrevocable
license in the Submission to reproduce, prepare derivative works of, publicly display, publicly perform,
and distribute the Submission and such derivative works, and to sublicense any or all of the foregoing
rights to third parties.

b. Patent License. You grant AvaloniaUI OÜ, and those who receive the Submission directly or
indirectly from AvaloniaUI OÜ, a perpetual, worldwide, non-exclusive, royalty-free, irrevocable license
under Your patent claims that are necessarily infringed by the Submission or the combination of the
Submission with the Project to which it was Submitted to make, have made, use, offer to sell, sell and
import or otherwise dispose of the Submission alone or with the Project.

c. Other Rights Reserved. Each party reserves all rights not expressly granted in this Agreement.
No additional licenses or rights whatsoever (including, without limitation, any implied licenses) are
granted by implication, exhaustion, estoppel or otherwise.

6. Representations and Warranties. You represent that You are legally entitled to grant the above
licenses. You represent that each of Your Submissions is entirely Your original work (except as You may
have disclosed under Section 3 ). You represent that You have secured permission from Your employer to
make the Submission in cases where Your Submission is made in the course of Your work for Your
employer or Your employer has intellectual property rights in Your Submission by contract or applicable
law. If You are signing this Agreement on behalf of Your employer, You represent and warrant that You
have the necessary authority to bind the listed employer to the obligations contained in this Agreement.
You are not expected to provide support for Your Submission, unless You choose to do so. UNLESS
REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING, AND EXCEPT FOR THE WARRANTIES
EXPRESSLY STATED IN SECTIONS 3, 4, AND 6 , THE SUBMISSION PROVIDED UNDER THIS AGREEMENT IS
PROVIDED WITHOUT WARRANTY OF ANY KIND, INCLUDING, BUT NOT LIMITED TO, ANY WARRANTY OF
NONINFRINGEMENT, MERCHANTABILITY, OR FITNESS FOR A PARTICULAR PURPOSE.

7. Notice to AvaloniaUI OÜ. You agree to notify AvaloniaUI OÜ in writing of any facts or
circumstances of which You later become aware that would make Your representations in this
Agreement inaccurate in any respect.

8. Information about Submissions. You agree that contributions to Projects and information about
contributions may be maintained indefinitely and disclosed publicly, including Your name and other
information that You submit with Your Submission.

9. Governing Law/Jurisdiction. This Agreement is governed by the laws of the Republic of Estonia, and
the parties consent to exclusive jurisdiction and venue in the courts sitting in Talinn,
Estonia. The parties waive all defenses of lack of personal jurisdiction and forum non-conveniens.

10. Entire Agreement/Assignment. This Agreement is the entire agreement between the parties, and
supersedes any and all prior agreements, understandings or communications, written or oral, between
the parties relating to the subject matter hereof. This Agreement may be assigned by AvaloniaUI OÜ.

AvaloniaUI OÜ dedicates this Contribution License Agreement to the public domain according to the Creative Commons CC0 1.

</Button>
<Button Classes="accent">Accent</Button>
<Button LetterSpacing="0">Normal Spacing</Button>
<Button LetterSpacing="2.0">L o o s e S p a c i n g</Button>
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Really nitpicking here, but seeing the difference between the different values would be better without the extra spaces in the string.

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Yeah, you are right. Removed the spaces, now it's obvious that the LetterSpacing property is what creates the spacing between characters.

HorizontalContentAlignment="{TemplateBinding HorizontalContentAlignment}"
VerticalContentAlignment="{TemplateBinding VerticalContentAlignment}" />
VerticalContentAlignment="{TemplateBinding VerticalContentAlignment}"
TextElement.LetterSpacing="{TemplateBinding LetterSpacing}" />
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This is an inherited property, we don't usually set it explicitly in templates (see also FontFamily, FontWeight, etc.)

Applicable to all modified templates.

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Yea, the WPF convention of letting all font/text properties be properly inherited needs to apply. For some reason in WinUI they started setting everything directly in Fluent. That was an issue and we had to undo a lot of it here and in FluentAvalonia. Definately don't want to take a step back.

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Good point. Removed all explicit TextElement.LetterSpacing="{TemplateBinding LetterSpacing}" bindings from templates. The property now inherits automatically through the visual tree, just like FontFamily, FontWeight, FontSize, and other inherited text properties.



[Fact]
public void Button_LetterSpacing_Default_Value_Is_Zero()
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I'm normally always advocating for more tests, but this time having those tests duplicated in Button, CheckBox, Label, and RadioButton doesn't provide much value, only added maintenance :)

We already have tests verifying that inherited styled properties are working as expected in the general case. The LetterSpacing-specific tests can be added only once.

@MrJul
Copy link
Member

MrJul commented Nov 25, 2025

You'll need to run ./build.sh ValidateApiDiff to update the API suppression files.

@robloo
Copy link
Contributor

robloo commented Nov 25, 2025

It's awesome to see you on the Avalonia team now! I remember talking about your drawn controls for MAUI some time ago. Was some interesting work there and in MAUI itself. Anyway, welcome to Avalonia!

@jsuarezruiz
Copy link
Contributor Author

It's awesome to see you on the Avalonia team now! I remember talking about your drawn controls for MAUI some time ago. Was some interesting work there and in MAUI itself. Anyway, welcome to Avalonia!

It's awesome to see you on the Avalonia team now! I remember talking about your drawn controls for MAUI some time ago. Was some interesting work there and in MAUI itself. Anyway, welcome to Avalonia!

Thanks so much! I appreciate it.
Yes, I remember those drawn controls and all the MAUI work were a fun challenge.
Excited to join Avalonia and help push things forward!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Feature] Wide LetterSpacing Support

5 participants