---
lang: ja-jp
breaks: true
---
# Visual Studio XAMLエディタのオートフォーマット（属性間のスペース）設定　2021-04-12

> [オプション]、[テキスト エディター]、[XAML]、[書式設定]
> オートフォーマット イベント
> 属性間のスペース
> 各属性を別の行に配置する
各属性は専用の行を使用し、多くの属性が存在する場合に便利です。
> ```xmal=
> <Button
> Height="23"
> Name="button1"
> Width="75">Hello</Button>
> ```
> https://docs.microsoft.com/ja-jp/visualstudio/ide/reference/options-text-editor-xaml-formatting?view=vs-2019


<Window
    x:Class="App2.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:App2"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:viewModels="using:App2.ViewModels"
    mc:Ignorable="d"
    >

    <StackPanel Orientation="Horizontal" HorizontalAlignment="Center" VerticalAlignment="Center">
        <StackPanel.DataContext>
            <viewModels:MainWindowsViewModel />
        </StackPanel.DataContext>
        <Button x:Name="myButton" Click="myButton_Click">Click Me</Button>
    </StackPanel>
</Window>

が次のようになる。

<Window
    x:Class="App2.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:App2"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:viewModels="using:App2.ViewModels"
    mc:Ignorable="d"
    >

    <StackPanel
        Orientation="Horizontal"
        HorizontalAlignment="Center"
        VerticalAlignment="Center">
        <StackPanel.DataContext>
            <viewModels:MainWindowsViewModel />
        </StackPanel.DataContext>
        <Button
            x:Name="myButton"
            Click="myButton_Click">Click Me</Button>
    </StackPanel>
</Window>

###### tags: `Visual Studio` `XAMLエディタ` `オートフォーマット`