c# - 为什么在 .NET MAUI 中删除项目后 ListView 显示不正确？-6ren

c# - 为什么在 .NET MAUI 中删除项目后 ListView 显示不正确？

转载作者：行者123 更新时间：2023-12-05 05:30:09

包含所有笔记的第一屏。

在我删除了第一个笔记之后!

我最近开始使用 .NET MAUI 进行编程。 C# 列表中的元素已正确删除。但是，删除后剩余的元素仅部分显示。这意味着只有例如显示第 4 个元素。对于其他元素，只显示一个空栏。

到目前为止我的代码:XAML:

<VerticalStackLayout>
        <ScrollView>
            <StackLayout>


                <Grid>
                    <Grid.RowDefinitions>
                        <RowDefinition />
                    </Grid.RowDefinitions>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition />
                        <ColumnDefinition />
                    </Grid.ColumnDefinitions>

                    <Image
                        Grid.Column="0"
                        Source="logo.png"
                        WidthRequest="150"
                        HorizontalOptions="Start"
                        VerticalOptions="Start"/>

                    <Label
                        TextColor="Black"
                        Grid.Column="1"
                        Text="TODO"
                        FontSize="35"
                        HorizontalOptions="Start" 
                        VerticalOptions="Start" 
                        Margin="23"/>


                </Grid>





                <Grid BackgroundColor="#24D4A3">
                        <Grid.RowDefinitions>
                            <RowDefinition />
                            <RowDefinition />
                        </Grid.RowDefinitions>
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition />
                            <ColumnDefinition />
                        </Grid.ColumnDefinitions>

                    <ListView 
                    Grid.ColumnSpan="2"
                    Grid.RowSpan="2"
                    RowHeight="100"
                    x:Name="listview">
                    <ListView.ItemTemplate>
                            <DataTemplate >
                            <ViewCell >

                                    <Grid BackgroundColor="#24D4A3">
                                        <Grid.RowDefinitions>
                                            <RowDefinition Height="auto"/>
                                        </Grid.RowDefinitions>
                                        <Grid.ColumnDefinitions>
                                            <ColumnDefinition Width="auto"/>
                                        </Grid.ColumnDefinitions>
                                        <Button BackgroundColor="#DEABF5"
                                            Text="{Binding Title}"  
                                            Clicked="onNoteSelected"
                                            BorderWidth="2"
                                            TextColor="Black"
                                            FontSize="28"
                                            Margin="20"
                                            CornerRadius="100"
                                            WidthRequest="350"
                                            HeightRequest="70"
                                            HorizontalOptions="Center"
                                            VerticalOptions="Start"/>


                                        <Button
                                            BindingContext="{Binding Id}"
                                            Clicked="ToDoSolved" 
                                            BorderWidth="2"
                                            BorderColor="Black"
                                            BackgroundColor="White"
                                            WidthRequest="45"
                                            HeightRequest="45"
                                            CornerRadius="35" 
                                            Margin="0,0,260,0" 
                                            />
                                    </Grid>
                                </ViewCell>
                            </DataTemplate>
                        </ListView.ItemTemplate>
                    </ListView>

                    <ImageButton  
                                Clicked="Settings"
                                Source="settings.png"
                                Grid.Row="0"
                                Grid.Column="2"
                                BorderColor="#2b3c3c" 
                                BorderWidth="0" 
                                BackgroundColor="#34A4EB" 
                                CornerRadius="35" 
                                HorizontalOptions="End" 
                                WidthRequest="70" 
                                HeightRequest="70" 
                                Margin="0,10, 10, 0" 
                                VerticalOptions="Start"/>
                        <ImageButton 
                                Clicked="CreateNote"
                                Source="add.png"
                                Grid.Row="1"
                                Grid.Column="2"
                                BorderColor="#2b3c3c" 
                                BorderWidth="0" 
                                BackgroundColor="#34A4EB" 
                                CornerRadius="35" 
                                HorizontalOptions="End" 
                                WidthRequest="70" 
                                HeightRequest="70" 
                                Margin="0,0,10,10" 
                                Padding="2,0,0,0"/>
                    </Grid>
            </StackLayout>
        </ScrollView>
    </VerticalStackLayout>

