CarouselView의 Xamarin Forms 태그

Question

내 앱에서 새로운 CarouselView 컨트롤을 사용하여 텍스트/기사 모음을 표시합니다. 컬렉션의 각 아티클에는 태그라고하는 텍스트 문자열 배열이 포함되어 있습니다. 데이터 바인딩을 허용하는 컨트롤을 사용하여 회전식보기 내에서 이러한 태그를 가로로 표시하려고합니다. 예상되는 모양은 다음과 같이 기본 텍스트 바로 아래에 있어야합니다. Expected look of tags

어떻게하면이 아이디어를 얻을 수 있습니까?

Answer 1

우선 좋음/나쁨 뉴스 : ListView은 묶을 수있는 태그 집합을 표시 할 수 있지만, 불행히도 현재 Horizontal 방향을 지원하지 않으므로 사용자의 요구를 충족시키지 못합니다.

<ScrollView Orientation="Horizontal"> 
    <StackLayout x:Key="tags" Orientation="Horizontal"> 
    </StackLayout> 
</ScrollView> 

을 그리고 채우는 StackLayout 그와 뷰 모델에서 데이터 때 바인딩 컨텍스트 또는 속성 변경 :

차선책은 ScrollView에 포함 된 수평 StackLayout 될 것이다. 아래 예제는 StackLayout을뷰로 채우고 "TagStyleName"스타일을 사용하여 스타일을 지정합니다.

// Note: If this code doesn't work, someone else wrote it. 
protected override OnBindingContextChanged() { 
    var vm = this.BindingContext as MyViewModelClass; 
    if (vm == null) return; 
    vm.PropertyChanged += (o, e) => { 
    if (e.PropertyName == "Tags") { 
     WatchTagsForChanges(); 
     RefreshTags(); 
    } 
    }; 
} 

private void WatchTagsForChanges() { 
    var vm = this.BindingContext as MyViewModelClass; 
    if (vm == null) return; 

    vm.Tags.CollectionChanged += (o, e) => RefreshTags(); 
} 

private void RefreshTags() { 
    var vm = this.BindingContext as MyViewModelClass; 
    if (vm == null) return; 

    this.tags.Children.Clear() 
    foreach (var tag in vm.Tags) { 
    this.tags.Children.Add(new Label{ Text = tag, Style = "TagStyleName" })); 
    } 
}