problème affichage sur page

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

Answer 1

J'ai essayé ton code, et je n'arrive pas à voir les textbox en dessous de la map :/

Answer 2

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

Answer 3

alors personne n'a d'idée sur ce problème??

Answer 4

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.

Answer 5

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

Answer 6

En effet, je viens de relire votre message... Le 2 titres passent toujours en dessous de la map

Answer 7

oui :'(

Answer 8

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.

Answer 9

ok merci beaucoup pour ton aide :)

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

Answer 10

la solution est de changé la propriété IsEnable de la map a  false quand elle chevauche le titre.

Answer 11

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

Answer 12

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