C#:

public partial class MainPage : ContentPage
    { 

    private ObservableCollection<Note> notes = new ObservableCollection<Note>();
    public ObservableCollection<Note> Notes 
    {
        get { return notes; }
        set { notes = value; }
    }
    public MainPage()   
    {
        InitializeComponent();

        notes.Add(new Note(1, "My Note1", "I'm ugly"));
        notes.Add(new Note(2, "My Note2", "I'm short"));
        notes.Add(new Note(3, "My Note3", "I'm smart"));
        notes.Add(new Note(4, "My Note4", "I'm smart"));
        //notes.Add(new Note(6, "My Note6", "I'm smart"));
        //notes.Add(new Note(7, "My Note7", "I'm smart"));
        //notes.Add(new Note(8, "My Note8", "I'm smart"));
        //notes.Add(new Note(9, "My Note9", "I'm smart"));
        this.BindingContext= Notes;
        listview.ItemsSource= Notes;
        
    }

    private async void CreateNote(object sender, EventArgs e)
    {
        await Shell.Current.GoToAsync("//CreateNote");
    }

    private async void Settings(object sender, EventArgs e)
    {
        await Shell.Current.GoToAsync("//Settings");
    }

 

    private void ToDoSolved(object sender, EventArgs e)
    {
        Button button= (Button) sender ;
        
        var id = (int)button.BindingContext;
         
        var item = Notes.SingleOrDefault(x => x.Id == id);
        if (item != null) 
        {
            Notes.Remove(item);
            Console.WriteLine(id);
        }
    
    }

    async void onNoteSelected(object sender, EventArgs e)
    {
        Button button= (Button) sender ;

        var id = (int)button.BindingContext;

        //await Shell.Current.GoToAsync("NotePage" + id);
    }
}

如果有任何帮助，我将不胜感激:)

最佳答案

要删除项目，因为你使用的是ListView，你可以删除via按钮点击。但是，您需要按顺序从下到上删除该项目。

代码隐藏:

public partial class MainPage : ContentPage 
{

    

    public ObservableCollection<Note> Notes { get; private set; } = new ObservableCollection<Note>();



    public MainPage()
    {
        InitializeComponent();

        AddNotes();

        BindingContext = this;
    }

    private void AddNotes()
    {
        Notes.Add(new Note("0", "My Note1"));
        Notes.Add(new Note("1", "My Note2"));
        Notes.Add(new Note("2", "My Note3"));
        Notes.Add(new Note("3", "My Note4"));
    }

    private void Button_Clicked(object sender, EventArgs e)
    {
        var note = (Button)sender;


        Note listnote = (from itm in Notes
                         where itm.Id == note.CommandParameter.ToString()

                         select itm).FirstOrDefault<Note>();

        Notes.Remove(listnote);
    }


}

