소년포비의 Windows Phone 7 탐구생활 8탄!!

안녕하세요 ^^

 

소년포비입니다. 요번에는 저번에 말씀 드렸드시

 

WORKING WITH DATA관하여 알아 보도록 하겠습니다.

 

 

PART 8 : WORKING WITH DATA

 

 

!! 여기서 잠깐 여러분 제 강좌는 이어지는 강좌이기에

 

1탄에서 만든 프로젝트를 계속 사용합니다

 

절대 지우지마세요~~

 

 

그럼 전시간에 사용했던 프로젝트는 두시고 아래 그림처럼

 

프로젝트를 하나 만들어 주세요 ^^

 

 

 

 

위 그림 처럼 프로젝트를 만드 시면 됩니다. 아주 간단하죠?

 

추가 하시면 MainPage.xaml 중간에 보시면 아래 코드 부분이 생기게 되죠 ^^

 

 

 

자 그럼 또 아래 그림을 보시면 NEW프로젝트를 만들면서 생기는 부분이죠

 

그리고 그옆에는 신규 추가되면서 생긴 것들에 대한 상세 내용입니다.

 

영어라고 해서 머 그닥 어려운것 없죠?

 

제목만 보고 해당 파일의 코드를 보시면 영어를 다 않읽어 보아도 충분히

 

아실꺼라 생각되네요 ^^

 

 

 

 

 

자 그리고 이제 프로젝트가 만들어 지면 아래 처럼 리스트로 된 화면이 나오시게 됩니다.

 

예전시간에 만들었던적이 있죠 기억나시나요? 않나신다구요?

 

그럼 초반에 만들었던 강좌를 다시 한번 살펴 보시고 오세요 ~~

 

대략적인 이해를 돕기위해서 보시라고 한것입니다. ^^

 

 

자.. 요번에는 따로 무엇을 만들기 보다 만들어진 프로젝트를 어떻게

 

사용할수 있는지 그 기능에 대한 부분을 설명해 드리겠습니다.

 

위 그림 처럼 리트스 화면이 보이시죠 그리고 그 옆에 보시면 XAML 파일에

 

보시면 아래 그림 처럼 된 부분이 보이시죠? 

 

 

 

 

저 부분이 MainPage.xaml 페이지에 나오는 첫줄에 해당되는 부분입니다.

 

현재 만든 프로젝트가 만들어지면서 나오는 첫줄의 코드지요 ^^

 

그리고 프로젝트를 만들면서 나타나는 2개의 폴더가 보이시죠?

 

그걸 한번 열어보시면 그중에 아래 코드가 들어가 있는

 

부분이 어띤지 아시겠어요? 바로 ItemViewModel.cs

 

부분이 되겠습니다.

 

 

 

 

코드를 보시면 제일 핵심이 되는 부분이 어띤지 아세요?

 

바로 첫줄만 보시면 이녀석이 머하는 녀석인지 아시게 됩니다.

 

위 코드 첫줄에 INotifyPropertyChanged 이렇게 써있죠?

 

PropertyChanged 이녀석이 이벤트처리를 할때 쓰이는

 

코드구나 하는 느낌이 아주 살짝 드신다면 정답입니다.~~

 

이 코드에서는 위 이벤트가 발생되는 부분의 코드페이지 입니다.

 

자 그럼 다은 코드를 살펴 보시죠?

 

 

 

 

위의 코드는 바로 MainViewModel.cs에 있는 부분입니다.

 

무엇을 하는 녀석이라 바로 이녀석도 첫줄을 한번 봐주세요.

 

머라고 있있죠? LoadData() 이렇게 써있지?

 

그럼 바로 로드데이터 음...이녀석을 데이터를 연결 후 보여주게 되는

 

부분이라 생각되시죠? 네...바로 정답입니다.

 

데이터 바인딩을 해서 보여주는 역활을 하는 페이지입니다.

 

첫줄만 봐도 알기 쉽게 써놔서 천천히 하나하나 보신다면

 

어떤 역활을 하는곳인지 여러분들도 충분히 아실수 있습니다. ^^

 

바로 지금 처럼요 하하하....^^

 

자 그럼 또 아래 코드는 어떤 코드 인지 찾아 보세요 ^^

 

 

자 위의 코드는 어떤 부분에 있는 코드인지 아시겠어요?

 

바로  MainPage.xaml.cs에 있는 코드입니다.

 

위의 노란부분은 무엇이냐구요?

 

바로 리스트를 보여주는 부분을 선언 해놓은 부분입니다.

 

바로 ItemViewModel 및 MainViewModel 부분을 가져와서

 

메인 화면에 보여주기 위한 작업이라고 보시면 됩니다.

 

잘 아시겠죠?

 

그럼 또 아래 코드가 어떻부분인지 한번 확인 해보시겠습니다.

 

 

 

위 부분은 바로 전에 보셨던 cs쪽이 아닌 xaml부분입니다.

설명은 이전에 해던것을 xaml에서는 어떻게 표시되는지 보여주는 부분입니다.

 

잘 이해가 되셨나 모르겠네요 위 부분을 잘 이해하셔야

지금부터 여러분들이 해당 코드들을 가지고 변형 하셔서

프로젝트를 만들실수 있습니다.

 

이해가 않되신다면 언제든지 질문해 주세요.

제가 답변해 드리도록하겠습니다.

 

자 그림 빌드 GO!! GO!!

 

 

 

 

위 그림 처럼 잘 나오시죠 어려분 ^^

 

그럼 이제 위 부분에 대한 설명들을 잘 이해하셔서

 

빠르게 응용편을 한번 만들어 보세요 ^^

 

좋은 작품을 기대하겠습니다. 여러분~~ 

 

그럼 다음 시간에는 어떤 부분을 배우시냐면요 USING ISOLATED STORAGE에

 

대해서 배우시겠습니다. 아주 흥미롭죠? 그럼 다음 시간까지

 

여러분 기대해주세요 ^^