locked
problème affichage sur page RRS feed

  • Question

  • bonjour a tous,

    je suis entrain de développer une application qui exige plusieurs élément sur une même page.
    bien sur on doit utiliser un "ScrollViewer" mais j'ai un problème d'affichage.
    en effet, quand je défile les éléments, les éléments en haut piétine le titre de la page et de l'application .

    mon code ci-dessous:
    la map reste au premier plan et piétine les titres

    <controls:PanoramaItem Name="ajouter" Header="Ajouter" Loaded="PanoramaItem_Loaded">
                    <!--Liste double trait avec espace réservé pour une image et habillage du texte-->
                        <ScrollViewer Name="scrollViewer1" Height="425" Width="460" HorizontalScrollBarVisibility="Disabled" VerticalScrollBarVisibility="Auto">
                            <Canvas Height="776" HorizontalAlignment="Left" Margin="0" Name="canvas1" VerticalAlignment="Top" Width="410">
                                <my:Map Canvas.Left="5" Canvas.Top="10" Height="368" Name="map1" Width="402" VerticalContentAlignment="Top" CredentialsProvider="XXX" CopyrightVisibility="Visible" ZoomBarVisibility="Visible" ScaleVisibility="Visible" />
                                <TextBlock Canvas.Left="5" Canvas.Top="388" Height="48" Name="distance" Text="0 Km" FontSize="40" Width="300" />
                                <TextBox Canvas.Left="-5" Canvas.Top="450" Height="72" Name="nom" Text="Nom" Width="425" LostFocus="nom_LostFocus" GotFocus="nomAlarm_GotFocus" />
                                <TextBox Canvas.Left="-5" Canvas.Top="532" Height="72" Name="tolerance" Text="Tolérance" Width="368" InputScope="TelephoneNumber" GotFocus="tolerence_GotFocus" LostFocus="tolerence_LostFocus" />
                                <TextBlock Canvas.Left="360" Canvas.Top="537" Height="48" Name="tol" Text="Km" FontSize="40" />
                                <TextBox Canvas.Left="-5" Canvas.Top="634" Height="142" Name="description" Text="Description" Width="425" GotFocus="description_GotFocus" LostFocus="description_LostFocus" />
                            </Canvas>
                        </ScrollViewer>
    </controls:PanoramaItem> 

    voici des image qui explique mieux :

    screenshot 1

    screenshot 2

    lundi 18 juin 2012 12:08

Réponses

  • la solution est de changé la propriété IsEnable de la map a  false quand elle chevauche le titre.
    • Marqué comme réponse ahmedmahdi lundi 4 février 2013 15:36
    • Non marqué comme réponse rudyhuynMVP mardi 5 février 2013 17:55
    • Marqué comme réponse ahmedmahdi mercredi 6 février 2013 13:42
    lundi 4 février 2013 15:36

