none
Différence entre Blend Design et rendu final? RRS feed

  • Discussion générale

  • Bonjour à tous,

    Je ne comprend rien à comment fonctionne Blend en terme de Design.

    Je fais des glisser déposer avec mes éléments (comme des boutons) sur la scène et je ne comprend pas pourquoi lors de l'exécution, les éléments ne sont pas placés comme dans Blend.

    Ex : 

    Voilà à quoi ça ressemble dans Blend

    Et voilà à quoi ressemble le rendu final lorsque je l'exécute mon appli : 

    Pourtant dans mon XAML je n'ai pas mis grand chose :

    <Window
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:s="http://schemas.microsoft.com/surface/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
        mc:Ignorable="d" x:Class="SurfaceShooping.MainPage"
    	Title="SurfaceShooping"
           WindowStyle="None" ResizeMode="NoResize"  WindowStartupLocation="CenterScreen" WindowState="Maximized"
    
        >
      <Grid >
      	<Grid.ColumnDefinitions>
      		<ColumnDefinition/>
      		<ColumnDefinition Width="0*"/>
      	</Grid.ColumnDefinitions>
    		<Button Content="Button" Margin="0,0,62.6,258.6" HorizontalAlignment="Right" Width="73.48" Height="71.6" VerticalAlignment="Bottom" 
                    d:LayoutOverrides="HorizontalAlignment" MinHeight="60" MinWidth="60"/>
    		<Button Content="Button" Margin="314.6,204.8,0,262.2" HorizontalAlignment="Left" MinWidth="229" MinHeight="68" MaxWidth="229" 
                    MaxHeight="68" d:LayoutOverrides="Height"/>
    		<Button Content="Button" Width="154.8" Height="145.2" HorizontalAlignment="Left" Margin="75,166.2,0,0" VerticalAlignment="Top"/>
    
    	</Grid>
    </Window>

    Est-ce que quelqu'un pourrait m'expliquer comment ça fonctionne SVP?? Merci d'avance!


    Christophe H.

    mardi 4 décembre 2012 01:30

Toutes les réponses

  • tout simple, la fenêtre de ton designer n'a pas la même taille que ton app. Or, regarde bien le code xaml, tu as des éléments aligné à gauche, d'autre à droite et pareil en vertical, des fois en haut, des fois en bas.

    Ta fenetre étant plus grande que ton designer et tes éléments comme aimanté aux bords (d'où le horizontalalignment/verticalalignment), ce qui donne cette différence.

    Si tu veux l'éviter, mets tout en top et left 


    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 4 décembre 2012 01:35
    Modérateur
  • MErci pour cette rapide réponse Rudy!

    Mais du coup, tu ne peux pas vraiment désigner dans Blend... A chaque fois que je déplace mes éléments pour les placer comme je veux, les Horizontal/VerticalAlignement sont remis dans mon code... Comment faire?


    Christophe H.

    mardi 4 décembre 2012 01:45
  • du tout, tu as activé le placement quadrant tout simplement, pour le désactiver : 

    Outis> option > planche graphique > décocher utiliser une disposition basée sur un quadrant

    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 4 décembre 2012 11:10
    Modérateur