No tienes acceso a esta clase

隆Contin煤a aprendiendo! 脷nete y comienza a potenciar tu carrera

FlyoutPage y NavigationPage

10/23
Recursos

Aportes 21

Preguntas 6

Ordenar por:

驴Quieres ver m谩s aportes, preguntas y respuestas de la comunidad?

Aqu铆 hay un poco m谩s de informaci贸n sobre XML Namespaces para .NET MAUI:

https://learn.microsoft.com/en-us/dotnet/maui/xaml/namespaces/

Aunque parezca sencillo, me parecio un poco confusa esta clase. Creo que debe ser un paso a paso para los que estamos empezando en esto podamos enenderlo mejor.

Tuve el siguiente problema con el flyout, cree algunas pantallas para navegar y no funcionaba. Falto controlar el evento de selectionCanged para que cambie de pantalla, para que funcione si quieren navegar entre pantallas por el menu. Agreguen en FlyoutSamplePage.xaml.cs

namespace PagePlatziSample.Views.Pages.FlyoutSample;

public partial class FlyoutSamplePage : FlyoutPage
{
	public FlyoutSamplePage()
	{
		InitializeComponent(); 
        flyoutPage.collectionView.SelectionChanged += OnSelectionChanged;
    }

    void OnSelectionChanged(object sender, SelectionChangedEventArgs e)
    {
        var item = e.CurrentSelection.FirstOrDefault() as FlyoutPageItem;
        if (item != null)
        {
            Detail = new NavigationPage((Page)Activator.CreateInstance(item.TargetType));
            if (!((IFlyoutPageController)this).ShouldShowSplitMode)
                IsPresented = false;
        }
    }
}

Primer aporte en a帽os de estudiar en platzi鈥 peque帽o pero creo que puede llegar a servir a alguien, dejo mi c贸digo de mi flyoutpage, tiene un men煤 que actualiza la pagina actual en la que estamos y tambi茅n tiene una opci贸n ara redireccionar a otro archivo xaml鈥

profe! me gusta mucho su manera de explicar pero en esta clase no detallo que ten铆amos que ir armando las carpetas y haciendo modificaciones en la pagina para que funcione el flyout, pero gracias a eso tuve que leer la doc oficial de MAUI para tener una referencia de como hacer este men煤.

adjunto links:

Documentaci贸n:
https://learn.microsoft.com/es-es/dotnet/maui/user-interface/pages/flyoutpage?view=net-maui-7.0

Tutorial en ingles:
https://youtu.be/q4IAXWgfFII

c贸digo de ejemplo para ustedes comunidad linda 馃槄馃榿馃挒
https://github.com/RubenRossnagel/FlyoutMAUI/tree/main

Aunque no fue f谩cil seguir el ritmo porque este ejemplo que explica ya ten铆a varios cambios realizados como las carpetas que agregaron, y otras par de cosas que vi , y aunque me tuve que repetir como 5 veces el video y revisar documentaci贸n, lo logr茅 , coloque un icono tipo hamburguesa para abrir el men煤 y coloque varios iconos.


Agrega librer铆a de 铆conos para utilizarlos m谩s f谩cil!

Les dejo un link donde se explica como agregar un archivo ttf de fuentes y un helper al proyecto para su implementaci贸n:
Custom Fonts & Material Design Icons in .NET MAUI

Adem谩s les dejo como logr茅 su utilizaci贸n en el Flyout ya que es distinta al ejemplo que se muestra agreg谩ndolo al MainPage:

<CollectionView.ItemsSource>
            <x:Array Type="{x:Type Views:FlyoutPageItem}">
                <Views:FlyoutPageItem Title="Home"
                                      Icon="{x:Static Helpers:MaterialDesignIconFonts.Home}"
                                      TargetType="{x:Type local:MainPage}" />
            </x:Array>
        </CollectionView.ItemsSource>
        <CollectionView.ItemTemplate>
            <DataTemplate>
                <HorizontalStackLayout Margin="20">
                    <Image>
                        <Image.Source>
                            <FontImageSource
                                FontFamily="MaterialDesignIcons"
                                Glyph="{Binding Icon}"
                                Color="Black"/>
                        </Image.Source>
                    </Image>
                    <Label Margin="20,0"
                           Text="{Binding Title}"
                           FontSize="20"
                           VerticalOptions="Center"/>
                </HorizontalStackLayout>
            </DataTemplate>
        </CollectionView.ItemTemplate>

La etiqueta de Image debe tener apertura y cierre para anidarle subetiquetas, y es la de FontImageSource la que permite agregar como un Glyph en caracter que representa al 铆cono. Estoy a la orden por cualquier duda!

Para los procesos de instalaci贸n aqu铆 les comparto la informaci贸n de Microsoft .NET MAUI 8. <https://learn.microsoft.com/es-es/dotnet/maui/what-is-maui?view=net-maui-8.0>
falta mas explicaci贸n mejor esta youtube que explica paso a paso cada c贸digo que inserta
Al crear la app en windows no genera la carpeta views
No he podido configurar la FlyoutPage... ![](https://static.platzi.com/media/user_upload/image-6ce8a967-5be9-4f2a-bf49-46ee22678ff8.jpg)
hola hay algun problema con esta version de MAUI ami no me sale Views del todo. sol main page
algo importante de mencionar despu茅s de crear los archivos (views) debes agregar una lineal que indique que vista es la principal en caso seria as铆 ```js MainPage = new View.FlyoutSamplePage(); ``` MainPage = new View.FlyoutSamplePage();
no me agrado mucho la forma de explicar, ya que no llevo de paso a paso de como hacerlo y esto es confuso para los que no tengan tanto conocimiento, recomendaria hacerlo de forma mas sencilla
es mac, y yo uso windows, por eso no me cogen esas librerias::. net6.0-maccatalyst tienen el proyecto en github para windows
Me pide que le ponga un usuario y clave, para poder bajar el proyecto, ayundemen porfavor me sale un empleo de movil , muy pronto, y necesito aprender la t茅cnologia... ![](https://static.platzi.com/media/user_upload/image-0b3b8ac1-8362-409a-8b1a-e5e4b59a5dee.jpg)
![](https://static.platzi.com/media/user_upload/image-4933ed4a-4732-4266-b3cb-9ccf1b45f9e1.jpg)
Ayudeme porfavor necesito ese proyecto en el github, para bajarlo, e ir revisandolo. junto al video.
hola cual es el usuario y clave del github, me pide para bajar el ejemplo.. en los recursos de esta clase: <https://github.com/platzi/curso-netmaui-fundamentos-ui/commit/41167e7050c6000bf725637b928712b87254444f>
Pregunta general, es posible hacer un juego tipo "tapper" (hacer tap en cuadritos)? Se que en React Native se puede y en flutter, pero no se en esta plataforma, por eso pregunto, no encuentro data en google.
Buen dia Tratando de realizar los ejemplos que se muestran en el video, empeizo a tener complicaciones desde que trato de generar el FlyoutSamplePage ya que me marca errores desde la propiedad del Title, hasta el siguiente error al querer crear el Flyoutpage.Flyout y Detail Error: The attachable property 'Flyout' was not found in type 'FlyoutPage'. Me pudieran apoyar con algo de informacion al respecto
hola disculpa tiene el NavigationPage para bajar del repositorio de github