メニュー
Tree and table configuration UI patterns for hierarchical data
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
SOC 職業分類に基づく
| name | tree-and-table-config-ui |
| description | Tree and table configuration UI patterns for hierarchical data |
目标：高密度配置场景下保持结构清晰。
<ui:TreeListView ItemsSource="{Binding SettingItems}" BorderThickness="0">
<ui:TreeListView.Columns>
<GridViewColumnCollection>
<ui:GridViewColumn Width="280" Header="名称">
<ui:GridViewColumn.CellTemplate>
<DataTemplate>
<ui:TreeRowExpander Content="{Binding Name}" />
</DataTemplate>
</ui:GridViewColumn.CellTemplate>
</ui:GridViewColumn>
<ui:GridViewColumn Width="120" Header="值">
<ui:GridViewColumn.CellTemplate>
<DataTemplate>
<TextBox Text="{Binding Value, Mode=TwoWay}" />
</DataTemplate>
</ui:GridViewColumn.CellTemplate>
</ui:GridViewColumn>
</GridViewColumnCollection>
</ui:TreeListView.Columns>
</ui:TreeListView>
Card design language, controls, and interaction composition
Command binding and behavior-driven interaction patterns
Custom composite control design and reusable control packaging
Dialog structure and button layout patterns for WPF UI windows
View directory classification and architecture guidance
Global feedback, snackbar, and tray icon interaction patterns