📝
[VSCode] WPF XAMLスニペット一覧
概要
Visual Studio Code用のWPF XAMLコードスニペット一覧です。
インストール
適当なXAMLファイルを開きます。
ステータスバーの言語モードを確認しておきます。
歯車の管理アイコンを選択し、「ユーザースニペット」メニューを選択します。
一覧から先ほど確認した言語モードを選択します。
既にスニペットファイルを作成済みの場合は一覧上部の「既存のスニペット」に表示されるのでこちらを選択してください。
スニペットファイルが開かれました。
以下のサイトのxml.jsonを開きます。
新規スニペットの場合は、内容を丸ごとコピペします。
既存のスニペットがある場合は、既存のものに追加します。
一覧
| ショートカット | 説明 |
|---|---|
btn |
Button |
btn# |
x:Name付きButton |
check |
CheckBox |
check# |
x:Name付きCheckBox |
radio |
RadioButton |
radio# |
x:Name付きRadioButton |
lbl |
Label |
tblk |
TextBlock |
tbx |
TextBox |
tbx# |
x:Name付きTextBox |
lbl+tbx |
LabelとTextBoxのセット |
tblk+tbx |
TextBlockとTextBoxのセット |
list |
ListBox |
list# |
x:Name付きListBox |
list>li |
ListBoxの中にListBoxItem |
combo |
ComboBox |
combo# |
x:Name付きComboBox |
combo>ci |
ComboBoxの中にComboBoxItem |
border |
Border |
rect |
Rectangle |
img |
Image |
grid |
Grid |
rds |
GridのRowDefinitions |
rd |
GridのRowDefinition |
cds |
GridのColumnDefinitions |
cd |
GridのColumnDefinition |
rds>rd*2 |
RowDefinitionsの中にRowDefinitionが2つ |
rds>rd*3 |
RowDefinitionsの中にRowDefinitionが3つ |
cds>cd*2 |
ColumnDefinitionsの中にColumnDefinitionが2つ |
cds>cd*3 |
ColumnDefinitionsの中にColumnDefinitionが3つ |
stack |
StackPanel |
stackh |
Horizontal指定のStackPanel |
wrap |
WrapPanel |
dock |
DockPanel |
stack>btn*3 |
StackPanelの中にButtonが3つ |
stackh>btn*3 |
Horizontal指定のStackPanelの中にButtonが3つ |
style |
Style |
style# |
x:Key付きStyle |
winres |
Window Resources |
pgres |
Page Resources |
ucres |
UserControl Resources |
set |
Setter |
menu |
Menu |
menu>mi |
Menuの中にMenuItem |
cmenu |
ContextMenu |
cmenu>mi |
ContextMenuの中にMenuItem |
#region |
#region |
ddc |
d:DataContext |
使用例
ショートカットを入力します。
補完候補のxxxxx for XAMLと説明が付いている方が選択された状態でTabキーを入力します。
展開されました。
Discussion