如何使图像像按钮一样工作?

时间:2015-09-23 03:15:35

标签: c# wpf image button

我用Tab Control开发了一个应用程序,我目前有4个选项卡,我想使用我创建的箭头图像在它们之间导航。所以我想知道是否有办法让我将该图像变成一个功能按钮,当我点击它时会切换标签?如果是这样,怎么样?

谢谢

2 个答案:

答案 0 :(得分:2)

将图像添加到按钮并使用下面给出的样式覆盖按钮的默认镶边

   <Button HorizontalAlignment="Left" Margin="33,260,0,0" VerticalAlignment="Top" Width="84" Click="Button_Click" Height="29">
        <Button.Style>
            <Style TargetType="{x:Type Button}">
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate TargetType="{x:Type Button}">
                            <ContentPresenter                  
                        Margin="{TemplateBinding Padding}"                  
                        HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"                  
                        VerticalAlignment="{TemplateBinding VerticalContentAlignment}"                  
                        SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"                  
                        ContentTemplate="{TemplateBinding ContentTemplate}"
                        RecognizesAccessKey="True"                  
                        Content="{TemplateBinding Content}" />
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
            </Style>
        </Button.Style>
        <Button.Content>
            <Image Source="imagepath.extension"/>
        </Button.Content>
    </Button>

并且对于导航,您可以使用选项卡控件的SelectedIndex属性,如下所示

private void Button_Click(object sender, RoutedEventArgs e)
    {
        if (tab1.SelectedIndex + 1 < tab1.Items.Count)
        {
            tab1.SelectedIndex = tab1.SelectedIndex + 1;
        }
        else
        {
            tab1.SelectedIndex = 0;
        }
    }

答案 1 :(得分:0)

你会在google上获得大量的搜索选项,无论如何它都是如图所示的代码片段。

您可以对其进行更多自定义,但我将其留给您进行探索。

<Button>
    <Image Source="yourimagepath"></Image>
</Button>