Ответ 1
Вместо этого вы хотите сделать что-то вроде этого:
<Button>
<StackPanel>
<Image Source="Pictures/apple.jpg" />
<TextBlock>Disconnect from Server</TextBlock>
</StackPanel>
</Button>
Я пытаюсь прикрепить изображение на кнопку в WPF, однако этот код не работает. Кажется странным, когда аналогичный код будет отлично работать в Mozilla XUL.
<Button Height="49.086" Margin="3.636,12,231.795,0" Name="button2"
VerticalAlignment="Top" Grid.Column="1" Click="button2_Click"
Source="Pictures/apple.jpg">Disconnect from Server</Button>
Вместо этого вы хотите сделать что-то вроде этого:
<Button>
<StackPanel>
<Image Source="Pictures/apple.jpg" />
<TextBlock>Disconnect from Server</TextBlock>
</StackPanel>
</Button>
Другой способ растянуть изображение до полной кнопки. Можно попробовать код ниже.
<Grid.Resources>
<ImageBrush x:Key="AddButtonImageBrush" ImageSource="/Demoapp;component/Resources/AddButton.png" Stretch="UniformToFill"/>
</Grid.Resources>
<Button Content="Load Inventory 1" Background="{StaticResource AddButtonImageBrush}"/>
Ссылка на Здесь
Также это может помочь другим. Я добавил то же самое с MouseOver Option здесь.
<Button x:Name="myBtn_DetailsTab_Save" FlowDirection="LeftToRight" HorizontalAlignment="Left" Margin="835,544,0,0" VerticalAlignment="Top" Width="143" Height="53" BorderBrush="#FF0F6287" HorizontalContentAlignment="Center" VerticalContentAlignment="Center" FontFamily="B Titr" FontSize="15" FontWeight="Bold" BorderThickness="2" Click="myBtn_DetailsTab_Save_Click">
<StackPanel HorizontalAlignment="Stretch" Background="#FF1FB3F5" Cursor="Hand" >
<Image HorizontalAlignment="Left" Source="image/bg/Save.png" Height="36" Width="124" />
<TextBlock HorizontalAlignment="Center" Width="84" Height="22" VerticalAlignment="Top" Margin="0,-31,-58,0" Text="ثبت مشتری" />
</StackPanel>
</Button>
Это должно делать работу, нет?
<Button Content="Test">
<Button.Background>
<ImageBrush ImageSource="folder/file.PNG"/>
</Button.Background>
</Button>