최고보다,최선을...

Photo.xaml 페이지

<Rectangle Width="96" Height="96" Stroke="#FF000000" x:Name="imghide" Opacity="1" RenderTransformOrigin="0.5,0.5" Cursor="Hand">

<Rectangle.RenderTransform>

<TransformGroup>

<ScaleTransform ScaleX="1" ScaleY="1"/>

<SkewTransform AngleX="0" AngleY="0"/>

<RotateTransform Angle="0"/>

<TranslateTransform X="0" Y="0"/>

</TransformGroup>

</Rectangle.RenderTransform>

<Rectangle.Fill>

<LinearGradientBrush EndPoint="0.505,0" StartPoint="0.5,0.979">

<GradientStop Color="#FF2A2A2A" Offset="0.019"/>

<GradientStop Color="#FF474646" Offset="0.538"/>

<GradientStop Color="#FF414141" Offset="0.486"/>

<GradientStop Color="#FF999999" Offset="0.923"/>

<GradientStop Color="#FF333333" Offset="0.269"/>

</LinearGradientBrush>

</Rectangle.Fill>

</Rectangle>

두개의 StoryBoard를 말들었습니다. 하나는 Photobig이고, 하나는 Photosmall입니다.

각각의 행위는 아래와 같습니다.

 ㅁ Photobig : 사용자가 클릭을 했을 때 객체가 커지면서 이미지가 보여지는 StoryBoard.

ㅁ Photosmall : 같은 그림이 아닐경우 객체가 작아지면서 이미지가 보이지 않는 StoryBoard.

생성된 코드는 아래와 같습니다.

Photo.xaml.cs 페이지 (전역변수 선언)

… 기존 코드 생략 …

// 클릭을 했는지 여부를 확인 하기위한

bool _Mousedown = false;

Photo.xaml.cs 페이지 (Property)

/// <summary>

/// 객체가 클릭 여부를 지정하거나 반환

/// </summary>

public bool MouseDown

{

            get { return _Mousedown; }

            set { _Mousedown = value; }

}

Photo.xaml.cs 페이지

public Photo(Page page,Downloader down ,String URL)

{

    … 기존 코드 생략 …

    // 객체 클릭 이벤트 생성

this.MouseLeftButtonDown += new MouseEventHandler(Photo_MouseLeftButtonDown);

}

void Photo_MouseLeftButtonDown(object sender, MouseEventArgs e)

{

 // Page클래스의 SetPoint에 접근

_Page.SetPoint(this, _root);

}

Photo.xaml.cs 페이지 (Property)

/// <summary>

/// 객체의 이미지 URL값을 반환

/// </summary>

public string getUrl

{

get { return _URL; }

}

Page.xaml.cs 페이지 (전역변수 선언)

… 기존 코드 생략 …

// 사용자의 두번 클릭을 위한 전역 변수

int number = 0;

// 선택한 두개의 이미지 확인을 위한 Photo 배열

private Photo[] _ImgArray = new Photo[2];

// Photo FramworkElement 생성 각각의 StoryBoard 두개를 실행하기 위함.

private FrameworkElement[] _ROOT = new FrameworkElement[2];

Page.xaml.cs 페이지

internal void SetPoint(Photo photo, FrameworkElement root)

{

// 사용자가 막 클릭하는 걸 방지..딱 두번만 클릭관련 조건~!

if (number < 2)

{

// 스크린 Canvas에서 이미지 삭제

screen.Children.Remove(photo);

// 스크린 Canvas에 이미지 다시 추가

screen.Children.Add(photo);

//같은 그림들 두번 클릭하면 안됨. 그래서 해당 Photo에 마우스클릭을 했었는지 확인함.

if (!photo.MouseDown)

{

photo.MouseDown = true;

// Photo에 있는 StoryBoard를 생성하기.

Storyboard Photobig = root.FindName("Photobig") as Storyboard;

Photobig.Begin();

_ImgArray[number] = photo;

_ROOT[number] = root;

number++;

if (_ImgArray[1] != null)

{

// 두번째로 찍은 이미지이면 스토리보드 실행후 이벤트 발생함

Photobig.Completed += new EventHandler(Photobig_Completed);

}

}

}

}

Page.xaml.cs 페이지

void Photobig_Completed(object sender, EventArgs e)

{

//이미지 URL이 같다면 지워버리게 함.

if (_ImgArray[0].getUrl == _ImgArray[1].getUrl)

{

for (int i = 0; i < 2; i++)

{

//스크린 Canvas에서 제거

screen.Children.Remove(_ImgArray[i]);

number = 0;

}

}

else

{

for (int i = 0; i < 2; i++)

{

// Photo에 있는 StoryBoard를 생성하기.

Storyboard Photosmall = _ROOT[i].FindName("Photosmall") as Storyboard;

Photosmall.Begin();

// 그림이 같이 않을 경우 StoryBoard가 실행이 다 끝난 다음에 클릭할수 있도록 하기 //위한 이벤트처리.

Photosmall.Completed += new EventHandler(Photosmall_Completed);

//마우스 관련 다시 false로 돌림

_ImgArray[i].MouseDown = false;

}

}

//배열은 null 값으로 재지정함.

for (int k = 0; k < 2; k++)

{

_ImgArray[k] = null;

_ROOT[k] = null;

}

}

// Photosmall StoryBoard 이벤트부분

void Photosmall_Completed(object sender, EventArgs e) { number = 0; }