2014-12-19 1 views
1

У меня есть основное приложение-концентратор, и первое, что я пытаюсь сделать, - это расположить некоторые элементы GridView. Однако один из элементов имеет другой стиль, и я не могу понять, почему. Почему этот один элемент ведет себя по-другому?Почему мой Windows 8.1 App GridView применяет случайную тему к одному из элементов?

enter image description here

Я начал с проектом HubView стартер и заменить один из разделов со следующим:

  <HubSection Width="500" x:Uid="Section1Header" Header="Section 1"> 
      <DataTemplate> 

       <Grid > 
        <GridView x:Name="DistrictIconGV" Background="Black"> 
         <GridView.ItemTemplate> 
          <DataTemplate> 
           <Grid Height="155" Width="115" Margin="20,5,20,0" VerticalAlignment="Top" HorizontalAlignment="Left" Background="#FFFF5F5F"> 
            <Image Height="80" Width="80" Source="{Binding Icon}" VerticalAlignment="Top" Margin="0,15,0,0"/> 
            <TextBlock HorizontalAlignment="Center" TextAlignment="Center" TextWrapping="Wrap" Text="{Binding Name}" Margin="0,100,0,0" VerticalAlignment="Top" Height="60" Width="115"/> 
            <Ellipse HorizontalAlignment="Left" Height="24" Margin="74,4,0,0" VerticalAlignment="Top" Width="24" RenderTransformOrigin="1.508,0.48" Visibility="{Binding UnreadVisible}"> 
             <Ellipse.Stroke> 
              <SolidColorBrush Color="White" Opacity="0"/> 
             </Ellipse.Stroke> 
             <Ellipse.Fill> 
              <LinearGradientBrush EndPoint="19,30.5" StartPoint="19,0.5" SpreadMethod="Repeat" MappingMode="Absolute"> 
               <GradientStop Color="#FFF9C5C5" Offset="0.253"/> 
               <GradientStop Color="Red" Offset="0.677"/> 
              </LinearGradientBrush> 
             </Ellipse.Fill> 
            </Ellipse> 
            <TextBlock HorizontalAlignment="Center" Margin="69,4,11,0" TextWrapping="Wrap" Text="{Binding UnreadCount}" VerticalAlignment="Top" TextAlignment="Center" Height="22" Width="22" FontSize="16" Visibility="{Binding UnreadVisible}" Foreground="Black"/> 

           </Grid> 
          </DataTemplate> 
         </GridView.ItemTemplate> 
         <!-- This data is only for testing the layout, it will be overriden at run time--> 
         <local:IconListItem IconSource="ms-appx:///Assets/Logo.png" Name="Blitzen" UnreadCount="33"/> 
         <local:IconListItem IconSource="ms-appx:///Assets/Logo.png" Name="Comet"/> 
         <local:IconListItem IconSource="ms-appx:///Assets/Logo.png" Name="Cupid"/> 
         <local:IconListItem IconSource="ms-appx:///Assets/Logo.png" Name="Dasher"/> 
         <local:IconListItem IconSource="ms-appx:///Assets/Logo.png" Name="Dancer"/> 
         <local:IconListItem IconSource="ms-appx:///Assets/Logo.png" Name="Donner"/> 
         <local:IconListItem IconSource="ms-appx:///Assets/Logo.png" Name="Vixen"/> 
         <local:IconListItem IconSource="ms-appx:///Assets/Logo.png" Name="Prancer"/> 
        </GridView> 

       </Grid> 
      </DataTemplate> 
     </HubSection> 

Любые идеи?

+0

Выбран ли? Если вы нажмете другой, это изменится? – BradleyDotNET

+0

Если я нажму на элемент справа, он изменится примерно на секунду и будет выглядеть так, как я ожидал бы, в противном случае он останется темнее остальных, даже если выбран. – ProgrammingPope

ответ

2

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

  <Ellipse HorizontalAlignment="Left" Height="24" Margin="74,4,0,0" VerticalAlignment="Top" Width="24" RenderTransformOrigin="1.508,0.48" Visibility="{Binding UnreadVisible}"> 
       <Ellipse.Fill> 
        <SolidColorBrush Color="#FFF94141" Opacity="0.8"/> 
       </Ellipse.Fill> 
      </Ellipse> 
Смежные вопросы