Margin и OrientationChanged wp7 - PullRequest
       0

Margin и OrientationChanged wp7

1 голос
/ 06 августа 2011

У меня есть список с ~ 20 элементами. Если ориентация установлена, поле сетки должно быть «140,25,5,0», а ширина стековой панели внутри 320. Если ориентация - ландшафт, то поле должно быть «350,25,5,0 ", а ширина стека составляет 450. Как я могу изменить это динамически, например, в режиме просмотра разговора в WP7?

   <Grid x:Name="LayoutRoot" >
      <ListBox ScrollViewer.VerticalScrollBarVisibility="Disabled"  x:Name="listmy">
        <ListBox.ItemTemplate>
          <DataTemplate>
            <local:TypeMessage  Content="{Binding}">
              <local:TypeMessage.Me>
                <DataTemplate>
                  <Grid HorizontalAlignment="Right" Margin="350,25,5,0">
                    <TextBlock HorizontalAlignment="Right" Margin="0,-25,30,0" TextWrapping="Wrap" Text="Вы" VerticalAlignment="Top"/>
                    <StackPanel Background="{StaticResource PhoneAccentBrush}" Width="320">
                      <TextBlock TextWrapping="Wrap" Foreground="{Binding read_state, Converter={StaticResource ReadConverter}}"  Text="{Binding text}" Margin="5,3" />
                      <TextBlock Text="{Binding date_time}" TextAlignment="Right" Margin="5,0"/>
                    </StackPanel>
                    <Path Data="m 0,0 l 16,0 l 0,16 l -16,-16"
                    Fill="{StaticResource PhoneAccentBrush}"
                    HorizontalAlignment="Right" UseLayoutRounding="False" d:LayoutOverrides="VerticalAlignment, GridBox" Height="16" VerticalAlignment="Top" Margin="0,-15.167,8.757,0" RenderTransformOrigin="0.5,0.5">
                        <Path.RenderTransform>
                            <CompositeTransform Rotation="91.157"/>
                        </Path.RenderTransform>
                    </Path>
                  </Grid>
                </DataTemplate>
              </local:TypeMessage.Me>
              <local:TypeMessage.You>
                <DataTemplate>
                  <Grid Margin="5,25,30,0" >
                    <Path Data="m 0,0 l 0,16 l 16,0 l -16,-16"
                    Fill="{StaticResource PhoneAccentBrush}"
                    Margin="9.5,-16,0,0" UseLayoutRounding="False" Height="16" VerticalAlignment="Top" d:LayoutOverrides="VerticalAlignment" HorizontalAlignment="Left"/>
                    <StackPanel Background="{StaticResource PhoneAccentBrush}" Width="320">
                      <TextBlock TextWrapping="Wrap" Foreground="{Binding read_state,Converter={StaticResource ReadConverter}}"  Text="{Binding text}" />
                      <TextBlock  TextAlignment="Right" Text="{Binding date_time}" />
                    </StackPanel>
                    <TextBlock HorizontalAlignment="Left" Margin="28,-27,0,0" TextWrapping="Wrap" Text="{Binding author_name}" VerticalAlignment="Top"/>
                  </Grid>
                </DataTemplate>
              </local:TypeMessage.You>
            </local:TypeMessage>
          </DataTemplate>
        </ListBox.ItemTemplate>
      </ListBox>
    </Grid>

1 Ответ

0 голосов
/ 08 августа 2011

Вы можете обнаружить изменение ориентации (в событии OnOrientationChanged) и соответствующим образом настроить поля.

С точки зрения работы с большим количеством элементов.
Если элементы имеют одинаковые поля, вы можете связатьзначения и обновите виртуальную машину в обработчике событий.
Если все имеет различное поле, может быть целесообразно использовать разные шаблоны для каждой ориентации.
В качестве альтернативы вы можете перейти к более гибкой компоновке. Не зная, какими должны быть реальные планы, невозможно сказать, насколько это может быть подходящим.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...