2015-08-30 73 views
2

我使用VS 2013和设计一个WPF窗体。问题是当我设计的按钮与图像完美显示,但是当我运行该项目时,它不显示按钮上方的图像。wpf窗体不显示图像

代码

<Button x:Name="btnCommunication" Margin="428,138,448,338" Click="btnCommunication_Click" Width="Auto" Foreground="#FF007EFF"> 

       <Button.Style> 
        <Style TargetType="{x:Type Button}"> 
         <Setter Property="Background" Value="Purple"/> 
         <Setter Property="Template"> 
          <Setter.Value> 
           <ControlTemplate TargetType="{x:Type Button}"> 
            <Border Background="{TemplateBinding Background}"> 
             <ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center"/> 
            </Border> 
           </ControlTemplate> 
          </Setter.Value> 
         </Setter> 

         <Style.Triggers> 
          <Trigger Property="IsMouseOver" Value="True"> 
           <Setter Property="Background" Value="GreenYellow"/> 
          </Trigger> 
         </Style.Triggers> 

        </Style> 
       </Button.Style> 
       <Grid VerticalAlignment="Center" HorizontalAlignment="Left" Height="236" Width="350"> 
        <Grid.ColumnDefinitions> 
         <ColumnDefinition Width="Auto"/> 
         <ColumnDefinition Width="Auto"/> 
        </Grid.ColumnDefinitions> 
        <Image Grid.Column="0" Margin="0,0,-80,41" Source="Images/communication.png" Width="135" Height="195" HorizontalAlignment="Center" VerticalAlignment="Center" RenderTransformOrigin="0.525,0.37" /> 
        <TextBlock Grid.Column="1" Margin="0,174,-128,30" Text="Communication Mode" HorizontalAlignment="Center" VerticalAlignment="Center" Foreground="White" FontSize="28" Grid.ColumnSpan="2"/> 
       </Grid> 


      </Button> 

希望寻求帮助!

+0

我想你应该检查你的图像来源 – AleshaOleg

+0

我已经检查过它们。它们都是正确的 – tabia

+0

右键单击图像,属性并将它们设置为内容。您还需要设置它们应该被复制到输出目录。 – Filip

回答

-1

我清除了保证金,这对我来说还可以!
使用保证金不是分层的好方法! 对于分层最好使用分层元素。例如StackPanel等。