如何在windows store app XAML中单击按钮后显示图像

时间:2013-09-24 17:18:16

标签: c# xaml windows-store-apps

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

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

提前致谢。

3 个答案:

答案 0 :(得分:1)

假设您的图片为image1image2。 将它们添加到网格中并初始化它们的可见性以折叠。

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

答案 1 :(得分:0)

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

的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;
}

答案 2 :(得分:0)

这里有一些代码,很简单

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

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