установить фон для выбранного элемента в списке

У меня есть список, который отображает строку через табличку данных. Когда я выбираю элемент, я добавляю выбранный элемент в наблюдаемую коллекцию, а также устанавливаю значение «CarIsSelected» на true, чтобы я знал, какой из них выбран. У меня возникли проблемы с установкой цвета фона для выбранных элементов, которые добавляются в наблюдаемую коллекцию? Я надеюсь в этом есть смысл. Ниже мой код, который у меня есть. Другой пример: если я выберу «item1», я добавлю «item1» в коллекцию и выделю строку для «item1». Затем я выбираю «item2», добавляю «item2» в коллекцию и также выделяю строку для «item2». Поэтому «item1» и «item2» должны быть выделены.

xaml:

<ListView Name="lstExistingProblemList" HorizontalAlignment="Left" VerticalAlignment="Bottom" 
          ItemsSource="{Binding Path=ListOfCars}" SelectedItem="{Binding SelectedCar}" 
          SelectionMode="Single" Width="391" Grid.ColumnSpan="2"> 

    <ListView.ItemTemplate>
        <DataTemplate>
            <Label Width="391" Margin="0,0,5,0" HorizontalAlignment="Left">
                <Label.Content>
                    <TextBlock>
                        <TextBlock.Text>
                            <MultiBinding StringFormat="{}{0}-{1}">
                                <Binding Path="Make" />
                                <Binding Path="Model" />
                             </MultiBinding>
                        </TextBlock.Text>
                    </TextBlock>
                </Label.Content>
            </Label>
        </DataTemplate>
    </ListView.ItemTemplate>
</ListView>

ViewModel:

ObservableCollection<CarsInfo> selectedCarsLists = new ObservableCollection<CarsInfo>();
List<CarsInfo> listOfCars = new List<CarsInfo>();
CarsInfo selectedCar;

public List<CarsInfo> ListOfCars
{
    get
    {       
        listOfCars = DataSource.GetCarInfo();
        return listOfCars;
    }
}

public ObservableCollection<CarsInfo> SelectedCarsLists
{
    get
    {
        return selectedCarsLists;
    }
}

public CarsInfo SelectedCar
{
    get
    {
        return selectedCar;
    }
    set
    {
        if (selectedCar != value)
        {
            selectedCar = value;
            selectedCar.CarIsSelected = true;
            selectedCarsLists.Add(selectedCar);
        }
    }
}

класс:

public int Year { get; set; }
public string Description { get; set; }
public string Make { get; set; } 
public string Model { get; set; }
public bool CarIsSelected { get; set; }

listview c# wpf listviewitem
person user1884032    schedule 03.01.2013    source источник
comment
Взгляните на stackoverflow.com/questions/6171502/ Ответ Гишу. Создайте свойство или функцию, которая переключается на основе IsSelected для привязки в качестве цвета.   -  person JDwyer    schedule 03.01.2013
comment
Вы должны использовать Color Converter для изменения цвета выбранного элемента   -  person Jignesh.Raj    schedule 03.01.2013

Ответы (1)


arrow_upward
1
arrow_downward

Вы можете установить DataTrigger для свойства CarIsSelected, но вам нужно будет реализовать INotifyPropertyChanged в вашем CarsInfo классе, чтобы пользовательский интерфейс отразил изменения.

xaml:

    <ListView.ItemTemplate>
        <DataTemplate>
            <Label x:Name="label" Width="391" Margin="0,0,5,0" HorizontalAlignment="Left">
                <Label.Content>
                    <TextBlock>
                    <TextBlock.Text>
                        <MultiBinding StringFormat="{}{0}-{1}">
                            <Binding Path="Make" />
                            <Binding Path="Model" />
                         </MultiBinding>
                    </TextBlock.Text>
                    </TextBlock>
                </Label.Content>
            </Label>
            <DataTemplate.Triggers>
                <DataTrigger Binding="{Binding CarIsSelected }" Value="True" >
                    <Setter TargetName="label" Property="Background" Value="Red" />
                </DataTrigger>
            </DataTemplate.Triggers>
        </DataTemplate>
    </ListView.ItemTemplate>
</ListView>

code

public  class CarsInfo : INotifyPropertyChanged
{
    public int Year { get; set; }
    public string Description { get; set; }
    public string Make { get; set; }
    public string Model { get; set; }

    private bool _carIsSelected;
    public bool CarIsSelected 
    {
        get { return _carIsSelected; }
        set { _carIsSelected = value; NotifyPropertyChanged("CarIsSelected"); } 
    }

    public event PropertyChangedEventHandler PropertyChanged;
    private void NotifyPropertyChanged(string property)
    {
        if (PropertyChanged != null)
        {
            PropertyChanged(this, new PropertyChangedEventArgs(property));
        }
    }
}

Результат: введите описание изображения здесь

person sa_ddam213    schedule 03.01.2013
comment
о Боже. Я занимаюсь этим уже несколько часов, и то, что вы предложили, сработало. Я делал триггер данных на самом элементе listview, а не на метке. то, что вы предложили, имело смысл. Еще раз спасибо. - person user1884032; 03.01.2013