vscode开辟avalonia

安装

安装.net 8
安装avalonia模板

1. dotnet new install Avalonia.Templates

复制代码

创建项目

1. dotnet new avalonia.app -o GetStartedApp

复制代码

安装c# dev kit插件和Avalonia for VSCode Community

dotnet run运行

修改代码

MainWindow.axaml

1. <Window xmlns&#61;&#34;https://github.com/avaloniaui&#34;        xmlns:x&#61;&#34;http://schemas.microsoft.com/winfx/2006/xaml&#34;        xmlns:d&#61;&#34;http://schemas.microsoft.com/expression/blend/2008&#34;        xmlns:mc&#61;&#34;http://schemas.openxmlformats.org/markup-compatibility/2006&#34;        mc:Ignorable&#61;&#34;d&#34; d:DesignWidth&#61;&#34;200&#34; d:DesignHeight&#61;&#34;450&#34;        x:Class&#61;&#34;GetStartedApp.MainWindow&#34;        Title&#61;&#34;GetStartedApp&#34;>    <TextBlock Text&#61;&#34;My Text&#34; HorizontalAlignment&#61;&#34;Center&#34; VerticalAlignment&#61;&#34;Center&#34;/></Window>

复制代码

继续修改代码

1. <Window xmlns&#61;&#34;https://github.com/avaloniaui&#34;        xmlns:x&#61;&#34;http://schemas.microsoft.com/winfx/2006/xaml&#34;        xmlns:d&#61;&#34;http://schemas.microsoft.com/expression/blend/2008&#34;        xmlns:mc&#61;&#34;http://schemas.openxmlformats.org/markup-compatibility/2006&#34;        mc:Ignorable&#61;&#34;d&#34; d:DesignWidth&#61;&#34;200&#34; d:DesignHeight&#61;&#34;450&#34;        x:Class&#61;&#34;GetStartedApp.MainWindow&#34;        Title&#61;&#34;GetStartedApp&#34;>     <Button HorizontalAlignment&#61;&#34;Center&#34;>Calculate</Button></Window>

复制代码

增长布局

1. <Window xmlns&#61;&#34;https://github.com/avaloniaui&#34;        xmlns:x&#61;&#34;http://schemas.microsoft.com/winfx/2006/xaml&#34;        xmlns:d&#61;&#34;http://schemas.microsoft.com/expression/blend/2008&#34;        xmlns:mc&#61;&#34;http://schemas.openxmlformats.org/markup-compatibility/2006&#34;        mc:Ignorable&#61;&#34;d&#34; d:DesignWidth&#61;&#34;200&#34; d:DesignHeight&#61;&#34;450&#34;        x:Class&#61;&#34;GetStartedApp.MainWindow&#34;        Title&#61;&#34;GetStartedApp&#34;>  <StackPanel>    <Border Margin&#61;&#34;5&#34;         CornerRadius&#61;&#34;10&#34;        Background&#61;&#34;LightBlue&#34;>        <TextBlock Margin&#61;&#34;5&#34;          FontSize&#61;&#34;24&#34;           HorizontalAlignment&#61;&#34;Center&#34;          Text&#61;&#34;温度转换器&#34;>        </TextBlock>    </Border>    <Grid ShowGridLines&#61;&#34;True&#34;  Margin&#61;&#34;5&#34;       ColumnDefinitions&#61;&#34;120, 100&#34;       RowDefinitions&#61;&#34;Auto, Auto, Auto&#34;>        <Label Grid.Row&#61;&#34;0&#34; Grid.Column&#61;&#34;0&#34; Margin&#61;&#34;10&#34;>Celsius</Label>        <TextBox Name&#61;&#34;celsius&#34; Grid.Row&#61;&#34;0&#34; Grid.Column&#61;&#34;1&#34; Margin&#61;&#34;0 5&#34; Text&#61;&#34;0&#34;/>        <Label Grid.Row&#61;&#34;1&#34; Grid.Column&#61;&#34;0&#34; Margin&#61;&#34;10&#34;>Fahrenheit</Label>        <TextBox Name&#61;&#34;fahrenheit&#34; Grid.Row&#61;&#34;1&#34;  Grid.Column&#61;&#34;1&#34; Margin&#61;&#34;0 5&#34; Text&#61;&#34;0&#34;/>        <Button Grid.Row&#61;&#34;2&#34; Grid.Column&#61;&#34;1&#34; Margin&#61;&#34;0 5&#34; Click&#61;&#34;ButtonClicked&#34;>Calculate</Button>    </Grid>    </StackPanel></Window>

复制代码

绑定点击变乱&#xff0c;修改MainWindow.axaml.cs

1. public void ButtonClicked(object source, RoutedEventArgs args){   Debug.WriteLine(&#34;Click!&#34;);   Debug.WriteLine($&#34;Click! Celsius&#61;{celsius.Text}&#34;);   if (double.TryParse(celsius.Text, out double C))   {       var F &#61; C * (9d / 5d) &#43; 32;       fahrenheit.Text &#61; F.ToString(&#34;0.0&#34;);   }   else   {       celsius.Text &#61; &#34;0&#34;;       fahrenheit.Text &#61; &#34;0&#34;;   }}

复制代码

参考

https://docs.avaloniaui.net/zh-Hans/docs/welcome

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！qidao123.com:ToB企服之家，中国第一个企服评测及软件市场,开放入驻,技术点评得现金