다음을 통해 공유


예제 데이터 수정

예제 데이터 원본의 구조(또는 스키마)와 값을 수정할 수 있습니다. Microsoft Expression Blend에서 자동으로 생성했는지 또는 XML 파일에서 가져왔는지에 관계 없이 예제 데이터는 SampleData 프로젝트 폴더의 하위 폴더에 저장됩니다. 데이터 패널에서 수정한 내용은 SampleData 폴더의 파일에 기록됩니다. 즉, XML 파일을 가져온 경우 다음 절차에 따라 원래 XML 파일에 영향을 주지 않고 프로젝트의 데이터를 수정할 수 있습니다.

예제 데이터에 항목 추가

예제 데이터의 스키마를 수정하려면 Expression Blend에서 생성하거나 XML 파일에서 가져온 초기 속성 집합에 속성을 추가합니다.

  1. 데이터 패널에서 예제 데이터 원본을 확장한 다음 속성을 추가할 노드를 찾습니다.

    Ee341407.alert_tip(KO-KR,Expression.30).gif팁:

    데이터 원본의 루트, 컬렉션 속성 또는 복잡한 속성에 속성을 추가할 수 있습니다. 속성을 추가할 수 있는 노드 옆에는 더하기 기호 Ee341407.203a14a5-0db2-486e-9b94-4fdf658d531b(KO-KR,Expression.30).png가 나타납니다.

  2. 더하기 기호 Ee341407.203a14a5-0db2-486e-9b94-4fdf658d531b(KO-KR,Expression.30).png 옆의 화살표를 클릭한 다음 표시되는 드롭다운 메뉴에서 다음 옵션 중 하나를 클릭합니다.

    • 단순 속성 추가   문자열, 숫자, 부울 또는 이미지 속성을 추가하려면 이 옵션을 사용합니다. 기본적으로 문자열 속성이 추가되지만 속성을 만든 후 속성 형식 변경 Ee341407.c4968582-0dae-407e-961b-80ffa2838f3b(KO-KR,Expression.30).png을 클릭하여 다른 형식을 선택할 수도 있습니다.

    • 복합 속성 추가   자식 속성을 포함할 수 있는 속성을 만들려면 이 옵션을 사용합니다. 예를 들어 RSS 피드는 대개 범주, 설명, 채널과 관련된 뉴스 항목 컬렉션 등을 포함하는 자식 속성의 복합 속성을 사용하여 채널을 나타냅니다.

    • 컬렉션 속성 추가   여러 데이터 항목을 포함할 수 있는 레코드의 컬렉션을 만들려면 이 옵션을 사용합니다. 예를 들어 RSS 피드는 대개 컬렉션의 각 레코드에 뉴스 항목의 제목, 설명, 기타 관련 정보 등이 포함된 컬렉션으로 뉴스 항목을 나타냅니다.

      Ee341407.alert_tip(KO-KR,Expression.30).gif팁:

      컬렉션을 중첩하여 데이터 트리를 만들 수 있습니다. 또한 기존 컬렉션 속성을 트리로 변환할 수 있습니다.

      자세한 내용은 예제 데이터 수정의 "재귀 데이터 트리 만들기"를 참조하십시오.

  3. 편집할 수 있는 이름 필드와 함께 새 데이터 항목이 나타납니다. 이름을 변경하려면 다른 이름을 입력하고 Enter 키를 누릅니다.

    기존 컬렉션에 문자열 속성을 추가한 후

    Ee341407.b96caa7b-b699-4012-bdb4-bf3160ebb941(KO-KR,Expression.30).png

예제 데이터에서 항목 제거

  • 데이터 패널에서 예제 데이터 원본을 확장하고 제거할 속성을 마우스 오른쪽 단추로 클릭한 다음 "Item_name" 제거를 클릭합니다.

    속성이 아트보드의 개체에 이미 바인딩된 경우 데이터는 개체에 더 이상 나타나지 않습니다.

