Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > WPF и Silverlight > Анимация: объект список отображает белый квадрат


Автор: bernex 18.2.2009, 03:00
Подскажите в чем дело?

http://rutube.ru/tracks/1535184.html?v=7f4087955b48e36ebf57fb11001c60be

после заевршения белый квадрат пропадает!!

код контрола:
Код

<ScrollViewer x:Name="listScroll" IsDeferredScrollingEnabled="False" Style="{StaticResource FavsScrollViewer}">
            <Grid>
                <Grid.Resources>
                    <Style x:Key="StyleItemContainer" TargetType="{x:Type ListBoxItem}">
                        <Setter Property="Template">
                            <Setter.Value>
                                <ControlTemplate TargetType="{x:Type ListBoxItem}">
                                    <Border Background="Transparent"
                                        x:Name="IconBorder"
                                        Margin="8,4,8,4" >
                                        <ContentPresenter />
                                    </Border>
                                    <ControlTemplate.Triggers>
                                        <Trigger Property="IsSelected" Value="true">
                                            <Setter TargetName="IconBorder" Property="BitmapEffect">
                                                <Setter.Value>
                                                    <OuterGlowBitmapEffect Opacity="0.9" GlowColor="Black" GlowSize="12"  />
                                                    <!--DropShadowBitmapEffect ShadowDepth="10" Color="Aqua" /-->
                                                </Setter.Value>
                                            </Setter>
                                        </Trigger>
                                    </ControlTemplate.Triggers>
                                </ControlTemplate>
                            </Setter.Value>
                        </Setter>
                    </Style>
                </Grid.Resources>
                <ListView ItemContainerStyle="{StaticResource StyleItemContainer}" x:Name="listItems" SelectionMode="Single" IsEnabled="True" ItemsSource="{Binding}" BorderBrush="#FF145794" BorderThickness="0,0,0,0"   OpacityMask="{x:Null}" ScrollViewer.HorizontalScrollBarVisibility="Disabled" ScrollViewer.VerticalScrollBarVisibility="Disabled" Background="{x:Null}" Opacity="1" HorizontalContentAlignment="Stretch" HorizontalAlignment="Stretch">
                    <ListView.ItemTemplate>
                    <DataTemplate>
                        <Grid Background="Transparent" Height="40" x:Name="grid">
                         <StackPanel Orientation="Horizontal" Margin="0,0,0,0" x:Name="stackPanel" RenderTransformOrigin="0.5,0.5">
                             <StackPanel.RenderTransform>
                                 <TransformGroup>
                                     <ScaleTransform ScaleX="1" ScaleY="1"/>
                                     <SkewTransform AngleX="0" AngleY="0"/>
                                     <RotateTransform Angle="0"/>
                                     <TranslateTransform X="0" Y="0"/>
                                 </TransformGroup>
                             </StackPanel.RenderTransform>
                             <Image Source="{Binding Path=IconTextLeft, Mode=Default}" VerticalAlignment="Center"/>
                             <TextBlock Text="{Binding Path=Title}"  FontSize="14" d:LayoutOverrides="Height" VerticalAlignment="Center" FontFamily="Arial" FontWeight="Normal" Foreground="#FFFFFFFF" FontStyle="{Binding Path=TitleFontStyle, Mode=Default}" HorizontalAlignment="Left" />
                             <Image VerticalAlignment="Center" Source="{Binding Path=IconTextRight, Mode=Default}"/>
                             <TextBlock TextWrapping="WrapWithOverflow" Text="{Binding Path=Right}"  FontSize="10" Foreground="#FFE4E4E4" FontFamily="Arial"  />
                         </StackPanel>
                         <Image Source="{Binding Path=Icon}" HorizontalAlignment="Left" Width="0"/>
                     </Grid>
                        </DataTemplate>
                    </ListView.ItemTemplate>
                </ListView>
            </Grid>
        </ScrollViewer>

Автор: bernex 19.2.2009, 02:02
Решил как:

Была анимация по свойству: margin.left

Сделал через transform => translate

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)