XAML e Tabview: come si apre la Tab ?

di
jockerfox
il
2 risposte
jockerfox
jockerfox
Utente Attivo
Iscritto da
giu, 2020
Messaggi:
108

XAML e Tabview: come si apre la Tab ?

Ciao,
una domanda sciocca: ma come si fa ad aprire la Tab dalla pagina di Progettazione (il file MainPage.xaml) ?

Mi spiego meglio. Ho creato una TabView con Xaml che ha diverse schede. Nonostante che possa inserirci i componenti come Button ecc, vorrei anche vedere la Tab in cui ci sto lavorando.

Una volta bastava cliccarci sopra e si apriva la scheda Tab in questione, ma con xaml non è possibile perché se ci clicco si seleziona la tab (quelle della lista delle Tab) ma non apre la Tab (la pagina della Tab). Spero di essermi spiegato.

Morale: come si fa ?

2 Risposte

  • Alka
    Alka
    Utente Famoso
    Iscritto da
    nov, 2014
    Messaggi:
    3116

    Re: XAML e Tabview: come si apre la Tab ?

    jockerfox ha scritto:

    Ho creato una TabView con Xaml che ha diverse schede.
    Che tipo di applicazione hai creato?
    Che versione del framework stai utilizzando?

    Non sono informazioni scontate in quanto XAML ha diverse "incarnazioni".
  • jockerfox
    jockerfox
    Utente Attivo
    Iscritto da
    giu, 2020
    Messaggi:
    108

    Re: XAML e Tabview: come si apre la Tab ?

    Ciao Marco,
    hai ragione:
    Microsoft Visual Studio Community 2019 Versione 16.8.5
    Applicazione creata: UWP
    Pacchetto aggiunto da NuGet: Microsoft.UI.Xaml (che appunto uso TabView)



    e qua metto il codice XAML: 
    <Page
    x:Class="FOS.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:FOS"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:muxc="using:Microsoft.UI.Xaml.Controls"
    mc:Ignorable="d"
    Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">

    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="1*"/>
            <RowDefinition Height="10*"/>
        </Grid.RowDefinitions>
        <Rectangle Grid.Row="0" />
        <!-- Fill="Red" -->
        <Rectangle Grid.Row="1" />
        <!-- qua andava la commandbar-->

<!-- *************************************************************************************************
                                                TABVIEW
     ************************************************************************************************* -->
        <muxc:TabView TabWidthMode="SizeToContent" Grid.Row="1" IsAddTabButtonVisible="False" Height="800">
            <muxc:TabView.TabItems>
                <!-- MAP-->
                <muxc:TabViewItem Header="MAP" IsClosable="False">
                    <muxc:TabViewItem.IconSource>
                        <muxc:BitmapIconSource UriSource="/Assets/APP_Map.png" ShowAsMonochrome="False" />
                    </muxc:TabViewItem.IconSource>
                    
                </muxc:TabViewItem>
                <!-- FLIGHT LOG-->
                <muxc:TabViewItem Header="FLIGHT LOG" IsClosable="False">
                    <muxc:TabViewItem.IconSource>
                        <muxc:BitmapIconSource UriSource="/Assets/APP_MapFL.png" ShowAsMonochrome="False" />
                    </muxc:TabViewItem.IconSource>
                    <StackPanel Orientation="Horizontal">
                        <Button x:Name="button1" Content="Button1"/>
                        <Button x:Name="button2" Content="Button2"/>
                    </StackPanel>
                </muxc:TabViewItem>
                <!-- METEO-->
                <muxc:TabViewItem Header="METEO" IsClosable="False">
                    <muxc:TabViewItem.IconSource>
                        <muxc:BitmapIconSource UriSource="/Assets/APP_Meteo.png" ShowAsMonochrome="False" />
                    </muxc:TabViewItem.IconSource>
                    <ComboBox x:Name="comboBox" Width="120"/>

                </muxc:TabViewItem>
                <!-- NETWORK-->
                <muxc:TabViewItem Header="NETWORK" IsClosable="False">
                    <muxc:TabViewItem.IconSource>
                        <muxc:BitmapIconSource UriSource="/Assets/APP_Network.png" ShowAsMonochrome="False" />
                    </muxc:TabViewItem.IconSource>
                </muxc:TabViewItem>
                <!-- BBOX EXPORT-->
                <muxc:TabViewItem Header="EXPORT" IsClosable="False">
                    <muxc:TabViewItem.IconSource>
                        <muxc:BitmapIconSource UriSource="/Assets/APP_BBox.png" ShowAsMonochrome="False" />
                    </muxc:TabViewItem.IconSource>
                </muxc:TabViewItem>
                <!-- BBOX CLEAN-->
                <muxc:TabViewItem Header="CLEAN" IsClosable="False">
                    <muxc:TabViewItem.IconSource>
                        <muxc:BitmapIconSource UriSource="/Assets/APP_BBoxClean.png" ShowAsMonochrome="False" />
                    </muxc:TabViewItem.IconSource>
                </muxc:TabViewItem>
                <!-- OPTION-->
                <muxc:TabViewItem Header="OPTION" IsClosable="False">
                    <muxc:TabViewItem.IconSource>
                        <muxc:BitmapIconSource UriSource="/Assets/APP_Option.png" ShowAsMonochrome="False" />
                    </muxc:TabViewItem.IconSource>
                </muxc:TabViewItem>
                <!-- LOG-->
                <muxc:TabViewItem Header="LOG" IsClosable="False">
                    <muxc:TabViewItem.IconSource>
                        <muxc:BitmapIconSource UriSource="/Assets/APP_Log.png" ShowAsMonochrome="False" />
                    </muxc:TabViewItem.IconSource>
                </muxc:TabViewItem>
                <!-- INFO-->
                <muxc:TabViewItem Header="INFO" IsClosable="False">
                    <muxc:TabViewItem.IconSource>
                        <muxc:BitmapIconSource UriSource="/Assets/APP_Info.png" ShowAsMonochrome="False" />
                    </muxc:TabViewItem.IconSource>
                </muxc:TabViewItem>
                <StackPanel/>
            </muxc:TabView.TabItems>
        </muxc:TabView>


        <!-- <StackPanel Grid.Column="1" Grid.Row="1">
        </StackPanel> -->
    </Grid>
</Page>
Devi accedere o registrarti per scrivere nel forum
2 risposte