Skip to content

Commit

Permalink
Merge pull request #513 from hiddenblue/main
Browse files Browse the repository at this point in the history
zh-CN translation: update the test-drive and stay-up-to-date
  • Loading branch information
maxkatz6 authored Sep 5, 2024
2 parents 84e2ffe + 87dcd61 commit 2134be6
Show file tree
Hide file tree
Showing 7 changed files with 455 additions and 46 deletions.
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,7 @@ import ButtonIntellisenseScreenshot from '/img/get-started/test-drive/button-int
Avalonia包含一个内置控件,用于创建按钮。按照以下步骤,将当前在窗口的内容区域中的文本字符串替换为按钮控件。

- 如果应用程序正在运行,请停止它。
-`MainView.axaml` 文件中找到
-`MainWindow.axaml` 文件中找到
`<TextBlock Text="text" HorizontalAlignment="Center" VerticalAlignment="Center"/>`
- 删除整行。
- 插入一个`Button`标签,如下所示:
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -23,14 +23,14 @@ dotnet new install Avalonia.Templates

## 创建项目

首先,我们将使用最简单的Avalonia模板`Avalonia Application`(或是CLI中的`avalonia.app`)。
首先,我们将使用Avalonia MVVM模板`Avalonia MVVM Application`(或是CLI中的`avalonia.mvvm`)。

<Tabs>
<TabItem value="cli" label="命令行" default>
运行以下命令:

```bash
dotnet new avalonia.app -o GetStartedApp
dotnet new avalonia.mvvm -o GetStartedApp
```

这将创建一个名为`GetStartedApp`的新文件夹,其中包含新的项目。
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -21,16 +21,16 @@ import VsPreviewPaneScreenshot from '/img/get-started/test-drive/vs-preview-pane

<img src={LayoutZonesDiagram} alt="" />

在当前应用程序中,窗口的内容区域引用另一个视图:**<views:MainView />**。这是对 **MainView.axaml** 文件的引用,它是一个将显示在窗口的内容区域的用户控件。

## MainView 用户控件

在此用户控件中,您将看到一个 `<TextBlock>...</TextBlock>` XAML 标记。这代表一个文本块控件。文本块的 `Text` 属性绑定到 **MainViewModel** 类的 **Greeting** 属性。这是在视图模型类的构造函数中设置的属性。
## MainWindow 用户控件

在这个**MainWindow.axaml**文件当中,您将看到一个 `<TextBlock>...</TextBlock>` XAML 标记。这代表一个文本块控件。文本块的 `Text` 属性绑定到 **MainWindowViewModel** 类的 **Greeting** 属性。这是在视图模型类的构造函数中设置的属性。
```
<TextBlock Text="{Binding Greeting}" HorizontalAlignment="Center" VerticalAlignment="Center"/>
```

您可以更改文件 **MainViewModel.cs** 中的文本,以查看界面上的更改。
您可以更改文件 **MainWindowViewModel.cs** 中的文本,以查看界面上的更改。

<img className="center" src={ViewModelScreenshot} alt="" />
<img className="center" src={AppRunningScreenshot} alt="" />
Expand All @@ -42,7 +42,7 @@ import VsPreviewPaneScreenshot from '/img/get-started/test-drive/vs-preview-pane
## Visual Studio 设计器

如果您使用的是 Visual Studio,则应该看到 XAML 代码和预览窗格。
切换到 **MainView.axaml** 文件,并单击编辑窗口顶部的 **Split View** 按钮。
切换到 **MainWindow.axaml** 文件,并单击编辑窗口顶部的 **Split View** 按钮。

<img className="center" src={VsPreviewerScreenshot} alt="" />

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -3,8 +3,8 @@ id: breaking-changes
title: Breaking Changes
---

This page will list any breaking changes in Avalonia 11. Although we endeavour not to break our API for major versions, some changes to behavior may result in your application not working.
这个页面将列出Avalonia 11中的任何破坏性变更。尽管我们尽量不在主要版本中破坏我们的API,但某些行为的改变可能导致你的应用程序无法正常工作。

:::info
To see a list of breaking changes between Avalonia 0.10 and 11 see the [upgrade guide](upgrade-from-0.10).
要查看Avalonia 0.10和11之间的破坏性变更列表,请参阅[升级指南](upgrade-from-0.10).
:::
Loading

0 comments on commit 2134be6

Please sign in to comment.