Can someone help me when I run my Maui app in Windows I get This was working, but I do not know what I did Maui 8.0.9 Windows Net 8

Hello, Deleted the json from the raw folder, and use a gif instead From Eduardo Gomez Romero 's solution. Best Regards, Leon Lu If the answer is the right solution, please click " Accept Answer " and kindly upvote it. If you have extra questions about this answer, please click "Comment". Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.

detach debugger

Eduardo Gomez Romero 845

Can someone help me

when I run my Maui app in Windows I get

User's image

This was working, but I do not know what I did

Maui 8.0.9
Windows

Net 8

Eduardo Gomez Romero 845 Reputation points

2024-10-09T07:51:46.37+00:00

by the way what is just in time

Eduardo Gomez Romero 845

I think I found the error, but I need some help
User's image

So, if I home a home page, and it doesn't go there, the error has to be related to the shell

Shell

<Shell
    x:Class="METROWIND.AppShell"
    xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
    xmlns:controls="clr-namespace:METROWIND.Controls"
    xmlns:local="clr-namespace:METROWIND"
    xmlns:popup="clr-namespace:Syncfusion.Maui.Popup;assembly=Syncfusion.Maui.Popup"
    xmlns:rex="clr-namespace:METROWIND.Resources"
    xmlns:toolkit="http://schemas.microsoft.com/dotnet/2022/maui/toolkit"
    xmlns:views="clr-namespace:METROWIND.Views"
    xmlns:vm="clr-namespace:METROWIND.ViewModel"
    x:Name="shelly"
    x:DataType="vm:AppShellViewModel"
    
    Shell.FlyoutBehavior="{OnIdiom Desktop=Locked,
                                   Phone=Disabled}"
    Shell.NavBarIsVisible="{OnIdiom Desktop=False,
                                    Phone=True}">

    <Shell.Behaviors>
        <toolkit:EventToCommandBehavior
            Command="{Binding AppearingCommand}"
            CommandParameter="{Binding Source={x:Reference shelly}}"
            EventName="Appearing" />
    </Shell.Behaviors>

    <Shell.FlyoutHeader>
        <Grid>
            <Image
                x:Name="ConfigMenu"
                Margin="10,0,0,15"
                HeightRequest="48"
                HorizontalOptions="Start"
                Source="windmill.png"
                WidthRequest="48">
                <Image.GestureRecognizers>
                    <TapGestureRecognizer Command="{Binding OpenMenuCommand}" />
                </Image.GestureRecognizers>
            </Image>
            <popup:SfPopup
                Padding="20"
                AbsoluteY="10"
                AutoSizeMode="Both"
                IsOpen="{Binding IsMenuPopUpOen}"
                RelativePosition="AlignBottomLeft"
                RelativeView="{x:Reference ConfigMenu}"
                ShowHeader="False"
                ShowOverlayAlways="False">
                <popup:SfPopup.PopupStyle>
                    <popup:PopupStyle CornerRadius="0" />
                </popup:SfPopup.PopupStyle>
                <popup:SfPopup.ContentTemplate>
                    <DataTemplate>
                        <Grid
                            BackgroundColor="#908686"
                            ColumnDefinitions="*,*"
                            HorizontalOptions="Fill">
                            <Label
                                Margin="10,0,0,0"
                                Text="{x:Static rex:AppResource.CompactMode}"
                                VerticalTextAlignment="Center" />
                            <controls:CustomSwitch
                                Grid.Column="1"
                                IsToggled="{Binding IsCompactMode}"
                                OnColor="Green">
                                <Switch.Behaviors>
                                    <toolkit:EventToCommandBehavior
                                        Command="{Binding ToogleSwitchCommand}"
                                        CommandParameter="{Binding IsCompactMode}"
                                        EventName="Toggled" />
                                </Switch.Behaviors>
                            </controls:CustomSwitch>
                        </Grid>
                    </DataTemplate>
                </popup:SfPopup.ContentTemplate>
            </popup:SfPopup>
        </Grid>
    </Shell.FlyoutHeader>

    <ShellContent
        ContentTemplate="{DataTemplate views:StartupPage}"
        Shell.FlyoutBehavior="Disabled"
        Shell.FlyoutItemIsVisible="False"
        Shell.NavBarIsVisible="False" />

    <!--  Flyout for Desktop  -->
    <FlyoutItem
        Title="{x:Static rex:AppResource.HomePage}"
        Icon="home.png">
        <ShellContent
            ContentTemplate="{DataTemplate views:HomePage}"
            Route="HomePage"
            Shell.NavBarIsVisible="False" />
    </FlyoutItem>



    <FlyoutItem
        Title="{x:Static rex:AppResource.Stations}"
        Icon="stations.png">
        <ShellContent
            ContentTemplate="{DataTemplate views:ChargingStationsMapPage}"
            Route="ChargingStationsMapPage" />
    </FlyoutItem>


    <FlyoutItem
        Title="{x:Static rex:AppResource.TurbinesCollection}"
        Icon="turbines.png">

        <ShellContent
            ContentTemplate="{DataTemplate views:TurbinesCollectionPage}"
            Route="TurbinesCollectionPage"
            Shell.NavBarIsVisible="False" />
    </FlyoutItem>


    <!--  TabBar for Phone  -->
    <TabBar>
        <Tab
            Title="{x:Static rex:AppResource.HomePage}"
            Icon="home_mobile.png">

            <ShellContent
                ContentTemplate="{DataTemplate views:HomePage}"
                Route="HomePage"
                Shell.NavBarIsVisible="False" />
        </Tab>
        <Tab
            Title="{x:Static rex:AppResource.Stations}"
            Icon="station_mobile.png">

            <ShellContent
                ContentTemplate="{DataTemplate views:ChargingStationsMapPage}"
                Route="ChargingStationsMapPage" />
        </Tab>

        <Tab
            Title="{x:Static rex:AppResource.TurbinesCollection}"
            Icon="turbines_mobile.png">

            <ShellContent
                ContentTemplate="{DataTemplate views:TurbinesCollectionPage}"
                Route="TurbinesCollectionPage"
                Shell.NavBarIsVisible="False" />
        </Tab>
    </TabBar>