단순 속성의 형식 변경

  1. 데이터 패널에서 예제 데이터 원본을 확장하고 형식을 변경할 단순 속성을 찾은 다음 속성 형식 변경 Ee341407.c4968582-0dae-407e-961b-80ffa2838f3b(KO-KR,Expression.30).png을 클릭합니다.

  2. 팝업 메뉴가 나타나면 형식 옆의 드롭다운 화살표를 클릭한 다음 문자열, 숫자, 부울 또는 이미지 중에서 원하는 데이터 형식을 선택합니다.

    Ee341407.f775d060-157f-4a8d-9e1a-168e94e49551(KO-KR,Expression.30).png

    속성 형식이 변경되고 새 예제 데이터가 생성됩니다. 데이터가 아트보드의 개체에 이미 표시된 경우, 데이터를 해당 개체로 다시 끌어야만 개체가 업데이트되어 새로 생성된 데이터가 표시됩니다.

단순 속성에 대해 생성되는 데이터 변경

문자열, 숫자, 이미지 등의 몇 가지 단순 속성 형식은 Expression Blend에서 생성하는 데이터의 몇 가지 특성을 변경할 수 있도록 사용자 지정 편집기를 제공합니다. 예를 들어 2자리가 아닌 3자리 숫자를 생성하도록 지정하거나 특정 폴더에서 이미지를 생성하도록 지정할 수 있습니다.

  1. 데이터 패널에서 예제 데이터 원본을 확장하고 변경할 생성된 데이터의 속성을 찾은 다음 속성 형식 변경 Ee341407.c4968582-0dae-407e-961b-80ffa2838f3b(KO-KR,Expression.30).png을 클릭합니다.

  2. 팝업 메뉴가 나타나면 형식 필드 아래에 표시되는 필드를 수정합니다.

    즉시 새 예제 데이터가 생성됩니다. 데이터가 아트보드의 개체에 이미 표시된 경우, 개체가 새로운 데이터로 즉시 업데이트됩니다.

    임의 텍스트 대신 전화 번호를 생성하도록 문자열 속성 변경

    Ee341407.8b1307aa-8568-4a9c-a547-e25d9ac73013(KO-KR,Expression.30).png

    기본 의자 이미지 대신 특정 폴더의 이미지를 사용하도록 이미지 속성 변경

    Ee341407.f62d8ae8-6655-481c-bf93-243efd5e0aa2(KO-KR,Expression.30).png

    Ee341407.alert_tip(KO-KR,Expression.30).gif팁:

    Expression Blend에서 예제 이미지를 가져오는 폴더를 직접 지정하여 이미지 데이터 속성을 변경하면 해당 폴더의 이미지 파일이 SampleData 프로젝트 폴더의 데이터 원본 폴더에 있는 하위 폴더로 복사됩니다.

    Ee341407.7448033e-c71e-44a6-bc0e-17d55018390d(KO-KR,Expression.30).png

데이터 속성(또는 열 머리글) 이름 바꾸기

DataGrid 같은 컨트롤로 컬렉션을 끌 때는 스키마에 있는 속성 이름이 아트보드의 열 머리글 레이블을 지정하는 데 사용됩니다. 데이터 패널에서 스키마 속성의 이름을 변경할 수 있지만 데이터가 아트보드의 DataGrid 개체에 이미 표시된 경우에는 열의 Header 속성을 변경해야 합니다.

  1. 데이터 패널에서 예제 데이터 원본을 확장하고 이름을 변경할 속성을 찾은 다음 이름을 두 번 클릭하여 편집할 수 있는 상태로 만듭니다. 새 이름을 입력하고 Enter 키를 누릅니다.

    새 속성 이름을 사용하도록 기존 데이터 바인딩이 업데이트됩니다.

  2. 아트보드에서 DataGrid 개체의 열에 데이터가 사용된 경우, 개체 및 타임라인 패널에서 해당 컬렉션을 표시하는 DataGrid 개체와 Columns 요소를 차례로 확장한 다음 이름을 변경할 열을 선택합니다. 속성 패널에서 Header 속성을 찾아 새 이름을 입력한 다음 Enter 키를 누릅니다.

수동으로 예제 데이터 값 변경

