如何在 Windows 应用商店应用 XAML 中单击按钮后显示图像

本文关键字：应用 单击 按钮 显示 图像 显示图 XAML Windows | 更新日期: 2023-09-27 18:32:42

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

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

提前谢谢。

如何在 Windows 应用商店应用 XAML 中单击按钮后显示图像

假设您的图像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;
}

您可以通过几种不同的方式执行此操作。您可以"打开"已经是布局一部分的图像，也可以从后端动态添加一些图像。我假设您是新手，所以我将为您提供打开图像的最直接示例。

哈姆勒

<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>

萨姆.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;
}

这里有一些代码，很简单

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

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

相关文章：