Xaml:



        <VerticalStackLayout>

            <ScrollView>

                <StackLayout>

                    <Grid>

                        <Grid.RowDefinitions>

                            <RowDefinition />

                        </Grid.RowDefinitions>

                        <Grid.ColumnDefinitions>

                            <ColumnDefinition />

                            <ColumnDefinition />

                        </Grid.ColumnDefinitions>



                        <Image

                    Grid.Column="0"

                    Source="logo.png"

                    WidthRequest="150"

                    HorizontalOptions="Start"

                    VerticalOptions="Start"

               />



                        <Label

                    TextColor="Black"

                    Grid.Column="1"

                    Text="TODO"

                    FontSize="35"

                    HorizontalOptions="Start"

                    VerticalOptions="Start"

                    Margin="23"

                    

                    />



                    </Grid>



                    <Grid BackgroundColor="#24D4A3">

                        <Grid.RowDefinitions>

                            <RowDefinition />

                            <RowDefinition />

                        </Grid.RowDefinitions>

                        <Grid.ColumnDefinitions>

                            <ColumnDefinition />

                            <ColumnDefinition />

                        </Grid.ColumnDefinitions>



                        <ListView

                Grid.ColumnSpan="2"

                Grid.RowSpan="2"

                RowHeight="100"

                 x:Name="listview"

                ItemsSource="{Binding Notes}" >

                            <ListView.ItemTemplate>

                                <DataTemplate >
                                    <ViewCell>

                                 

                                        <Grid BackgroundColor="#24D4A3" >

                                            <Grid.RowDefinitions>

                                                <RowDefinition Height="auto"/>

                                            </Grid.RowDefinitions>

                                            <Grid.ColumnDefinitions>

                                                <ColumnDefinition Width="auto"/>

                                            </Grid.ColumnDefinitions>

                                            <Button BackgroundColor="#DEABF5"

                                        Text="{Binding Title}"

                                        BorderWidth="2"

                                        TextColor="Black"

                                        FontSize="28"

                                        Margin="20"

                                        CornerRadius="100"

                                        WidthRequest="350"

                                        HeightRequest="70"

                                        HorizontalOptions="Center"

                                        VerticalOptions="Start"/>


                                                                                   
                                     <Button

                                      

                                       Text="Delete"
                                          Clicked="Button_Clicked"
                                         CommandParameter="{Binding Id}"

                                        BorderWidth="2"

                                        BorderColor="Black"

                                        BackgroundColor="White"

                                       WidthRequest="45"

                                        HeightRequest="45"

                                        CornerRadius="35"

                                        Margin="0,0,260,0"

                                        />


                                        </Grid>

                                    </ViewCell>
                                </DataTemplate>

                            </ListView.ItemTemplate>

                        </ListView>

                    </Grid>

                </StackLayout>

            </ScrollView>

        </VerticalStackLayout>

注意:

 public class Note 
{
    public string Id { get; set; }
    public string Title { get; set; }

    public Note(string id, string title)
    {
         Id = id;
         Title = title;
     }
     
}

关于c# - 为什么在 .NET MAUI 中删除项目后 ListView 显示不正确？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/74772754/

文章推荐： python - 如何将 OPTION 添加到 Click 类实现？

文章推荐： python - 在协程中产生

