Windows phone 8 如何在Windows Phone 8中添加列表框项目中带有图像的显示和隐藏按钮

我在列表框中有一个带有一些联系人号码的列表框，现在我想在列表框中的每个联系人项目中添加“显示”和“隐藏”按钮，当用户按“隐藏”按钮时，联系人将被隐藏，当用户按“显示”按钮时，联系人将被显示，反之亦然。我如何在WP8中做到这一点。。 我正在使用以下代码，请帮助我

                        </Grid.ColumnDefinitions>
                        <StackPanel Orientation="Horizontal" Margin="0, 10, 0, 10">
                            <Border BorderThickness="0" HorizontalAlignment="Left" VerticalAlignment="Center" BorderBrush="{StaticResource PhoneAccentBrush}" Margin="5, 0, 0, 0">
                                <Image Source="{Binding ImageUrl, Converter={StaticResource kconverter}}"  Width="48" Height="48" Stretch="Fill"/>
                            </Border>
                            <TextBlock x:Name="item_name" Text="{Binding Name, Mode=OneWay}" FontSize="{StaticResource PhoneFontSizeLarge}" Margin="10, 0, 0, 0" />
                        </StackPanel>

                        <StackPanel Orientation="Horizontal" Margin="0, 10, 0, 10">
                            <Border BorderThickness="0" HorizontalAlignment="Left" VerticalAlignment="Center" BorderBrush="{StaticResource PhoneAccentBrush}" Margin="355, 0, 0, 0">
                                <Image Name="onimg" Visibility="Visible" Source="/Assets/Images/blue.button.png"  Width="85" Height="20" Tap="Image_TapOn" Stretch="Fill"/>
                            </Border>

                        </StackPanel>
                        <StackPanel Orientation="Horizontal" Margin="0, 10, 0, 10">
                            <Border BorderThickness="0" HorizontalAlignment="Left" VerticalAlignment="Center" BorderBrush="{StaticResource PhoneAccentBrush}" Margin="355, 0, 0, 0">
                                <Image Name="offimg" Visibility="Collapsed" Source="/Assets/Images/setting-h.png" Width="85" Height="48" Tap="Image_TapOff" Stretch="Fill"/>
                            </Border>

                        </StackPanel>
                    </Grid>
                </DataTemplate>
                </ListBox.ItemTemplate>
            </ListBox>

                        </Grid.ColumnDefinitions>
                        <StackPanel Orientation="Horizontal" Margin="0, 10, 0, 10">
                            <Border BorderThickness="0" HorizontalAlignment="Left" VerticalAlignment="Center" BorderBrush="{StaticResource PhoneAccentBrush}" Margin="5, 0, 0, 0">
                                <Image Source="{Binding ImageUrl, Converter={StaticResource kconverter}}"  Width="48" Height="48" Stretch="Fill"/>
                            </Border>
                            <TextBlock x:Name="item_name" Text="{Binding Name, Mode=OneWay}" FontSize="{StaticResource PhoneFontSizeLarge}" Margin="10, 0, 0, 0" />
                        </StackPanel>

                        <StackPanel Orientation="Horizontal" Margin="0, 10, 0, 10">
                            <Border BorderThickness="0" HorizontalAlignment="Left" VerticalAlignment="Center" BorderBrush="{StaticResource PhoneAccentBrush}" Margin="355, 0, 0, 0">
                                <Image Name="onimg" Visibility="Visible" Source="/Assets/Images/blue.button.png"  Width="85" Height="20" Tap="Image_TapOn" Stretch="Fill"/>
                            </Border>

                        </StackPanel>
                        <StackPanel Orientation="Horizontal" Margin="0, 10, 0, 10">
                            <Border BorderThickness="0" HorizontalAlignment="Left" VerticalAlignment="Center" BorderBrush="{StaticResource PhoneAccentBrush}" Margin="355, 0, 0, 0">
                                <Image Name="offimg" Visibility="Collapsed" Source="/Assets/Images/setting-h.png" Width="85" Height="48" Tap="Image_TapOff" Stretch="Fill"/>
                            </Border>

                        </StackPanel>
                    </Grid>
                </DataTemplate>
                </ListBox.ItemTemplate>
            </ListBox>

---

您好，请使用此代码，希望它能为您服务。 注意：仅将ObservableCollection绑定到ListBox以使用INotifyPropertyChanged

                        </Grid.ColumnDefinitions>
                        <StackPanel Orientation="Horizontal" Margin="0, 10, 0, 10">
                            <Border BorderThickness="0" HorizontalAlignment="Left" VerticalAlignment="Center" BorderBrush="{StaticResource PhoneAccentBrush}" Margin="5, 0, 0, 0">
                                <Image Source="{Binding ImageUrl, Converter={StaticResource kconverter}}"  Width="48" Height="48" Stretch="Fill"/>
                            </Border>
                            <TextBlock x:Name="item_name" Text="{Binding Name, Mode=OneWay}" FontSize="{StaticResource PhoneFontSizeLarge}" Margin="10, 0, 0, 0" />
                        </StackPanel>

                        <StackPanel Orientation="Horizontal" Margin="0, 10, 0, 10">
                            <Border BorderThickness="0" HorizontalAlignment="Left" VerticalAlignment="Center" BorderBrush="{StaticResource PhoneAccentBrush}" Margin="355, 0, 0, 0">
                                <Image Name="onimg" Visibility="Visible" Source="/Assets/Images/blue.button.png"  Width="85" Height="20" Tap="Image_TapOn" Stretch="Fill"/>
                            </Border>

                        </StackPanel>
                        <StackPanel Orientation="Horizontal" Margin="0, 10, 0, 10">
                            <Border BorderThickness="0" HorizontalAlignment="Left" VerticalAlignment="Center" BorderBrush="{StaticResource PhoneAccentBrush}" Margin="355, 0, 0, 0">
                                <Image Name="offimg" Visibility="Collapsed" Source="/Assets/Images/setting-h.png" Width="85" Height="48" Tap="Image_TapOff" Stretch="Fill"/>
                            </Border>

                        </StackPanel>
                    </Grid>
                </DataTemplate>
                </ListBox.ItemTemplate>
            </ListBox>

XAML：

                        </Grid.ColumnDefinitions>
                        <StackPanel Orientation="Horizontal" Margin="0, 10, 0, 10">
                            <Border BorderThickness="0" HorizontalAlignment="Left" VerticalAlignment="Center" BorderBrush="{StaticResource PhoneAccentBrush}" Margin="5, 0, 0, 0">
                                <Image Source="{Binding ImageUrl, Converter={StaticResource kconverter}}"  Width="48" Height="48" Stretch="Fill"/>
                            </Border>
                            <TextBlock x:Name="item_name" Text="{Binding Name, Mode=OneWay}" FontSize="{StaticResource PhoneFontSizeLarge}" Margin="10, 0, 0, 0" />
                        </StackPanel>

                        <StackPanel Orientation="Horizontal" Margin="0, 10, 0, 10">
                            <Border BorderThickness="0" HorizontalAlignment="Left" VerticalAlignment="Center" BorderBrush="{StaticResource PhoneAccentBrush}" Margin="355, 0, 0, 0">
                                <Image Name="onimg" Visibility="Visible" Source="/Assets/Images/blue.button.png"  Width="85" Height="20" Tap="Image_TapOn" Stretch="Fill"/>
                            </Border>

                        </StackPanel>
                        <StackPanel Orientation="Horizontal" Margin="0, 10, 0, 10">
                            <Border BorderThickness="0" HorizontalAlignment="Left" VerticalAlignment="Center" BorderBrush="{StaticResource PhoneAccentBrush}" Margin="355, 0, 0, 0">
                                <Image Name="offimg" Visibility="Collapsed" Source="/Assets/Images/setting-h.png" Width="85" Height="48" Tap="Image_TapOff" Stretch="Fill"/>
                            </Border>

                        </StackPanel>
                    </Grid>
                </DataTemplate>
                </ListBox.ItemTemplate>
            </ListBox>

C:

                        </Grid.ColumnDefinitions>
                        <StackPanel Orientation="Horizontal" Margin="0, 10, 0, 10">
                            <Border BorderThickness="0" HorizontalAlignment="Left" VerticalAlignment="Center" BorderBrush="{StaticResource PhoneAccentBrush}" Margin="5, 0, 0, 0">
                                <Image Source="{Binding ImageUrl, Converter={StaticResource kconverter}}"  Width="48" Height="48" Stretch="Fill"/>
                            </Border>
                            <TextBlock x:Name="item_name" Text="{Binding Name, Mode=OneWay}" FontSize="{StaticResource PhoneFontSizeLarge}" Margin="10, 0, 0, 0" />
                        </StackPanel>

                        <StackPanel Orientation="Horizontal" Margin="0, 10, 0, 10">
                            <Border BorderThickness="0" HorizontalAlignment="Left" VerticalAlignment="Center" BorderBrush="{StaticResource PhoneAccentBrush}" Margin="355, 0, 0, 0">
                                <Image Name="onimg" Visibility="Visible" Source="/Assets/Images/blue.button.png"  Width="85" Height="20" Tap="Image_TapOn" Stretch="Fill"/>
                            </Border>

                        </StackPanel>
                        <StackPanel Orientation="Horizontal" Margin="0, 10, 0, 10">
                            <Border BorderThickness="0" HorizontalAlignment="Left" VerticalAlignment="Center" BorderBrush="{StaticResource PhoneAccentBrush}" Margin="355, 0, 0, 0">
                                <Image Name="offimg" Visibility="Collapsed" Source="/Assets/Images/setting-h.png" Width="85" Height="48" Tap="Image_TapOff" Stretch="Fill"/>
                            </Border>

                        </StackPanel>
                    </Grid>
                </DataTemplate>
                </ListBox.ItemTemplate>
            </ListBox>

---

先生，我还有一个问题，我想添加一个列表框选定的项目，请检查此链接