Toutes les réponses

  • J'ai essayé ton code, et je n'arrive pas à voir les textbox en dessous de la map :/
    lundi 18 juin 2012 13:06
  • chez moi il marche comme tu le vois sur les Screenshots

    peut etre il faut que tu enlève les évènements ou tu as oublié de mettre ca dans une page panoramique

    lundi 18 juin 2012 21:17
  • alors personne n'a d'idée sur ce problème??
    lundi 25 juin 2012 07:48
  • Hello,

    J'ai fait ce que j'ai pu en remodelant ta structure. J'ai pris une listbox et ajouter 2 items. 1 contenant ta map, l'autre contenant tes textblock/box:

    <controls:PanoramaItem Header="first item">
    				<controls:PanoramaItem Name="ajouter" Header="Ajouter" Loaded="PanoramaItem_Loaded">
                        <ListBox ScrollViewer.VerticalScrollBarVisibility="Visible">
                            <ListBoxItem>
                                    <my:Map Canvas.Left="5" Canvas.Top="10" Height="368" Name="map1" Width="402" VerticalContentAlignment="Top" CredentialsProvider="XXX" CopyrightVisibility="Visible" ZoomBarVisibility="Visible" ScaleVisibility="Visible" />
                            </ListBoxItem>
                            <ListBoxItem>
                                <Grid>
                                    <Grid.ColumnDefinitions>
                                        <ColumnDefinition Width="2*"/>
                                        <ColumnDefinition Width="2*"/>
                                    </Grid.ColumnDefinitions>
                                    <Grid.RowDefinitions>
                                        <RowDefinition Height="5*" />
                                        <RowDefinition Height="5*" />
                                        <RowDefinition Height="5*" />
                                        <RowDefinition Height="5*" />
                                    </Grid.RowDefinitions>
                                    <TextBlock Height="48" Name="distance" Text="0 Km" FontSize="40" Width="300" Grid.Column="0" Grid.Row="0" />
                                    <TextBlock Height="48" Name="tol" Text="Km" FontSize="40" Grid.Column="0" Grid.Row="1" />
                                    
                                    <TextBox Height="72" Name="nom" Text="Nom" Width="425" LostFocus="nom_LostFocus" GotFocus="nomAlarm_GotFocus" Grid.Column="1" Grid.Row="0" />
                                    <TextBox Height="72" Name="tolerance" Text="Tolérance" Width="368" InputScope="TelephoneNumber" GotFocus="tolerence_GotFocus" LostFocus="tolerence_LostFocus" Grid.Column="1" Grid.Row="1" />
                                    <TextBox Height="142" Name="description" Text="Description" Width="425" GotFocus="description_GotFocus" LostFocus="description_LostFocus" Grid.Column="1" Grid.Row="2"/>
                                </Grid>
                            </ListBoxItem>
                        </ListBox>
                    </controls:PanoramaItem> 
    			</controls:PanoramaItem>

    Voilà. Le résultat est plutôt ok.

    Dis-moi si sa te va? :-)

    Cordialement,

    Mafyou.

    lundi 25 juin 2012 08:54
  • merci beaucoup dès que je rentre j'essayerai la solution et je te dirai ce qu'elle donnera au final

    merci encore

    MAJ :

    J'ai essayé la solution mais le problème persiste.

    juste une remarque. le problème ne viendrait pas du map plutôt que le ScrollViewer parce que si vous regardez bien les Screenshots les détail de la map disparaissent alors qu'elle même persiste

    • Modifié ahmedmahdi lundi 25 juin 2012 21:25 MAJ
    lundi 25 juin 2012 10:11
  • En effet, je viens de relire votre message... Le 2 titres passent toujours en dessous de la map
    mardi 26 juin 2012 08:09
  • oui :'(
    mardi 26 juin 2012 11:19
  • Bon, j'en ai discuter avec d'autres personnes dont un MCPD WP7: Le contrôle MAP n'est pas entièrement compatible avec un ScrollViewer. Normalement, il devrait ce cacher comme les autres éléments, mais ici, on voit bien que ce n'est pas le cas. La map se retrouve toujours en foreground de l'UI.

    La solution serait de repenser ton UI. La plus part du temps (voir tout le temps), lorsqu'on a une MAP, on l'affiche sur une page complète. Et ce genre de défilement que tu as fait, n'est pas pratique pour l'utilisateur: il va se foirer une fois sur 2 car il voudra aller en bas mais au final il descendra dans la map.
    Donc ce que je te proposerais, c'est de mettre les éléments qui sont en-dessous de la map dans un autre item de ton panorama, ou alors de les mettre dans settings/configuration.

    Cordialement,

    Mafyou.

    mardi 26 juin 2012 11:52
  • ok merci beaucoup pour ton aide :)

    et dès que je trouverai une solution je la publierai ici ;)

    mardi 26 juin 2012 13:37
  • la solution est de changé la propriété IsEnable de la map a  false quand elle chevauche le titre.
    • Marqué comme réponse ahmedmahdi lundi 4 février 2013 15:36
    • Non marqué comme réponse rudyhuynMVP mardi 5 février 2013 17:55
    • Marqué comme réponse ahmedmahdi mercredi 6 février 2013 13:42
    lundi 4 février 2013 15:36
  • ahmedmahdi : cela ne change rien

    Si tu développes pour Windows Phone 8, tu devrais utiliser la nouvelle map

    Si tu veux rester sur WP7 et que tu n'as pas besoin de naviguer dans la carte, alors préfère la génération direct d'une image :

    http://bingmapsdemos.sharepoint.com/Pages/BingMapsStaticMaps.aspx

    à utiliser dans une balise <Image Source="???" />



    S'il vous plaît n'oublier pas de marquer la ou les réponses qui aident à résoudre votre problème. Pour que la discussion puisse être marquée comme résolue


    mardi 5 février 2013 17:55
  • non pour le moment je reste sur WP7 je n'ai pas encore terminer son exploration (la vrai raison : je n'ai toujours pas de téléphone sous WP8) :p
    mercredi 6 février 2013 13:44