代码之家  ›  专栏  ›  技术社区  ›  wonea Ilya Smagin

带图像的WPF按钮

wpf
  •  97
  • wonea Ilya Smagin  · 技术社区  · 14 年前

    我试图在WPF中的按钮上附加一个图像,但是这个代码失败了。在类似的代码在MozillaXUL中完美运行之后,这看起来很奇怪。

    <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>
    
    3 回复  |  直到 5 年前
        1
  •  208
  •   wpfwannabe    14 年前

    您想改为这样做:

    <Button>
        <StackPanel>
            <Image Source="Pictures/apple.jpg" />
            <TextBlock>Disconnect from Server</TextBlock>
        </StackPanel>
    </Button>
    
        2
  •  10
  •   Community Mr_and_Mrs_D    7 年前

    另一种将图像拉伸到完整按钮的方法。可以尝试以下代码。

    <Grid.Resources>
      <ImageBrush x:Key="AddButtonImageBrush" ImageSource="/Demoapp;component/Resources/AddButton.png" Stretch="UniformToFill"/>
    </Grid.Resources>
    
    <Button Content="Load Inventory 1" Background="{StaticResource AddButtonImageBrush}"/> 
    

    引用自 Here

    也可能对其他人有帮助。我贴了同样的 MouseOver Option here .

        3
  •  0
  •   wonea Ilya Smagin    5 年前
    <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>