c# - 如何在 Windows 商店应用程序 XAML 中单击按钮后显示图像

Question

所以我试图用 C# 开发一个 Windows 商店应用程序。单击按钮后，应该会出现一些图像。那么我应该在这个方法上插入什么？我在网上找不到任何参考资料。

private void Button_Click_1(object sender, RoutedEventArgs e)
    {
        // code to make images appear
    }

提前致谢。

Answer 1

假设您的图像是image1和image2。将它们添加到网格中并将它们的可见性初始化为折叠。

public MainPage()
{
    this.InitializeComponent();
    image1.Visibility = Visibility.Collapsed;
    image2.Visibility = Visibility.Collapsed;
}

然后将这些行添加到您的函数中，如下所示。

private void Button_Click_1(object sender, RoutedEventArgs e)
{
    image1.Visibility = Visibility.Visible;
    image2.Visibility = Visibility.Visible;
}

Answer 2

您可以通过几种不同的方式做到这一点。您可以“打开”已经是布局一部分的图像，或者从后端动态添加一些图像。我假设你是新手，所以我会给你一个打开图像的最直接的例子。

Xaml

<Page>
    <StackPanel Orientation="Vertical">
        <Button Text="Toggle Images" Click="OnClick" />
        <Image Source="MyImage1.png" x:Name="Image1" />
        <Image Source="MyImage2.png" x:Name="Image2" />
        <Image Source="MyImage3.png" x:Name="Image3" />
    </StackPanel>
</Page>

Xaml.cs

public void OnClick( object sender, RoutedEventArgs args )
{
    Image1.Visibility = Image1.Visibility == Visibility.Visible ? Visibility.Collapsed : Visibility.Visible;
    Image2.Visibility = Image2.Visibility == Visibility.Visible ? Visibility.Collapsed : Visibility.Visible;
    Image3.Visibility = Image3.Visibility == Visibility.Visible ? Visibility.Collapsed : Visibility.Visible;
}

Answer 3

这是一些代码，很简单

Image img;
public void OnClick( object sender, RoutedEventArgs args )
{
img = new Image();
img.Source = new BitmapImage(new Uri("image uri"));
    gdParentGrid.Children.Add(img);
}

如果您想多次添加图像循环，请相应地设置高度和宽度。将其作为子项添加到网格或堆栈面板中。