Avaloniaでウィンドウの背景色を変更する
XAMLで指定
<Window xmlns="https://github.com/avaloniaui"
xmlns:x="http://microsoft.com"
x:Class="YourApp.MainWindow"
Title="YourApp"
Width="400" Height="300"
Background="Black"> <!-- ここで背景色を指定 -->
<TextBlock Text="背景色が変更されました" HorizontalAlignment="Center" VerticalAlignment="Center"/>
</Window>
Window の Background プロパティに、カラー名または16進数カラーコードを指定することで背景色を変更できます。
代表的なカラー一覧
Background には色名または16進数カラーコードを指定できます。以下は、UIでよく使用される代表的なカラーです。
| 色見本 | 日本語名 | カラー名 | カラーコード |
|---|---|---|---|
| 白 | White | #FFFFFF |
|
| 黒 | Black | #000000 |
|
| 透明 | Transparent | #00FFFFFF |
|
| ホワイトスモーク | WhiteSmoke | #F5F5F5 |
|
| ライトグレー | LightGray | #D3D3D3 |
|
| グレー | Gray | #808080 |
|
| ダークグレー | DarkGray | #A9A9A9 |
|
| ダークスレートグレー | DarkSlateGray | #2F4F4F |
|
| 青 | Blue | #0000FF |
|
| ロイヤルブルー | RoyalBlue | #4169E1 |
|
| スチールブルー | SteelBlue | #4682B4 |
|
| スカイブルー | SkyBlue | #87CEEB |
|
| 赤 | Red | #FF0000 |
|
| クリムゾン | Crimson | #DC143C |
|
| オレンジ | Orange | #FFA500 |
|
| ゴールド | Gold | #FFD700 |
|
| 黄 | Yellow | #FFFF00 |
|
| 緑 | Green | #008000 |
|
| ライム | Lime | #00FF00 |
|
| フォレストグリーン | ForestGreen | #228B22 |
|
| シーグリーン | SeaGreen | #2E8B57 |
|
| ティール | Teal | #008080 |
|
| 紫 | Purple | #800080 |
|
| マゼンタ | Magenta | #FF00FF |
|
| ピンク | Pink | #FFC0CB |
|
| ブラウン | Brown | #A52A2A |
|
| ベージュ | Beige | #F5F5DC |
|
| アイボリー | Ivory | #FFFFF0 |
|
| ターコイズ | Turquoise | #40E0D0 |
|
| ネイビー | Navy | #000080 |