</Shell>

shell vm

namespace METROWIND.ViewModel {
    public partial class AppShellViewModel : ObservableObject {

        public const string FLYOUT_KEY = "flyouy_key";
        public const string SWITCH_KEY = "switch_key";

        private AppShell? _shell;

        [ObservableProperty]
        bool isCompactMode;

        [ObservableProperty]
        bool isMenuPopUpOen;

        [RelayCommand]
        void Appearing(AppShell appShell) {
            _shell = appShell;
        }

        [RelayCommand]
        void OpenMenu() {
            IsMenuPopUpOen = true;
        }

        [RelayCommand]
        void ToogleSwitch() {

            if (IsCompactMode) {
                _shell!.FlyoutWidth = 65;
            } else {
                _shell!.FlyoutWidth = 300;
            }

            IsMenuPopUpOen = false;

        }
    }
}

Shell Code Behind

namespace METROWIND {

    public partial class AppShell : Shell {

        public AppShell(AppShellViewModel appShellViewModel) {
            InitializeComponent();
            BindingContext = appShellViewModel;

            Routing.RegisterRoute(nameof(TurbineDetailPage), typeof(TurbineDetailPage));
            Routing.RegisterRoute(nameof(ArticleDetailsPage), typeof(ArticleDetailsPage));

            RenderBasedOnDevice(DeviceInfo.Idiom);
        }

        public void RenderBasedOnDevice(DeviceIdiom idiom) {

            var itemsToRemove = new List<ShellItem>();

            foreach (var item in Items) {
                if ((idiom == DeviceIdiom.Phone && item is FlyoutItem) ||
                    (idiom == DeviceIdiom.Desktop && item is TabBar)) {
                    itemsToRemove.Add(item);
                }
            }

            foreach (var item in itemsToRemove) {
                Items.Remove(item);
            }

        }
    }
}

