Question

我有像这样的xaml按钮：

      <Button Click="SyncToDeviceToggle_OnClick">
                            <Button.Template>
                                <ControlTemplate>
                                    <Image Source="Img/kin.png" Height="25"/>
                                </ControlTemplate>
                            </Button.Template>
                        </Button>

代码背后：

private void SyncToDeviceToggle_OnClick(object sender, RoutedEventArgs e)
{
    var image = ??//I want to get the child image element in the button without having to search for it by name specified in name="something"
}

在javascript中我会这样做 button.getElementsByTagName（ “图像”）[0];

Answer 1

您可以为Image控件指定一个名称，然后通过Button Template的{{3}}方法访问它：

<ControlTemplate>
    <Image x:Name="image" Source="Img/kin.png" Height="25"/>
</ControlTemplate>

...

private void Button_Click(object sender, RoutedEventArgs e)
{
    var control = (Control)sender;
    var image = control.Template.FindName("image", control) as Image;
}

Answer 2

private void Button_Click(object sender, RoutedEventArgs e)
{
        Button button = sender as Button;
        DependencyObject child = VisualTreeHelper.GetChild(button, 0);
        Image image = child as Image;
        //Now you can access your image Properties
}

Answer 3

    <Button Click="SyncToDeviceToggle_OnClick" Margin="0,224,0,302">
            <Button.Background>
                <ImageBrush ImageSource="Img/kin.png" x:Name="MyBrush"/>
            </Button.Background>
        </Button>

如果以这种方式完成，您可以直接通过.cs文件中的直接名称访问MyBrush。

按类型在XAML中获取子元素

3 个答案: