码迷,mamicode.com
首页 > 其他好文 > 详细

istView的项移除

时间:2016-12-02 13:48:31      阅读:207      评论:0      收藏:0      [点我收藏+]

标签:selected   end   main   splay   void   效果   rri   后台   span   

  如标题所言,是做删除ListView绑定项的功能的;鉴于这个功能当时确实花费了很多时间,并且网上也找不到删除所需的案例,所以,我就做了一份案例,仅供各位前辈和同行进行参考,如有不当之处,还望指点,我将再接再励,下面进入正题:

  按照需求我们是需要实现的功能:技术分享点击删除的时候,把整个Items给移除,最初用listview.Items.RemoveAt(Listview.SelectedIndex)这样的方式来删除,调试的时候报“灾难性......”的错误,无奈我只能尝试listview.Items.Remove(Listview.SelectedItems)以及listview.Items.Remove(Listview.SelectedItem[0])等等方式,都不行,不是报灾难性的错误,就是没效果;当时头真的好疼,上网找资料,没有想要的,只能去向群里问大神,大神的想法及编码水平确实让我望尘莫及;但是,即便大神写的代码,也不能实现我想要的功能,只好继续想办法,借鉴c#的其它办法,如果是开发uwp的就知道,写uwp的C#和微软之前的C#有些许的不同,所以我只能继续尝试,后来终于想到,我直接操作绑定的通知列表不就可以了吗,操作完毕再重新绑定一次就好了啊,

  于是,功能就实现了,下面展示详细代码:

 1 <ListView x:Name="listView" Grid.Row="2" 
 2                   HorizontalAlignment="Center" 
 3                   Margin="0" VerticalAlignment="Center">
 4             <ListView.Resources>
 5                 <Style TargetType="ListViewItem">
 6                     <Setter Property="Padding" Value="0"></Setter>
 7                     <Setter Property="HorizontalContentAlignment" Value="Stretch"></Setter>
 8                     <Setter Property="Template">
 9                         <Setter.Value>
10                             <ControlTemplate TargetType="ListViewItem">
11                                 <Grid Background="{TemplateBinding Background}">
12                                     <ContentPresenter
13                                               Content="{TemplateBinding Content}"
14                                               Margin="{TemplateBinding Padding}" />
15                                 </Grid>
16                             </ControlTemplate>
17                         </Setter.Value>
18                     </Setter>
19                 </Style>
20             </ListView.Resources>
21             <ListView.ItemTemplate>
22                 <DataTemplate>
23                     <RelativePanel MinWidth="330" 
24                                    MinHeight="50"
25                                    CornerRadius="3"
26                                    Margin="5"
27                                    BorderBrush="Green" 
28                                    BorderThickness="1">
29                         <TextBlock  Name="tbName" RelativePanel.AlignLeftWithPanel="True"
30                                    Text="{Binding name}"></TextBlock>
31                         <TextBlock RelativePanel.Below="tbName" Margin="0,5,0,0"
32                                    Text="{Binding sex}"></TextBlock>
33                         <TextBlock  Name="tbDelItem" VerticalAlignment="Center" RelativePanel.AlignRightWithPanel="True"
34                                         FontSize="18" Text="&#xE106;" FontFamily="{StaticResource SymbolThemeFontFamily}"
35                                        Foreground="Red" Tapped="tbDelItem_Tapped"
36                                     RelativePanel.AlignVerticalCenterWithPanel="True"></TextBlock>
37                     </RelativePanel>
38                 </DataTemplate>
39             </ListView.ItemTemplate>
40         </ListView>

后台的也加上来:

技术分享
 1 public sealed partial class MainPage : Page
 2     {
 3         ObservableCollection<Info> oc { get; set; } = new ObservableCollection<Info>();
 4         public MainPage()
 5         {
 6             this.InitializeComponent();
 7         }
 8         
 9         protected override void OnNavigatedTo(NavigationEventArgs e)
10         {
11             
12             
13             this.DataContext = this;
14             for (int i = 0; i < 10; i++)
15             {
16                 oc.Add(new Info() { name="张三"+i, sex=""+i});
17             }
18             listView.ItemsSource = oc;
19         }
20 
21         private void tbDelItem_Tapped(object sender, TappedRoutedEventArgs e)
22         {
23             //当我click目标对象的时候,就已经选中了对象所在的整个绑定对象,
24             //然后,移除通知列表ObservableCollection<Info>里面对应的对象
25             Info fn = listView.SelectedItem as Info;
26             oc.Remove(fn);
27             listView.ItemsSource = oc;
28         }
29     }
30 
31     public class Info
32     {
33         public string name { get; set; }
34         public string sex { get; set; }
35         public string hobby { get; set; }
36         
37     }
View Code

代码都已附上,就这样结束吧,如若有问题可以联系,qq:1358338055

 

istView的项移除

标签:selected   end   main   splay   void   效果   rri   后台   span   

原文地址:http://www.cnblogs.com/OliverJones/p/6125104.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!