windows-phone-7 - 如何创建带有点击事件的小型 Windows Phone 7 应用程序

Question

我是 Windows Phone 应用程序的新手，需要创建一个小型 Windows Phone 7 应用程序。该应用程序将执行以下任务

1. 应用程序屏幕有一个图像“image1”，当我按下“image1”时，它将显示第二个图像“image2”

2. 当我按下 image2 时，它将显示 image1 等等

我的 XAML 代码

 <Button Click="Button_Click">
<Image Source="resourse/image1.jpg"/>
 </Button>

C# 代码

namespace Test
{
    public partial class MainPage : PhoneApplicationPage
    {

        public MainPage()
        {
            InitializeComponent();
        }

        private void Button_Click(object sender, RoutedEventArgs e)
        {
          // here will shows the 'image2' and also give click event to turn 'image1'
        }




    }
}

请帮忙

Answer 1

我会通过在您的 XAML 中添加几个图像来解决这个问题：

 <Button Click="Button_Click">
     <Grid>
       <Image x:Name="imageOne" Source="resourse/image1.jpg"/>
       <Image x:Name="imageTwo" Source="resourse/image2.jpg"
              Visibility="Collapsed"/>
     </Grid>
  </Button>

使用x:Name会导致 Visual Studio 为每个图像生成一个字段。第二个图像是“折叠的”，即隐藏。

单击处理程序，然后执行以下操作：

    private void Button_Click(object sender, RoutedEventArgs e)
    {
      if (imageOne.Visisbility == Visibility.Visible)
      {
        imageOne.Visisbility = Visibility.Collapsed
        imageTwo.Visisbility = Visibility.Visible
      }
      else
      {
        imageOne.Visisbility = Visibility.Visible
        imageTwo.Visisbility = Visibility.Collapsed
      }
    }

每次单击时，它都会切换每个图像的可见性。

这比更改图像的源更容易，这涉及到 URI 等......