在Xamarin listView中绑定颜色

问题描述：

我已经检查了一些答案，但没有任何帮助。我试图通过绑定StackLayout BackgroundColor来更改ListView中ViewCell的背景颜色。现在看起来像这样在Xamarin listView中绑定颜色

每个单元应该填充不同的颜色，但它根本不会改变。其背后代码：

OrderDatapage.XAML：

<ContentPage.Resources> 
    <ResourceDictionary> 
     <local:BackgroundConverter x:Key="BackgroundConverter" /> 
    </ResourceDictionary> 
</ContentPage.Resources> 
. 
. 
. 
. 
<StackLayout Orientation="Vertical"> 
     <ListView x:Name="timetableList" 
         RowHeight="25" 
         SeparatorVisibility="Default" 
         Margin="0,0,0,10" 
         > 
       <ListView.ItemTemplate> 
        <DataTemplate> 
         <ViewCell> 
          <StackLayout Orientation="Horizontal" 
             VerticalOptions="FillAndExpand" 
             BackgroundColor="{Binding Paint, Converter={StaticResource BackgroundConverter}}"> 
             <Label Text="{Binding Number}" 
               FontSize="Medium" 
               Margin="20,0,0,0" 
               TextColor="White" 
               BackgroundColor="Black" 
               /> 
             <Label Text="{Binding Title}" 
               FontSize="Default" 
               Margin="20,0,0,0" 
               TextColor="Black" 
               /> 
             <Label Text="{Binding Date}" 
               FontSize="Default" 
               HorizontalOptions="EndAndExpand" 
               Margin="0,0,40,0" 
               TextColor="Black" 
               /> 
          </StackLayout> 
         </ViewCell> 
        </DataTemplate> 
       </ListView.ItemTemplate> 
     </ListView> 
    </StackLayout>

Converter.cs

class BackgroundConverter : IValueConverter 
{ 
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture) 
    { 
     return Color.FromHex(value.ToString()); 
    } 
}

OrderDataPage.cs

List<TimetableItem> timeTableList { get; set; } 
    public OrderDataPage() 
    { 
     InitializeComponent(); 
     timeTableList = new List<TimetableItem>(); 
     var timetable1 = new TimetableItem() { Number = "1", Title = "Test1", Date = "20-12-2020", Paint = "#63FF20" }; 
     var timetable2 = new TimetableItem() { Number = "2", Title = "Test2", Date = "20-12-2020", Paint = "#FFD933" }; 
     var timetable3 = new TimetableItem() { Number = "3", Title = "Test3", Date = "20-12-2020", Paint = "#C0C0C0" }; 
     timeTableList.Add(timetable1); 
     timeTableList.Add(timetable2); 
     timeTableList.Add(timetable3); 

     timetableList.ItemsSource = timeTableList; 

    }

你代码看起来不错，您是否使用断点检查Value convert是否被调用？ – Dilmah

答

我想你应该尝试设置标签的BACKGROUNDCOLOR为“透明“看到StackLayout背景颜色，但我不知道它是否工作。否则，您可以将Label的BackGroundColor设置为特定的颜色。

在你的IValueConverter，你应该检查一下 “价值” 不为空

if(value != null && value is string && (string)value != "") 
    return Color.FromHex(value.ToString()); 
else 
    return Color.Red;

UPDATE

我做了一个小测试设置StackLayout的BackgroudColor

slView.SetBinding(StackLayout.BackgroundColorProperty, "BackgroundColor");

凡BACKGROUNDCOLOR是字符串

List.Add(new Model { Description = "D1", Cost = 10.0, Qty = 1, BackgroundColor = "#9ac16e"}); 
List.Add(new Model { Description = "D2", Cost = 20.0, Qty = 2, BackgroundColor = "#8d0000" }); 
List.Add(new Model { Description = "D3", Cost = 30.0, Qty = 3, BackgroundColor = "#3a6cf6"});

和它的作品也没有的IValueConverter

唯一的问题是，你松散然后选中当你选择行

你可以找到一个回购HERE

将Label的BackGroundColor设置为“透明”对我来说是个好主意。谢谢！ – user2999425

在Xamarin listView中绑定颜色

相关推荐