qml listview 예제

데이터 모델의 항목은 캐스케이드 컨트롤을 사용하여 업데이트할 수 있습니다. 예를 들어, 나열된 과일 또는 채소의 가용성을 포함하도록 리스팅 6-21에 제공된 JSON 문서를 확장했다고 가정해 보겠습니다(목록 6-38 참조). 이 예제에서는 ListView.view.width 연결 속성이 너비에 사용됩니다. 대리자가 사용할 수 있는 첨부 된 속성은 이 장의 대리자 섹션에서 더 자세히 설명하지만 대리자를 강조 표시하는 데 동일한 속성을 사용할 수 있다는 것을 아는 것이 좋습니다. 이러한 속성은 목록을 스크롤할 때 현재 항목의 위치에 영향을 미칩니다. 예를 들어 현재 선택된 항목이 뷰를 스크롤할 때 목록 중간에 있어야 하는 경우 기본 설정강조시작 및 기본 설정강조끝 값을 중간 항목의 위쪽 및 아래쪽 좌표로 설정합니다. currentItem이 프로그래밍 방식으로 변경되면 현재 항목이 뷰 중간에 있도록 목록이 자동으로 스크롤됩니다. 또한 현재 항목 인덱스의 동작은 강조 표시가 있는지 여부에 관계없이 발생합니다. 참고: 메서드는 구성 요소가 완료된 후에만 호출해야 합니다.

시작 시 뷰를 배치하려면 Component.onCompleted에서 이 메서드를 호출해야 합니다. 예를 들어 시작 시 끝에 뷰를 배치하려면: 데이터가 다운로드되면 모델 항목 및 역할로 처리됩니다. 쿼리 속성은 모델 항목을 만들기 위한 기본 쿼리를 나타내는 XPath입니다. 이 예제에서는 경로가 /rss/channel/item이므로 모든 항목 태그, 채널 태그 내부, RSS 태그 내부의 모델 항목이 만들어집니다. 리스트뷰* 리스트뷰 = 루트>findChild(“리스트뷰”); 주: 이 속성은 바닥글의 스태킹 순서에 영향을 주지 않습니다. 예를 들어 ListView.OverlayFooter를 사용할 때 바닥글이 대리자 항목 위에 표시되어야 하는 경우 Z 값을 대리자보다 높은 값으로 설정해야 합니다. 자세한 내용은 ListView의 스태킹 순서를 참조하십시오. 아래 예제 대리자는 항목이 목록에서 제거되기 전에 애니메이션이 완료되도록 합니다. var 데이터항목 = listview.data.data(listview.selected()); 또한 하이라이트항목, 하이라이트팔로우전류항목 및 리스트뷰 예제를 참조하십시오. 가장 간단한 형태로 리피터를 사용하여 지정된 수의 항목을 인스턴스화할 수 있습니다. 각 항목은 항목을 구분하는 데 사용할 수 있는 연결된 속성인 변수 인덱스에 액세스할 수 있습니다. 아래 예제에서는 중계기를 사용하여 항목의 인스턴스 10개만 생성합니다.

항목 수는 모델 속성을 사용하여 제어됩니다. 각 항목에 대해 반복기 항목 안에 있는 텍스트 요소가 포함된 사각형이 인스턴스화됩니다. 당신이 말할 수 있듯이, 텍스트 속성 은 인덱스 값으로 설정 됩니다., 따라서 항목 0에서 9 로 번호가 매겨집니다. 그림 6-12에 설명된 대로 인덱스 경로는 정수의 정렬된 목록입니다. 목록의 마지막 정수는 항상 0(이전 정수는 항목의 부모를 가리키는)에서 시작하여 해당 형제를 기준으로 항목의 순서를 나타냅니다. 예를 들어 “Empire”는 “사과”의 세 번째 하위 항목이므로 마지막 정수 값은 2가 됩니다(앞의 값은 [0,1]이며, 이는 “Empire`s” 부모인 “사과”를 가리킵니다). QML에서 JavaScript 배열을 사용하여 인덱스 경로의 개별 인덱스 값에 액세스할 수 있습니다(C++ 인덱스 경로는 정수의 QVariantList로 정의됩니다). 대리자 자체는 암시적 폭 및 implicitHeight를 통해 암시적 크기를 전달할 수 있습니다. 이것은 우리가 아래 예제에서 하는 일입니다. 실제 데이터 내용, 즉 모델의 표시 역할에서 반환된 데이터입니다. 이 속성은 현재 항목의 모양을 조정 하는 데 사용할 수 있습니다., 예를 들어: section.criteria ViewSection.FullString 또는 ViewSection.FirstCharacter 중 하나를 설정할 수 있습니다. 첫 번째는 기본값이며 음악 앨범의 트랙과 같은 명확한 섹션이 있는 모델에 사용할 수 있습니다.

후자는 속성의 첫 번째 문자를 사용 하 고 모든 속성을 이에 대 한 사용할 수 있습니다 의미 합니다.

Comments are closed.