데이터가 포함된 컬렉션을 편집하여 수동으로 데이터를 변경할 수 있습니다. 자동 생성된 데이터와 XML 파일에서 가져온 데이터는 두 예제 데이터 형식이 SampleData 프로젝트 폴더의 파일에 저장되기 때문에 모두 변경할 수 있습니다.

  1. 데이터 패널에서 예제 데이터 원본을 확장하고 데이터를 변경할 컬렉션을 찾은 다음 예제 값 편집 Ee341407.05e097fd-b5b7-4a06-b97a-bf7ece17b6c6(KO-KR,Expression.30).png을 클릭합니다.

    Ee341407.8951281b-fc87-4fe1-b6fc-e9717a26667b(KO-KR,Expression.30).png

  2. 예제 값 편집 대화 상자에서 생성된 데이터, 생성된 레코드의 수 또는 열에 나타난 데이터의 형식을 수정합니다. 예를 들어 이미지를 두 번 클릭하여 다른 이미지 파일을 선택합니다.

    Ee341407.c752919c-2d0e-49d1-b4dd-73d53baee147(KO-KR,Expression.30).png

    데이터가 아트보드의 개체에 이미 표시된 경우, 새로 생성된 데이터를 표시하도록 개체가 즉시 업데이트됩니다.

재귀 데이터 트리 만들기

기본적으로 컬렉션 속성이 생성되면 일반 데이터 컬렉션이 만들어집니다. 일반 컬렉션은 ListBox 및 DataGrid 같은 데이터 컨트롤에 사용할 수 있습니다. 그러나 TreeView 같은 컨트롤에 표시할 수 있는 계층적 데이터 트리를 생성해야 할 경우가 있습니다.

  1. 데이터 패널에서 예제 데이터 원본을 확장하고 일반 구조에서 계층적 구조로 변경할 컬렉션을 찾아서 더하기 기호  Ee341407.203a14a5-0db2-486e-9b94-4fdf658d531b(KO-KR,Expression.30).png 옆의 화살표를 클릭한 다음 표시되는 드롭다운 메뉴에서 계층적 컬렉션으로 변환을 클릭합니다.

    일반 컬렉션이 중첩된 컬렉션으로 변환됩니다. 두 번째 수준 컬렉션의 이름이 편집 가능한 상태로 바뀝니다.

  2. 컬렉션에 대한 설명이 포함된 이름을 입력하고 Enter 키를 누릅니다.

    이제 TreeView 개체나 다른 계층적 개체로 컬렉션을 끌어 데이터를 표시할 수 있습니다.

데이터 변경 후 개체 업데이트

아트보드의 개체에 표시되는 예제 데이터 항목의 값을 수정한 경우 새 값을 표시하도록 개체가 자동으로 업데이트됩니다.

그러나 데이터 컬렉션에서 속성을 추가 또는 삭제하거나 데이터 속성의 형식을 변경한 경우에는 해당 변경으로 인해 데이터의 구조(또는 스키마)가 수정되기 때문에 데이터를 표시하는 개체가 업데이트되지 않습니다. 표시된 데이터의 구조를 변경한 경우 바인딩을 다시 만들어야 합니다.

데이터 구조 변경 후 ListBox 개체 업데이트

  • 표시할 항목을 데이터 패널에서 ListBox 개체로 끕니다.

데이터 구조 변경 후 DataGrid 개체 업데이트

  1. 개체 및 타임라인 패널에서 DataGrid 개체 아래의 노드를 확장한 다음 업데이트된 데이터에 해당하는 열을 삭제합니다.

  2. 표시할 수정된 컬렉션 속성을 데이터 패널에서 DataGrid 개체로 끕니다.

    DataGrid 개체의 끝에 새 열이 추가되고 속성에 데이터가 표시됩니다.

  3. DataGrid 개체에서 열 순서를 다시 변경하려면 개체 및 타임라인 패널의 노드에서 열을 다른 위치로 끕니다.

참조

작업

샘플 데이터 생성

XML 파일의 예제 데이터 가져오기

기타 리소스

컨트롤에 데이터 표시