통합검색
· 마을서비스란?  · 포럼마을  · 일반마을  · 테마마을  · 마을랭킹  · 활동왕
· 덱스퍼트란?  · TECBOX   · PRSBOX   · 이용안내  
· DEXT제품군  · 솔루션베이  · S/W & ESD 컴포넌트
· 프로그램베이
· LiveSeminar  · LiveConference
WPF & Silverlight 포럼마을입니다.
  마을등급 WPF & Silverlight   이 마을은 포럼마을 입니다이 마을은 자유가입제 마을 입니다 마을소개 페이지로 이동 전입신청
마을촌장촌장 서학수 주민 728 since 2008-07-17
우리마을 공지사항
질문&답변
강좌&팁
자유게시판
자료실
앨범
[마을 게시판]
WPF 강좌
랑데브 게시판
칼럼 게시판
개발자 고충상담
Dev Talk
자유토론방
벼룩시장
재나미 우스개
구인/프로젝트 정보
사람인 채용 게시판
  고객지원 게시판
마이 데브피아
 나의 e-Money 내역
 활동왕 My Page
 스크랩한 게시글보기
 쪽지관리
 주소록관리

 강좌&팁
 SL5...Twitter Client 3 (MEF)  | Silverlight 2011-05-14 오전 2:23:00
 kaki104  kaki104님께 메시지 보내기kaki104님을 내 주소록에 추가합니다.kaki104님의 개인게시판 가기 번호: 146 추천:0  / 읽음:4,918

Silverlight5 beta Twitter Client 3 (MEF)

 

1. 화면 보기

 

 

 

 

 

2. Page Navigation

2-1. Page Navigation 작성 순서

 

2-2. 뷰는 Page로 만든다.

 

<navigation:Page> ....</navigation:Page>

 

2-3. MainPage.xaml에 Frame을 추가

 

    <sdk:Frame x:Name="frmNavi" Margin="-1"/>

 

2-4. MainPage.xaml에 HyperlinkButton을 추가

2-5. HyperlinkButton에 Binding 추가

    <HyperlinkButton Content="ListBoxView" Height="30"

                               VerticalAlignment="Bottom" Width="94" FontWeight="Bold"

                               HorizontalContentAlignment="Center"

                               VerticalContentAlignment="Center"

                               NavigateUri="/Devpia;component/View/ListBoxView.xaml"

                               TargetName="frmNavi"/>

 

3. MEF

 

3-1. MEF 기능을 사용하면 한번에 인스턴스로 여러 화면에서 함께 사용할 수 있다. 비단, 뷰모델의 인스턴스 뿐만 아니라 뷰 자체도 MEF기능을 이용하면 다른 프로젝트에서 사용도 가능하다.

 

3-2. Add Reference

 

System.ComponentModel.Composition, System.ComponentModel.Composition.Initialization 추가

 

3-3. 뷰모델 Using

 

using System.ComponentModel.Composition;

 

3-4. Export 추가

 

    [Export(typeof(CTwitterViewModel))]
    public class CTwitterViewModel : INotifyPropertyChanged

 

    typeof는 해당 타입으로 export하겠다는 것이고 import할 때도 타입을 입력한다.

 

3-5 View에 Import 추가

 

    Import는 XAML단에서는 할 수 없다.(아마도..) 그래서 cs단에서 Import를 해서 DataContext에 입력한다.

 

    public partial class ListBoxView : Page
    {

          //임포트 - 반드시 프로퍼티로 임포트를 시켜준다.
        [Import(typeof(CTwitterViewModel))]
        public CTwitterViewModel TwitterViewModel { get; set; }

 

        public ListBoxView()
        {

            //임포트 초기화 - 임포트 초기화는 뷰에서 주로 한번 정도 해준다.
            CompositionInitializer.SatisfyImports(this);

 

            InitializeComponent();

 

            //임포트된 뷰모델을 DataContext에 넣는다.

            this.LayoutRoot.DataContext = TwitterViewModel;
        }

        // Executes when the user navigates to this page.
        protected override void OnNavigatedTo(NavigationEventArgs e)
        {
        }

    }

    

    여기서 Import가 된 뷰모델의 실제 데이터는 비동기 방식으로 처리가 되기 때문에 임포트가 되자마자

    cs단에서 찾아서 쓸려고 하면 오류가 난다.

 

    그래서, 데이터를 연결해주는건 대부분 제물에서 바인딩으로 처리해줘야한다.

 

3-6. 상단에 스크린 삿을 보면 ListBox에서 보이는 내용과 DataGrid에서 보이는 내용이 동일한 내용임을 알 수 있다.

 

4. 실행 페이지 링크

    (반드시 오른쪽 마우스 버튼 눌러서 설치하신 후 사용)

 

 

 

6. 기타 질문은 리플로

 

 

 

코멘트쓰기
  좋음   놀람   궁금   화남   슬픔   최고   침묵   시무룩   부끄럼   난감
* 코멘트는 500자 이내(띄어쓰기 포함)로 적어주세요.
목록 보기   지금 보고 계시는 글을 회원님의 my Mblog >> 스크랩에 넣어두고 다음에 바로 보실 수 있습니다.  
회사소개  |   개인정보취급방침  |  제휴문의  |   광고문의  |   E-Mail 무단수집거부  |   고객지원  |   이용안내  |   세금계산서
사업자등록번호 안내: 220-81-90008 / 통신판매업신고번호 제 2017-서울구로-0055호 / 대표: 홍영준, 서민호
08390, 서울시 구로구 디지털로32길 30, 1211호 / TEL. 02_6719_6200 / FAX. 02-6499-1910
Copyright ⓒ (주) 데브피아. All rights reserved.