From fbf2033adbe5ac179678242997d83d7c8792c9fc Mon Sep 17 00:00:00 2001 From: Zhang Dian <54255897+zdpcdt@users.noreply.github.com> Date: Fri, 4 Aug 2023 16:55:00 +0800 Subject: [PATCH] docs: reference. --- .../current.json | 4 +- .../current/reference/animation-settings.md | 51 +++---- .../built-in-data-binding-converters.md | 44 +++--- .../current/reference/gestures/README.md | 10 +- .../gestures/pinchgesturerecognizer.md | 12 +- .../gestures/pullgesturerecognizer.md | 30 ++-- .../gestures/scrollgesturerecognizer.md | 24 ++-- .../reference/jetbrains-rider-ide/README.md | 8 +- .../jetbrains-rider-setup.md | 40 +++--- .../current/reference/mark-up-extensions.md | 6 +- .../current/reference/styles/README.md | 10 +- .../reference/styles/pseudo-classes.md | 26 ++-- .../reference/styles/style-selector-syntax.md | 128 +++++++++--------- 13 files changed, 199 insertions(+), 194 deletions(-) diff --git a/i18n/zh-Hans/docusaurus-plugin-content-docs/current.json b/i18n/zh-Hans/docusaurus-plugin-content-docs/current.json index 194839578..c4b878a40 100644 --- a/i18n/zh-Hans/docusaurus-plugin-content-docs/current.json +++ b/i18n/zh-Hans/docusaurus-plugin-content-docs/current.json @@ -28,7 +28,7 @@ "description": "The label for category ToDo List App in sidebar documentationSidebar" }, "sidebar.documentationSidebar.category.Music Store App": { - "message": "Music Store App", + "message": "音乐商店应用", "description": "The label for category Music Store App in sidebar documentationSidebar" }, "sidebar.documentationSidebar.category.Basics": { @@ -144,7 +144,7 @@ "description": "The label for category Deployment in sidebar documentationSidebar" }, "sidebar.documentationSidebar.category.Reference": { - "message": "Reference", + "message": "参考资料", "description": "The label for category Reference in sidebar documentationSidebar" }, "sidebar.documentationSidebar.category.Built-in Controls": { diff --git a/i18n/zh-Hans/docusaurus-plugin-content-docs/current/reference/animation-settings.md b/i18n/zh-Hans/docusaurus-plugin-content-docs/current/reference/animation-settings.md index 3d40ce3cf..6a19553ad 100644 --- a/i18n/zh-Hans/docusaurus-plugin-content-docs/current/reference/animation-settings.md +++ b/i18n/zh-Hans/docusaurus-plugin-content-docs/current/reference/animation-settings.md @@ -2,45 +2,46 @@ description: REFERENCE --- -# Animation Settings +# 动画设置 This section contains full lists of the _Avalonia UI_ animation settings: +本节包含 _Avalonia UI_ 动画设置的完整列表： -* Easing Functions -* Fill Modes -* Playback Direction -* Repeat +* 缓动函数（Easing Functions） +* 填充模式（Fill Modes） +* 播放方向（Playback Direction） +* 重复（Repeat） -## Easing Functions +## 缓动函数（Easing Functions） -
ProfileSetting
SineEaseOut
+
配置设置
SineEaseOut
-## Fill Modes +## 填充模式（Fill Modes） -The fill mode attribute of an animation defines how the set property persists after running an animation, and on delays in between runs. +动画的填充模式属性定义了动画运行后设置属性在延迟运行之间的持续方式。 -The following table describes the possible behaviors: +以下表格描述了可能的行为： -| Value | Description | -| ---------- | --------------------------------------------------------------------------------------------------------- | -| `None` | Value will not persist after animation nor the first value will be applied when the animation is delayed. | -| `Forward` | The last interpolated value will be persisted to the target property. | -| `Backward` | The first interpolated value will be displayed on animation delay. | -| `Both` | Both `Forward` and `Backward` behaviors will be applied. | +| 值 | 描述 | +|------------|---------------------------------| +| `None` | 在动画后值不会持续，也不会在延迟时应用第一个值。 | +| `Forward` | 最后一个插值值将持续到目标属性。 | +| `Backward` | 第一个插值值将在动画延迟时显示。 | +| `Both` | 同时应用 `Forward` 和 `Backward` 行为。 | -## Playback Direction +## 播放方向（Playback Direction） -Playback direction defines how the animation will be played, including any repeats. The following table describes the possible settings: +播放方向定义了动画的播放方式，包括任何重复。以下表格描述了可能的设置： -
ValueDescription
NormalThe animation is played normally.
ReverseThe animation is played in reverse direction.
AlternateThe animation is played forwards first, then backwards.
AlternateReverseThe animation is played backwards first, then forwards.
+
值描述
Normal动画以正常方式播放。
Reverse动画以反向方向播放。
Alternate动画先正向播放，然后反向播放。
AlternateReverse动画先反向播放，然后正向播放。
-## Repeat +## 重复（Repeat） -The repeat attribute on an animation element sets how many times it is to be replayed. There are two formats for this setting: +动画元素上的重复属性设置了动画的重复次数。有两种格式的设置方式： -| Value | Description | -| ---------- | ------------------------------------------------ | -| `N` | (N is an integer) - play N times. N can be zero. | -| `INFINITE` | Repeat Indefinitely | +| 值 | 描述 | +|------------|-----------------------| +| `N` | N 是整数——重复 N 次。N 可以是零。 | +| `INFINITE` | 无限重复。 | diff --git a/i18n/zh-Hans/docusaurus-plugin-content-docs/current/reference/built-in-data-binding-converters.md b/i18n/zh-Hans/docusaurus-plugin-content-docs/current/reference/built-in-data-binding-converters.md index ddf619f2e..7d0ff6bb6 100644 --- a/i18n/zh-Hans/docusaurus-plugin-content-docs/current/reference/built-in-data-binding-converters.md +++ b/i18n/zh-Hans/docusaurus-plugin-content-docs/current/reference/built-in-data-binding-converters.md @@ -2,23 +2,23 @@ description: REFERENCE --- -# Built-in Data Binding Converters +# 内置数据绑定转换器 -_Avalonia UI_ includes a number of built-in data binding converters for common scenarios: +_Avalonia UI_ 包含许多用于常见场景的内置数据绑定转换器： -| Converter | Description | -| ----------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------- | -| Negation Operator | The ! operator can be placed in front of the data binding path to return the inversion of a Boolean value. See also the note below. | -| `StringConverters.IsNullOrEmpty` | Returns `true` if the input string is null or empty | -| `StringConverters.IsNotNullOrEmpty` | Returns `false` if the input string is null or empty | -| `ObjectConverters.IsNull` | Returns `true` if the input is null | -| `ObjectConverters.IsNotNull` | Returns `false` if the input is null | -| `BoolConverters.And` | A multi-value converter that returns `true` if all inputs are true. | -| `BoolConverters.Or` | A multi-value converter that returns `true` if any input is true. | +| 转换器 | 描述 | +|-------------------------------------|-----------------------------------------| +| 否定运算符 | 可以将 `!` 运算符放在数据绑定路径前面，返回布尔值的反转。参见下面的备注。 | +| `StringConverters.IsNullOrEmpty` | 如果输入字符串为 null 或空字符串，则返回 `true`。 | +| `StringConverters.IsNotNullOrEmpty` | 如果输入字符串不为 null 且不为空字符串，则返回 `false`。 | +| `ObjectConverters.IsNull` | 如果输入对象为 null，则返回 `true`。 | +| `ObjectConverters.IsNotNull` | 如果输入对象不为 null，则返回 `false`。 | +| `BoolConverters.And` | 这是一个多值转换器，如果所有输入值都为 `true`，则返回 true。 | +| `BoolConverters.Or` | 这是一个多值转换器，如果任何输入值为 `true`，则返回 true。 | -## Negation Operator Examples +## 否定运算符示例 -This example shows the text block when the bound value is false: +这个例子展示了当绑定的值为false时，文本块的情况： ```markup @@ -27,9 +27,9 @@ This example shows the text block when the bound value is false: ``` -Negation also works when you bind to a non-Boolean value. This works because the bound value is first converted to a Boolean (using the function `Convert.ToBoolean` ) and then the result is negated. +否定运算符在绑定到非布尔值时也可以工作。这是因为绑定的值首先会被转换为布尔值（使用函数`Convert.ToBoolean`），然后结果会被取反。 -For example, as the integer zero is converted to false (by the the function `Convert.ToBoolean`) and all other integer values are converted to true, you can use the negation operator to show a message when a collection is empty, like this: +例如，整数零会被转换为false（通过函数`Convert.ToBoolean`），而其他所有整数值都会被转换为true，因此你可以使用否定运算符来在集合为空时显示一条消息，像这样： ```markup @@ -38,9 +38,9 @@ For example, as the integer zero is converted to false (by the the function `Con ``` -You can also use the negation operator twice. For example, where you want to perform the conversion from integer to Boolean, and then negate that value. +你也可以连续使用否定运算符两次。例如，在你想要将整数转换为布尔值，然后对该值取反时，可以这样写： -You can use this to hide a control when a collection is empty (count is zero), like this: +你可以使用这种方式来在集合为空时隐藏一个控件（计数为零），像这样： ```markup @@ -48,9 +48,9 @@ You can use this to hide a control when a collection is empty (count is zero), l ``` -## Other Conversion Examples +## 其他转换示例 -This example binding will hide the text block if its bound text is null or empty: +这个绑定示例将在绑定的文本为null或空字符串时隐藏文本块： ```markup ``` -And this example will hide the content control if the bound object is null or empty: +而这个示例将在绑定的对象为null或为空时隐藏内容控件： ```markup ``` -## More Information +## 更多信息 :::info -You can follow the Avalonia UI value converter sample, [here](https://github.com/AvaloniaUI/Avalonia.Samples/tree/main/src/Avalonia.Samples/MVVM/ValueConversionSample). +你可以查看 Avalonia UI 的[值转换器示例](https://github.com/AvaloniaUI/Avalonia.Samples/tree/main/src/Avalonia.Samples/MVVM/ValueConversionSample)。 ::: diff --git a/i18n/zh-Hans/docusaurus-plugin-content-docs/current/reference/gestures/README.md b/i18n/zh-Hans/docusaurus-plugin-content-docs/current/reference/gestures/README.md index 5e4b32f23..9b78e0541 100644 --- a/i18n/zh-Hans/docusaurus-plugin-content-docs/current/reference/gestures/README.md +++ b/i18n/zh-Hans/docusaurus-plugin-content-docs/current/reference/gestures/README.md @@ -2,13 +2,13 @@ description: REFERENCE --- -# Gestures +# 手势 -_Avalonia UI_ provides following gesture recognizers: +_Avalonia UI_ 提供以下手势识别器： -* [PinchGestureRecognizer](./pinchgesturerecognizer) -* [PullGestureRecognizer](./pullgesturerecognizer) -* [ScrollGestureRecognizer](./scrollgesturerecognizer) +* [PinchGestureRecognizer](./pinchgesturerecognizer)（捏合手势识别器） +* [PullGestureRecognizer](./pullgesturerecognizer)（拉动手势识别器） +* [ScrollGestureRecognizer](./scrollgesturerecognizer)（滚动手势识别器） ## diff --git a/i18n/zh-Hans/docusaurus-plugin-content-docs/current/reference/gestures/pinchgesturerecognizer.md b/i18n/zh-Hans/docusaurus-plugin-content-docs/current/reference/gestures/pinchgesturerecognizer.md index 144725eae..156bca31b 100644 --- a/i18n/zh-Hans/docusaurus-plugin-content-docs/current/reference/gestures/pinchgesturerecognizer.md +++ b/i18n/zh-Hans/docusaurus-plugin-content-docs/current/reference/gestures/pinchgesturerecognizer.md @@ -4,10 +4,10 @@ description: REFERENCE - Gestures # PinchGestureRecognizer -A gesture recognizer that tracks a pinch gesture. A pinch gesture occurs when two pointer contacts are brought towards each other, or away from each other. This is useful in controls that implements a pinch to zoom interaction. +一个用于追踪捏合手势的手势识别器。捏合手势发生在两个触控点向彼此靠近或远离的情况下。这在实现捏合缩放交互的控件中非常有用。 ## Using a PinchGestureRecognizer -A PinchGestureRecognizer can be attached to a control using the control's `GestureRecognizers` property. +可以通过将 `PinchGestureRecognizer` 添加到控件的 `GestureRecognizers` 属性来将其附加到控件上。 ```xml - Property - Description + 属性 + 描述 PullDirection - Defines the direction of the pull gesture. + 定义拉动手势的方向。 -## More Information +## 更多信息 :::info -View the source code on _GitHub_ +在 _GitHub_ 上查看源代码： [`PullGestureRecognizer.cs`](https://github.com/AvaloniaUI/Avalonia/blob/master/src/Avalonia.Base/Input/GestureRecognizers/PullGestureRecognizer.cs) diff --git a/i18n/zh-Hans/docusaurus-plugin-content-docs/current/reference/gestures/scrollgesturerecognizer.md b/i18n/zh-Hans/docusaurus-plugin-content-docs/current/reference/gestures/scrollgesturerecognizer.md index 6a970aa3a..35b9893e9 100644 --- a/i18n/zh-Hans/docusaurus-plugin-content-docs/current/reference/gestures/scrollgesturerecognizer.md +++ b/i18n/zh-Hans/docusaurus-plugin-content-docs/current/reference/gestures/scrollgesturerecognizer.md @@ -4,10 +4,10 @@ description: REFERENCE - Gestures # ScrollGestureRecognizer -A gesture recognizer that tracks a scrolling gesture. This can be attached to a control to detect when a pointer moves in a specific direction inside the control's bounds. This is especially useful when a control pans its contents, either horizontally, vertically or both. +一个用于跟踪滚动手势的手势识别器。可以将其附加到控件上，以便在控件的边界内检测指针在特定方向上的移动。当控件水平、垂直或同时进行内容平移时，这将特别有用。 -## Using a ScrollGestureRecognizer -A ScrollGestureRecognizer can be attached to a control using the control's `GestureRecognizers` property. +## 使用 ScrollGestureRecognizer +可以使用控件的 `GestureRecognizers` 属性将 `ScrollGestureRecognizer` 附加到控件上。 ```xml - Property - Description + 属性 + 描述 CanVerticallyScroll - Defines whether the content can be scrolled vertically. + 定义内容是否可以垂直滚动。 CanHorizontallyScroll - Defines whether the content can be scrolled horizontally. + 定义内容是否可以水平滚动。 -## More Information +## 更多信息 :::info -For the complete API documentation about this gesture recognizer, see [here](https://reference.avaloniaui.net/api/Avalonia.Input.GestureRecognizers/ScrollGestureRecognizer/). +有关此手势识别器的完整 API 文档，请参阅 [此处](https://reference.avaloniaui.net/api/Avalonia.Input.GestureRecognizers/ScrollGestureRecognizer/). ::: :::info -View the source code on _GitHub_ [`ScrollGestureRecognizer.cs`](https://github.com/AvaloniaUI/Avalonia/blob/master/src/Avalonia.Base/Input/GestureRecognizers/ScrollGestureRecognizer.cs) +在 _GitHub_ 上查看源代码 [`ScrollGestureRecognizer.cs`](https://github.com/AvaloniaUI/Avalonia/blob/master/src/Avalonia.Base/Input/GestureRecognizers/ScrollGestureRecognizer.cs) ::: diff --git a/i18n/zh-Hans/docusaurus-plugin-content-docs/current/reference/jetbrains-rider-ide/README.md b/i18n/zh-Hans/docusaurus-plugin-content-docs/current/reference/jetbrains-rider-ide/README.md index 88fd0afde..3a1bdb185 100644 --- a/i18n/zh-Hans/docusaurus-plugin-content-docs/current/reference/jetbrains-rider-ide/README.md +++ b/i18n/zh-Hans/docusaurus-plugin-content-docs/current/reference/jetbrains-rider-ide/README.md @@ -4,10 +4,10 @@ description: REFERENCE # JetBrains Rider IDE -The _JetBrains Rider_ IDE has built-in support for _Avalonia UI_ XAML starting in 2020.3 including first-class support for Avalonia-specific XAML features and custom code inspections. +_JetBrains Rider_ IDE 自 2020.3 版本开始内置了对 _Avalonia UI_ XAML 的支持，包括对 Avalonia 特定 XAML 特性和自定义代码检查的全面支持。 -For more information about the _JetBrains Rider_ IDE, see the website [https://www.jetbrains.com/rider](https://www.jetbrains.com/rider/). +有关 _JetBrains Rider_ IDE 的更多信息，请访问网站 [https://www.jetbrains.com/rider](https://www.jetbrains.com/rider/)。 -For the _JetBrains Rider_ 2020.3 release announcement, see [here](https://www.jetbrains.com/rider/whatsnew/2020-3/#version-2020-3-avalonia-support). +有关 _JetBrains Rider_ 2020.3 版本发布公告，请查看[此处](https://www.jetbrains.com/rider/whatsnew/2020-3/#version-2020-3-avalonia-support)。 -_JetBrains Rider_ does not yet provide a visual designer, but this is in development. For more information and instructions on how to install the visual designer, see the _GitHub_ project [here](https://github.com/ForNeVeR/AvaloniaRider). +_JetBrains Rider_ 目前还没有提供可视化设计器，但正在开发中。有关更多信息以及如何安装可视化设计器的说明，请查看 [_GitHub_ 项目](https://github.com/ForNeVeR/AvaloniaRider)。 diff --git a/i18n/zh-Hans/docusaurus-plugin-content-docs/current/reference/jetbrains-rider-ide/jetbrains-rider-setup.md b/i18n/zh-Hans/docusaurus-plugin-content-docs/current/reference/jetbrains-rider-ide/jetbrains-rider-setup.md index cb71a6cc2..4a23c22a4 100644 --- a/i18n/zh-Hans/docusaurus-plugin-content-docs/current/reference/jetbrains-rider-ide/jetbrains-rider-setup.md +++ b/i18n/zh-Hans/docusaurus-plugin-content-docs/current/reference/jetbrains-rider-ide/jetbrains-rider-setup.md @@ -2,22 +2,22 @@ description: REFERENCE --- -# JetBrains Rider Setup +# JetBrains Rider 设置 -To set up _JetBrains Rider_ for developing with _Avalonia UI,_ follow this procedure: +要设置 _JetBrains Rider_ 以用于开发 _Avalonia UI_，请按照以下步骤进行： -- Download and install the .NET SDK of your choice from _Microsoft_. This contains the runtime, development kit (compiler, etc) that is used to build _Avalonia UI_ applications. -- Install the _Avalonia UI_ templates by running the command `dotnet new install Avalonia.Templates` from the command prompt on your machine. +- 从 _Microsoft_ 下载并安装您选择的.NET SDK。其中包含用于构建 _Avalonia UI_ 应用程序的运行时和开发工具包（编译器等）。 +- 通过在计算机的命令提示符上运行命令 `dotnet new install Avalonia.Templates` 来安装 _Avalonia UI_ 模板。 :::info -For the latest .NET SDK downloads, see [here](https://dotnet.microsoft.com/download). +有关最新的.NET SDK下载，请参阅[这里](https://dotnet.microsoft.com/download). ::: :::info -For SDK versions before .NET 7, you will need to run the command `dotnet new -i Avalonia.Templates` +对于.NET 7之前的SDK版本，您需要运行命令 `dotnet new -i Avalonia.Templates` ::: -The output will look similar to this. +输出结果将类似于以下内容。 ```bash $ dotnet new install Avalonia.Templates @@ -39,29 +39,33 @@ $ ``` :::info -To download _JetBrains Rider,_ see [here](https://www.jetbrains.com/rider/). +要下载 _JetBrains Rider_，请参阅[这里](https://www.jetbrains.com/rider/)。 ::: -Rider will give you the very best development experience available for _Avalonia UI_. It is available for Windows, Linux, and macOS. Rider supports XAML out of the box. However, if you want to use the XAML previewer, you will need the Avalonia plugin. +Rider将为您提供 _Avalonia UI_ 最佳的开发体验。它适用于Windows、Linux和macOS。Rider默认支持XAML。但是，如果您想使用XAML预览器，则需要安装Avalonia插件。 -## Install the Avalonia Plugin +## 安装Avalonia插件 -Once Rider loads you will see the **Welcome to JetBrains Rider** screen. +一旦Rider加载完成，您将看到**Welcome to JetBrains Rider**屏幕。 -- Click **Configure**, and then click **Plugins** on the dropdown menu. +- 点击**Configure**，然后在下拉菜单中点击**Plugins**。 -The **Preferences** screen will open. -- Click the settings (gear wheel) icon and then click **Manage Plugin Repositories...** on the popup menu. +**Preferences** 窗口将打开。 + +- 点击设置（齿轮图标），然后在弹出菜单中点击**Manage Plugin Repositories...**。 -- In the **Custom Plugin Repositories** dialog, click the plus (+) icon and enter the URL `https://plugins.jetbrains.com/plugins/dev/14839`, and then click **OK**. + +- 在**Custom Plugin Repositories**对话框中，点击加号（`+`）图标，输入URL `https://plugins.jetbrains.com/plugins/dev/14839` ，然后点击**OK**。 -- Back at the Preferences window, click **Marketplace** enter 'Avalonia' in the search. Click **AvaloniaRider** when it appears in the search results pane, then click **Install**. + +- 回到 Preferences 窗口，点击**Marketplace**并在搜索框中输入 `Avalonia`。在搜索结果窗格中看到**AvaloniaRider**时，点击**Install**。 -- After the installation has completed, click **Restart IDE** (button appears). - Now _JetBrains Rider_ is ready to develop _Avalonia UI_ applications. +- 安装完成后，点击**Restart IDE**（按钮出现）。 + +现在，_JetBrains Rider_ 已准备好开发 _Avalonia UI_ 应用程序。 diff --git a/i18n/zh-Hans/docusaurus-plugin-content-docs/current/reference/mark-up-extensions.md b/i18n/zh-Hans/docusaurus-plugin-content-docs/current/reference/mark-up-extensions.md index 78cfbb927..79bdbe11b 100644 --- a/i18n/zh-Hans/docusaurus-plugin-content-docs/current/reference/mark-up-extensions.md +++ b/i18n/zh-Hans/docusaurus-plugin-content-docs/current/reference/mark-up-extensions.md @@ -2,13 +2,13 @@ description: REFERENCE --- -# Mark-up Extensions +# 标记扩展 -This reference lists some of the XAML mark-up extensions used by _Avalonia UI_. A mark-up extension is formatted in this pattern: +此参考列出了 _Avalonia UI_ 使用的一些 XAML 标记扩展。标记扩展的格式如下： ```xml ``` -
ExtensionDescriptionSee
BindingUsed for data binding. Avalonia UI will look for a data context to resolve this binding.Concept here.
DynamicResourceUsed for resource binding. A dynamic resource binding can reflect changes made in code at run-time.Guide here.
StaticResourceUsed for resource binding. A static resource is loaded and then remains the same for the application lifetime.Guide here.
TemplateBindingUsed when creating a control template for binding to the templated parent.Concept here.
+
扩展描述参见
Binding用于数据绑定。 Avalonia UI 将查找数据上下文以解析此绑定。了解更多：这里。
DynamicResource用于资源绑定。动态资源绑定可以在运行时反映代码中所做的更改。指南：这里。
StaticResource用于资源绑定。静态资源在加载后在应用程序的生命周期内保持不变。指南：这里。
TemplateBinding用于创建控件模板并绑定到模板的父级。了解更多：这里。
diff --git a/i18n/zh-Hans/docusaurus-plugin-content-docs/current/reference/styles/README.md b/i18n/zh-Hans/docusaurus-plugin-content-docs/current/reference/styles/README.md index b9fd9d8ed..450cd5df3 100644 --- a/i18n/zh-Hans/docusaurus-plugin-content-docs/current/reference/styles/README.md +++ b/i18n/zh-Hans/docusaurus-plugin-content-docs/current/reference/styles/README.md @@ -2,13 +2,13 @@ description: REFERENCE --- -# Styles +# 样式 -Welcome to the _Avalonia UI_ styles reference section. This contains information about: +欢迎来到 _Avalonia UI_ 样式参考资料。这包含有关以下内容的信息： -* Style selector formats -* Pseudo classes +* 样式选择器格式 +* 伪类 :::info -To review the concepts behind the Avalonia UI **styling system**, see [here](../../basics/user-interface/styling). +要查阅 Avalonia UI **样式系统**背后的概念，请参阅[这里](../../basics/user-interface/styling)。 ::: diff --git a/i18n/zh-Hans/docusaurus-plugin-content-docs/current/reference/styles/pseudo-classes.md b/i18n/zh-Hans/docusaurus-plugin-content-docs/current/reference/styles/pseudo-classes.md index 035b9711e..844f2c407 100644 --- a/i18n/zh-Hans/docusaurus-plugin-content-docs/current/reference/styles/pseudo-classes.md +++ b/i18n/zh-Hans/docusaurus-plugin-content-docs/current/reference/styles/pseudo-classes.md @@ -2,35 +2,35 @@ description: REFERENCE - Styles --- -# Pseudo Classes +# 伪类（Pseudo Classes） -Pseudo classes are generated by a control, usually as a response to some sort of state. +伪类是由控件生成的，通常是作为对某种状态的响应。 -For example `:pointerover` pseudo class indicates that the pointer input is currently over (inside the bounds of) a control. +例如，`:pointerover` 伪类表示指针输入当前悬停在（控件的边界内部）。 -Pseudo classes are not set in the `Classes` attributes of a control (unlike style classes). +伪类不是在控件的 `Classes` 属性中设置的（不同于样式类）。 -Common pseudo classes include: +常见的伪类包括： - `:focus`, `:disabled`, `:pressed` for buttons, and `:checked` for checkboxes. +`:focus`、`:disabled`、`:pressed` 用于按钮，以及 `:checked` 用于复选框。 -A control can have more than one pseudo class active at a time. +一个控件可以同时有多个伪类处于活动状态。 -You can target one or more pseudo classes in a style selector. For example: +您可以在样式选择器中指定一个或多个伪类。例如： ```