Android Listview - 如何在 getview() 覆盖中设置 ListView 。 ListView 采用父布局而不是 ListView
我之前在论坛上发布过这个，但我想我不太清楚。我有一个侧边栏 ListView 和一个包含我的控件的主面板。我想在 oncreate() 中突出显示 listview 中的 Activity 项，因为每
listview - 如何在 ListView 中展开卡片以显示更多数据，甚至是另一个 ListView
这里有没有人知道我如何通过 onTap() 扩展 ListView 项(在本例中为卡片)的内容 - 以显示更多选项？您知道那里有可以提供帮助的酒吧吗？我已经看过了，但我不知道要搜索什么？我相信你们都
listview - 行颜色javafx listview
我的 ListView 控件有问题。我希望我的奇数行和偶数行具有不同的颜色，但我想通过代码而不是 FXML 来实现。例如: 第一行 - 绿色第二行 - 红色第三行 - 绿色第四行 - 红色现在
listview - 如何在javafx中获得透明 ListView ？
我有一个 ListView 。我想让单元格背景透明。目前，我正在做以下事情: .list-cell { -fx-background-color: transparent; } 但是，细胞的颜
listview - flutter 。在非常大的 ListView 上设置 ListView 初始位置
我想创建一个几乎无限的元素列表，但我想将列表的初始位置设置为某个特定元素。像这张图片: 其中索引 0 将是初始位置，并且此列表可能会也可能不会在两个方向上延伸很长。我可以像这样创建我的元素: W
listview - ListView 的可见项
有没有办法在JavaFX中获取ListView的可见项？我想确定 JavaFX 应用程序中 ListView 显示的第一个可见项。以下代码found here不适合我(仅适用于 TableView)
listview - 如何在 ListView 中拉伸(stretch) ListView 项
开发人员。我尝试在水平方向拉伸(stretch) ListView 项目。我确实重置了 ItemContainerStyle ，并且水平对齐是拉伸(stretch)的。这是 MainPage.xam
listview - ListView 的可见项
有没有办法在JavaFX中获取ListView的可见项？我想确定 JavaFX 应用程序中 ListView 显示的第一个可见项。以下代码found here不适合我(仅适用于 TableView)
listview - 如何在Jquerymobile中动态排序 ListView
我想问一下: 我有一个预定义顺序的数组。 var order=new Array(); order[0]="Tesco"; order[1]="Interspar"; order[2]="
listview - Flutter:到达嵌套 ListView 的底部时继续在顶部 ListView 中滚动
我希望创建以下内容:当到达内部 Listview 的顶部或底部时，我想继续在顶部 Listview 中滚动。见动图: Gif of what I got so far 一个选项是在到达底部时将内部 L
listview - ajax后刷新jQuery移动 ListView
我正在尝试在 ajax 发布后刷新 jQuery 移动 ListView ，我一直在尝试使用 .trigger("create") 来执行此操作，如下所示: Most Played
python - ListView 缺少 QuerySet。定义 ListView.model、ListView.queryset 或覆盖 ListView.get_queryset()
我真的不明白是什么导致了错误我检查了文档，这里有一个非常相似的例子是我的 views.py，我使用的应用程序下的 urls.py 包含，以及模板 View .py class SchoolListVi
android - ListView 内的 ListView 和嵌套 ListView 的高度问题
我有这个父布局 parent_listview 的列表项具有这种布局 child_listview 的项目有这个布局
android - Listview setOnItemClickListener - 不适用于自定义 ListView ，但适用于简单 ListView
我在单击列表项时获取 listview 项时遇到问题。我得到了 simple listview(Arrayadapter) 的 listview item，但我遇到了 custom listview
listview - 下拉 ListView
我有一个工作正常的 DropdownMenu，但我需要一个 ListView，但我无法转换它。 DropdownMenu 如下所示: // Create the List of devices t
listview - Flutter:ListView.builder 中的 ListView.builder
我想实现一个可滚动(垂直)且其中包含元素的屏幕。所以我把它放在 listview.builder 上。问题是，其中一个元素是另一个水平滚动的 listview.builder。当我实现它时，horiz
listview - SwiftUI 如果 ListView 中的项目太多，为什么 ListView 中的按钮会停止工作？
帮助!我想不通! 为了帮助我学习 SwiftUI，我正在使用 ListView 制作一个简单的杂货 list 应用程序。点击列表中的每个项目时，有些按钮会变成绿色或红色。在我向列表数组中添加太多项目
android - 具有动态加载图像的 ListView - 如何等待 ListView 加载所有图像，然后显示 ListView
所以我知道我们可以等待 ListView 加载，然后显示它。但是，如果我们动态加载正在下载的图像，ListView 将加载但图像尚未加载，因此它们不会出现在 ListView 中。可接受的等待 Li
android - 如何从自定义 ListView 数组适配器类中的 ListView 中删除行并刷新 ListView 中的剩余项目？
我是 Android 的新手，正在努力提高编程技能。在这里，我有自定义 ListView 适配器类，我曾在其中显示 ListView 项目，如 TextView 、图像等。我需要做的是，我在 Li
java - ListView 适配器行为异常。在我单击同一个 ListView 中的按钮后，ListView 中不相关的按钮被单击
So, what I want is to individually disable a button for the concerned item in the ListView when clic

行者123

个人简介

我是一名优秀的程序员,十分优秀！

作者热门文章

滴滴打车优惠券免费领取

全站热门文章

首页

博学

6Ren·AI

商城

c# - 为什么在 .NET MAUI 中删除项目后 ListView 显示不正确？