【Xamarin】Listviewの特定の項目に処理をつけたい

Question

前提・実現したいこと

Listviewの特定の項目の背景色や文字色を変更したいです。

listViewにList<Data>形式の「list_data」をセットしているのですが、
list_dataのi番目のflagが「true」のとき、それに対応しているリストの色を変える　などといった処理は可能でしょうか？

↓やりたいことはこういう感じのイメージです。よろしくお願いいたします。

if(list_data[i].flag == true){
    listView[i]の色を変える or ラベルの色を変える
}

該当のソースコード

    class Data
    {
        public string label1 { get; set; }
        public string label2 { get; set; }
        public string label3 { get; set; }
        public string label4 { get; set; }
        public bool   flag { get; set; }

    }
    internal class MyPage : ContentPage
    {
        public MyPage()
        {
            // List<>からなるデータ取得
            List<Data> list_data = DataGet("test");
            // リストビュー
            var listView = new ListView
            {
                ItemsSource = list_data, 
            };

            listView.ItemTemplate = new DataTemplate(() => {
                var l1 = new Label() { };
                l1.SetBinding(Label.TextProperty, "label1");

                var l2= new Label() {  };
                l2.SetBinding(Label.TextProperty, "label2");

                var l3 = new Label() {  };
                l3.SetBinding(Label.TextProperty, "label3");

                var l4 = new Label() {  };
                l4.SetBinding(Label.TextProperty, "label4");

                //縦に並べたテキストレイアウトを作成する
                var textLayout1 = new StackLayout{ Children = { l1, l2 } };
                var textLayout2 = new StackLayout{ Children = { l3, l4 } };

                return new ViewCell
                {
                    View = new StackLayout
                    {
                        Orientation = StackOrientation.Horizontal,  //横に並べる
                        HorizontalOptions = LayoutOptions.FillAndExpand, 

                        Padding = new Thickness(20, 10, 0, 0),      //パディング

                        Children = {
                            textLayout1,
                            textLayout2
                        }
                     }                    
                };
            });
            //ListViewのみをコンテンツとして配置する
            Content = listView;

補足情報（FW/ツールのバージョンなど）

Visual Studio 2019

Answer 1

boolからColorに変える様なコンバーターを作ります。
以下は、trueなら赤、falseなら黒にするコンバーターです。

public class BoolToColorConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        return (bool)value ? Color.Red : Color.Black;
    }

    public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
    {
        throw new NotImplementedException();
    }
}

Labelの文字色を変えるなら、以下の様に設定します。

l1.SetBinding(Label.TextColorProperty, "flag", converter: new BoolToColorConverter());

Comments

[aki_lucky]

ありがとうございます。やりたいことが実現できました。