Afecte platforms windows I already tried to delete obj,bin,clean and rebuld

MauiProgram

    public static class MauiProgram {

        public static MauiApp CreateMauiApp() {
            var builder = MauiApp.CreateBuilder();
            builder
                .UseMauiApp<App>()
#if WINDOWS
                .UseMauiCommunityToolkitMaps("xxxx")
#elif ANDROID || IOS
           .UseMauiMaps()
#endif
                .UseSkiaSharp()
                .UseMauiCommunityToolkit()
                .ConfigureSyncfusionCore()
                .ConfigureFonts(fonts => {
                    fonts.AddFont("OpenSans-Regular.ttf", "OpenSansRegular");
                    fonts.AddFont("OpenSans-Semibold.ttf", "OpenSansSemibold");
                    fonts.AddFont("fa-solid-900.ttf", "fa");
                    fonts.AddFont("MaterialIcons-Regular.ttf", "ma");
                }).ConfigureMauiHandlers(handlers => {

                    handlers.AddHandler<BorderlessEntry, EntryHandler>();
                });

            BorderlessEntryHandler.ApplyCustomHandler();



#if DEBUG
            builder.Logging.AddDebug();
#endif
            //Services
            builder.Services.AddSingleton<HttpClient>();
            builder.Services.AddSingleton<HttpService>();
            builder.Services.AddSingleton<TurbinesService>();
            builder.Services.AddSingleton<GeoapifyService>();
            builder.Services.AddSingleton(Connectivity.Current);
            builder.Services.AddSingleton<DeviceLanguageService>();



            //Pages and ViewModels

            builder.Services.AddTransient<ChargingStationsMapPage, ChargingStationsMapPageViewModel>();
            builder.Services.AddTransient<TurbinesCollectionPage, TurbinesCollectionPageViewModel>();
            builder.Services.AddTransient<ArticleDetailsPage, ArticleDetailsPageViewModel>();


            builder.Services.AddSingleton<AppShell, AppShellViewModel>();
            builder.Services.AddSingleton<StartupPage, StartupPageViewModel>();
            builder.Services.AddSingleton<TurbineDetailPage, TurbineDetailPageViewModel>();
            builder.Services.AddSingleton<HomePage, HomePageViewModel>();

            return builder.Build();
        }
    }
}

Leon Lu (Shanghai Wicresoft Co,.Ltd.) 76,551 Reputation points Microsoft Vendor

2024-10-10T01:16:54.3433333+00:00

Does this error occur when application start or other scenarios?

Can you share code about HomePage and HomePageViewModel?

if I home a home page, and it doesn't go there, the error has to be related to the shell

What is your root page in the App.xaml.cs? Do you have a page before appshell appear?
Eduardo Gomez Romero 845 Reputation points

2024-10-10T06:33:25.01+00:00

never mind I fix it, the problem is skiashap
Leon Lu (Shanghai Wicresoft Co,.Ltd.) 76,551 Reputation points Microsoft Vendor

2024-10-10T06:46:20.67+00:00

Thank for your update. Can you share detailed information about this solution?
Eduardo Gomez Romero 845 Reputation points

2024-10-10T07:47:57.6+00:00

I just deleted the json from the raw folder, and use a gif instead
Leon Lu (Shanghai Wicresoft Co,.Ltd.) 76,551 Reputation points Microsoft Vendor

2024-10-10T07:56:52.06+00:00

Thanks for your update. I added your comment to answer. It will help others who have similar issue.

1 answer

Leon Lu (Shanghai Wicresoft Co,.Ltd.) 76,551 Reputation points Microsoft Vendor

2024-10-10T07:56:07.3266667+00:00

Hello,

Deleted the json from the raw folder, and use a gif instead

From Eduardo Gomez Romero's solution.

Best Regards,

Leon Lu

If the answer is the right solution, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".

Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.
Please sign in to rate this answer.

0 comments No comments
Sign in to comment

Use comments to ask for clarification, additional information, or improvements to the question.

Share via

detach debugger

1 answer

Your answer