SyntaxView QML Type

一个用于展示和编辑带有语法高亮的文本的视图组件。. More...

Import Statement: import FluentUI.Controls 1.0

Properties

`SyntaxView` 组件结合了文本编辑功能和语法高亮功能，提供了一个可滚动的文本编辑器视图。它支持显示行号、设置行高、并应用自定义的语法高亮器。该组件还支持水平和垂直滚动条。

示例用法：

 SyntaxView {
  text: "function example() {\n    return true;\n}"
  showLineNumbers: true
  highlighter: QMLHighlighter {}
 }

currentLineNumber : int

当前光标所在的行号。如果光标在第一行，则此属性为 `0`。默认值为 `-1`。

highlighter : Component

用于语法高亮的组件。指定一个自定义的 `QMLHighlighter` 组件以实现特定的语法高亮效果。默认值为空。

rowHeight : int

行高，表示每行的垂直间距。默认为字体行间距的上限。

showLineNumbers : bool

是否显示行号。设置为 `true` 时，会在文本编辑器的左侧显示行号。默认值为 `true`。

text : string

编辑器中的文本内容。修改此属性会更新文本区域的内容。

textArea : alias

文本区域的别名。允许访问和修改文本区域的内容。

void onHeightChanged()

当组件高度变化时发出的信号。该信号会触发文本区域的更新。

Note: The corresponding handler is onOnHeightChanged.

void onWidthChanged()

当组件宽度变化时发出的信号。该信号会触发文本区域的更新。

Note: The corresponding handler is onOnWidthChanged.

void clear()

清空文本区域的内容和行号数据。

void refresh()

刷新视图以应用新的文本内容和更新显示的行号。