视觉工作室代码：如何在视图容器中添加复选框

Question

您可以通过使用图标来模拟复选框，单击时使用不同的图标创建新的TreeItem。 他们在您单击的树上的位置上有知识。

使用开发工具，它是一个。

Answer 1

在看源代码时，BreakPointView未使用TreeItemProvider实现，它扩展了

<input type="checkbox"/>

类并使用某种模板来渲染项目。在复选框以外，还可以拥有一个ComboBox（

ViewPane

类）。

I添加了

FEATURE请求（101175）

扩展VSCODE API，因此扩展开发人员可以使用具有其他UI元素（如Breakpoint View.thement exploint view.thevenem.theveems）编写视图。

您可以在拟议的API中执行此操作：内部人员v1.72中的treeitemcheckbox

现在，并且由于它是一个非常简单的新API，我怀疑它将以稳定的1.72释放。 您现在可以玩这个，请参阅提议的apis

。

INSTEAD扩展

SelectBox

如果要使用复选框，则将扩展

TreeItem

（扩展

TreeItem2）。 这是我组合的一些示例代码：

TreeItem

Answer 2

如果要检测到何时单击/取消亮点，则代码中的其他位置：

export class TreeTab extends vscode.TreeItem2 {
...

  if (tab.isActive) {
    this.iconPath = new vscode.ThemeIcon("arrow-small-right", new vscode.ThemeColor("tab.unfocusedActiveBackground"));

    this.checkboxState = vscode.TreeItemCheckboxState.Checked;
    // this.checkboxState = {state: vscode.TreeItemCheckboxState.Checked, tooltip: "my nifty checkbox tooltip"};
  }
...

如何更改复选框位置，如果我想先显示图标，然后使用TreeItemCheckboxstate中的DEBUG中的Brakepoints视图。