Lista de itens – Exercícios resolvidos em .NET MAUI

Que tal aprender a criar apps utilizando o .NET MAUI. O post desafia o leitor apresentando um super exercício. Além de apresentar o exercício o post demonstra a sua resolução e apresenta um material de consulta para o mesmo aprender a programar em .NET MAUI.

Lista de itens – Exercícios resolvidos em .NET MAUI

Material de estudo

Enunciado

Crie uma página no .NET MAUI que exiba uma lista de itens. Os itens devem ser exibidos em uma ListView e devem conter um título e uma descrição. Os dados da lista devem ser definidos no código.

Resposta

Você pode criar uma página com uma lista de itens em um aplicativo .NET MAUI seguindo estas etapas:

1. Crie um novo projeto .NET MAUI no Visual Studio ou no Visual Studio Code.
2. Abra o arquivo MainPage.xaml e adicione uma ListView para exibir os itens.
3. Defina os dados da lista no código-behind e configure o binding para exibir os itens na ListView.

Aqui está um exemplo de código para MainPage.xaml:

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="MyApp.MainPage">
    <ListView x:Name="itemListView">
        <ListView.ItemTemplate>
            <DataTemplate>
                <ViewCell>
                    <StackLayout>
                        <Label Text="{Binding Title}" />
                        <Label Text="{Binding Description}" />
                    </StackLayout>
                </ViewCell>
            </DataTemplate>
        </ListView.ItemTemplate>
    </ListView>
</ContentPage>

E o código-behind (MainPage.xaml.cs):

using Microsoft.Maui.Controls;
using System.Collections.Generic;

namespace MyApp
{
    public partial class MainPage : ContentPage
    {
        public MainPage()
        {
            InitializeComponent();

            // Defina os dados da lista
            List<Item> items = new List<Item>
            {
                new Item { Title = "Item 1", Description = "Descrição do Item 1" },
                new Item { Title = "Item 2", Description = "Descrição do Item 2" },
                new Item { Title = "Item 3", Description = "Descrição do Item 3" }
            };

            itemListView.ItemsSource = items;
        }

        public class Item
        {
            public string Title { get; set; }
            public string Description { get; set; }
        }
    }
}

Super dicas

Aprenda na prática como programar, criar seus próprios jogos e publicá-los nas principais lojas de venda e divulgação. Então se inscreva no curso Desenvolvedor de jogos 2D e 3D.

Se inscreva em nosso canal e compartilhe as matérias que gostar com os seus colegas.

Participe dos nossos grupos de estudos do Facebook e Telegram.

Aproveite também e venha fazer parte do nosso clube de vantagens e ter acesso exclusivo a vídeos, tutoriais, cursos e muito mais.

Clique no link para se tornar um membro do dfilitto – clube de vantagens e ter acesso a todos os benefícios do nosso clube