ボタンにアイコンを付けてみた

diff --git a/HatenaDiaryClient/HatenaDiaryClient.csproj b/HatenaDiaryClient/HatenaDiaryClient.csproj
index ce9df44..cb3a3e6 100644 (file)
--- a/HatenaDiaryClient/HatenaDiaryClient.csproj
+++ b/HatenaDiaryClient/HatenaDiaryClient.csproj
@@ -112,6 +112,7 @@
     <AppDesigner Include="Properties\" />
   </ItemGroup>
   <ItemGroup>
+    <Resource Include="Images\Send Document.png" />
     <Content Include="InfrastructureAssemblies\Design\Livet.Design.dll" />
     <Content Include="InfrastructureAssemblies\Design\Livet.Expression.Design.dll" />
     <Content Include="InfrastructureAssemblies\Livet.dll" />

diff --git a/HatenaDiaryClient/Images/Send Document.png b/HatenaDiaryClient/Images/Send Document.png
new file mode 100644 (file)
index 0000000..8700acf
Binary files /dev/null and b/HatenaDiaryClient/Images/Send Document.png differ

diff --git a/HatenaDiaryClient/Views/MainWindow.xaml b/HatenaDiaryClient/Views/MainWindow.xaml
index caf4dcc..72ea60c 100644 (file)
--- a/HatenaDiaryClient/Views/MainWindow.xaml
+++ b/HatenaDiaryClient/Views/MainWindow.xaml
@@ -27,7 +27,26 @@
         </Menu>
         
         <StackPanel Grid.Row="1" Orientation="Horizontal" Background="LightSteelBlue">
-            <Button Content="投稿" Width="50" Height="40"/>
+            <StackPanel.Resources>
+                <Style TargetType="Image">
+                    <Setter Property="HorizontalAlignment" Value="Center"/>
+                    <Setter Property="Width" Value="32"/>
+                    <Setter Property="Height" Value="32"/>
+                </Style>
+                <Style TargetType="TextBlock">
+                    <Setter Property="HorizontalAlignment" Value="Center"/>
+                </Style>
+                <Style TargetType="Button">
+                    <Setter Property="Width" Value="50"/>
+                </Style>
+            </StackPanel.Resources>
+            
+            <Button>
+                <StackPanel>
+                    <Image Source="/HatenaDiaryClient;component/Images/Send%20Document.png" />
+                    <TextBlock Text="投稿"/>
+                </StackPanel>
+            </Button>
         </StackPanel>
         
         <Grid Grid.Row="2" Background="LightBlue">