在后面的代码中单击按钮上的按钮访问和编辑按钮内的图像

Question

我有一个这样构建的 Listview：

<ListView x:Name="listprimi" RelativePanel.Below="primi" ItemsSource="{x:Bind obs_prims2}" HorizontalAlignment="Center" VerticalAlignment="Center">
    <ListView.ItemTemplate>
         <DataTemplate>
             <StackPanel Orientation="Horizontal">
                  <Button Tag="{Binding id}" Grid.Column="0" Padding="0" BorderThickness="0" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Height="100" Background="White" Click="selectMeal0">
                      <Image Name="sel0" Width="80" Height="80" Source="Images/ic_uncheck.png" RelativePanel.AlignLeftWithPanel="True" />
                  </Button>
                  <Image Width="120" Height="120" Margin="30,0,0,0" Source="{Binding idImg}" RelativePanel.AlignLeftWithPanel="True" />
                  <TextBlock Text="{Binding descr}" RelativePanel.AlignHorizontalCenterWithPanel="True" Height="100" Name="namemeal" Padding="60,15" Foreground="Gray" FontSize="26.7"/>
             </StackPanel>
         </DataTemplate>
     </ListView.ItemTemplate>
 </ListView>

我想更改单击按钮时按钮内部名为“sel0”的图像。我已经在函数 selectMeal0 后面设置了代码，但我不知道该怎么做。 此外，我还想在同一函数中更改列表中所有其他元素的图像。 我尝试过类似this 的方法，但它不起作用。

更新： 这是课

public class Pasto : INotifyPropertyChanged
{
    public string id { get; set; }
    public string descr { get; set; }
    public ImageSource idImg { get; set; }
    private ImageSource imgChecked;
    public ImageSource ImgChecked {
        get { return imgChecked; }
        set
        {
            if (imgChecked != value)
            {
                imgChecked = value;
                OnPropertyChanged("ImgChecked");
            }
        }
    }
    public event PropertyChangedEventHandler PropertyChanged;

    protected void OnPropertyChanged(String info)
    {
        if (PropertyChanged != null)
        {
            PropertyChanged(this, new PropertyChangedEventArgs(info));
        }
    }
}

我已经像这样更改了 ListView：

<ListView x:Name="listprimi" RelativePanel.Below="primi" ItemsSource="{x:Bind obs_prims2}" HorizontalAlignment="Center" VerticalAlignment="Center">
    <ListView.ItemTemplate>
         <DataTemplate>
             <StackPanel Orientation="Horizontal">
                  <Button Tag="{Binding id}" Grid.Column="0" Padding="0" BorderThickness="0" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Height="100" Background="White" Click="selectMeal0">
                      <Image Name="sel0" Width="80" Height="80" Source="{Binding ImgChecked}" RelativePanel.AlignLeftWithPanel="True" />
                  </Button>
                  <Image Width="120" Height="120" Margin="30,0,0,0" Source="{Binding idImg}" RelativePanel.AlignLeftWithPanel="True" />
                  <TextBlock Text="{Binding descr}" RelativePanel.AlignHorizontalCenterWithPanel="True" Height="100" Name="namemeal" Padding="60,15" Foreground="Gray" FontSize="26.7"/>
             </StackPanel>
         </DataTemplate>
     </ListView.ItemTemplate>
 </ListView>

所以我要编辑的图像是类中的 ImageChecked。 函数 selectMeal 应该将所有图像更改为“未选中”，然后将所选项目的图像更改为“选中”。

Answer 1

在selectMeal0 中，您可以访问发送者对象，在本例中为Button。 Button 具有Content 属性，该属性又包含Image。此时您可以对 Image 进行任何操作。

但是

您还可以将图像的来源绑定到模型的属性。并更改模型以更新图像。

Answer 2

为了在DataTemplate 和ListView 中更改Image，您应该在单击按钮时从您的收藏中更改必要的项目：

所以，您有一个集合 obs_prims2 为 ItemsSource 为 ListView。然后您需要从您的收藏中取出一件物品obs_prims2。例如：

var item=obs_prims2.FirstOrDefault();

然后设置新的图片地址：

item.idImg="C:/1.png";

此外，您的模型类应该实现INotifyPropertyChanged 接口以显示任何更改。例如：

public class Book : INotifyPropertyChanged
{
    private string title;
    public string Title {
       get { return title; }
       set {
           title = value;
           OnPropertyChanged("Title");
       }         
    }    

    public event PropertyChangedEventHandler PropertyChanged;

    protected void OnPropertyChanged(String info) 
    {
       if (PropertyChanged != null) {
           PropertyChanged(this, new PropertyChangedEventArgs(info));
    }
}

更新：

要获取您想要的项目，您可以按索引获取项目，就像这样 Person person = Persons[1];。例如：

private void FillDataGridByTypeCollection()
{
    Persons.Add(new Person() { Id = 1, Name = "Ben" });
    Persons.Add(new Person() { Id = 1, Name = "Joseph" });
    Persons.Add(new Person() { Id = 1, Name = "Jon" });
    Persons.Add(new Person() { Id = 1, Name = "Magnus Montin" });
    Persons.Add(new Person() { Id = 1, Name = "Andy" });
    Person person = Persons[1];
}

private ObservableCollection<Person> persons = new ObservableCollection<Person>();
public ObservableCollection<Person> Persons
{
   get { return persons; }
   set { persons = value; }
}

型号：

public class Person
{
    public int Id { get; set; }
    public string Name { get; set; }
}