How to define different MinHeight in ControlTheme

[Bruce9009]

I would like to define a custom Button based on Avalonia.Controls.Button, so firstly I inherited it without registering any new properties yet.

Then I created a ResourceDictionary file to define a ControlTheme for my Button. The intention is simple...I just want to define different sizes by using MinHeight property, so the codes look like as follows:

But when I tried to call the defined styles and had a preview, I found that it did not work. All buttons have a same MinHeight...And it seems that the value of MinHeight was set to the Large one which was also the last one defined...

I think it is a very simple use case and I must miss something...
Does anyone have any ideas about how to solve this question? Thanks in advance!

[stevemonaco]

The default VerticalAlignment is Stretch. Which means your custom buttons are being stretched as much as the parent container allows. MinHeight only constrains the button from being too small.

See

Avalonia/src/Avalonia.Themes.Fluent/Controls/Button.xaml

Line 21 in 2a9e7e9

<Setter Property="VerticalAlignment" Value="Center" />

for setters on VerticalAlignment and HorizontalAlignment.

[Bruce9009]

Yes, you are right. After setting VerticalAlignment as Center, it works as expected!
Thank you very much!