locked
Проблема с лайаутом ListBox RRS feed

  • Вопрос

  • Здравствуйте, возникла слудующая проблема с отображением ListBox'а: верхний элемент (элементы) наполовину скрыты, причем на эмуляторе все отображается нормально, потому увидел это только когда начал тестировать на устройстве. Тут выложил скрин.
      <Popup Name="TitlePopup" HorizontalAlignment="Stretch" VerticalAlignment="Stretch">
       <ListBox Background="#55000000" Padding="40,40,0,0"
           ItemsSource="{Binding Path=Letters}" 
           SelectionChanged="TitleListBox_SelectionChanged">
        <ListBox.ItemsPanel>
         <ItemsPanelTemplate>
          <toolkit:WrapPanel ItemHeight="100" ItemWidth="100" Width="480" Height="768" />
         </ItemsPanelTemplate>
        </ListBox.ItemsPanel>
        <ListBox.ItemTemplate>
         <DataTemplate>
          <Border Width="90" Height="90" Background="{StaticResource PhoneAccentBrush}">
           <TextBlock Text="{Binding Path=LabelTwo}" Style="{StaticResource PhoneTextExtraLargeStyle}" HorizontalAlignment="Left" VerticalAlignment="Bottom" />
          </Border>
         </DataTemplate>
        </ListBox.ItemTemplate>
       </ListBox>
      </Popup>
    
    Пробовал выставлять различный Margin и Padding, смотрел свойства внутреннего ScrollViewer'а у ListBox'a - тоже безрезультатно. Может кто-то сталкивался с подобным.
    Заранее спасибо.

    14 июня 2011 г. 14:32

Ответы

  • Спасибо всем, разобрался - проблема заключалась в том, что элементы ListBox'а, находящегося на попапе используют в качестве верхней границы не верх страницы, а верхний края дисплея, который чуточку выше (системная панель с часами, индикатором заряда и т.п.) тогда как сам ListBox и Popup - верхний края LayoutGrid'a в котором находятся, в результате это и приводит к такому "перекрытию" видимой области.

    Решил проблему установкой отрицательного отступа самому Grid'у и такого же положительного его элементам кроме попапа:

    <Grid x:Name="LayoutRoot" Margin="0,-30,0,0">
    	<Popup Name="TitlePopup">
    ...
    	<controls:Pivot Name="MainPivot" Margin="0,30,0,0">
    ...
    

    • Помечено в качестве ответа Edem Abduvaliev 15 июня 2011 г. 12:43
    15 июня 2011 г. 12:42