ListBoxItem動畫和不透明度

我有一個帶有樣式的Listbox，包括帶有樣式的Listboxitem。我正在嘗試創建一個將不透明度從0更改爲1的動畫，以使項目顯示在列表中。我設法用下面的代碼來做到這一點：ListBoxItem動畫和不透明度

<Style x:Key="ListBoxStyle1" TargetType="ListBox"> 
      <Setter Property="Foreground" Value="#FF393C3F" /> 
      <Setter Property="OverridesDefaultStyle" Value="true"/> 
      <Setter Property="Template"> 
       <Setter.Value> 
        <ControlTemplate TargetType="ListBox"> 
         <Border Name="Border" Background="{x:Null}" BorderBrush="Black" BorderThickness="0" Padding="0"> 
          <ItemsPresenter /> 
         </Border> 
        </ControlTemplate> 
       </Setter.Value> 
      </Setter> 
     </Style> 

     <Style x:Key="ListBoxItemStyle1" TargetType="ListBoxItem"> 
      <Setter Property="Opacity" Value="0" /> 
      <Setter Property="Height" Value="16" /> 
      <Setter Property="VerticalContentAlignment" Value="Bottom" /> 
      <Setter Property="VerticalAlignment" Value="Bottom" /> 
      <Setter Property="Template"> 
       <Setter.Value> 
        <ControlTemplate TargetType="ListBoxItem"> 
         <Border Name="Border" Padding="10,1,0,0" Background="{x:Null}"> 
          <ContentPresenter VerticalAlignment="Center" SnapsToDevicePixels="True" /> 
         </Border> 
         <ControlTemplate.Triggers> 
          <Trigger Property="IsSelected" Value="true"> 
           <Setter TargetName="Border" Property="Background" Value="{StaticResource arrow}" /> 
          </Trigger> 
          <Trigger Property="IsMouseOver" Value="true"> 
           <Setter Property="Foreground" Value="#FF828689" /> 
          </Trigger> 
          <Trigger Property="IsVisible" Value="true"> 
           <Trigger.EnterActions> 
            <BeginStoryboard> 
             <Storyboard> 
              <DoubleAnimation Storyboard.TargetProperty="Opacity" From="0.0" To="1.0" Duration="0:0:0.4" /> 
             </Storyboard> 
            </BeginStoryboard> 
           </Trigger.EnterActions> 
          </Trigger> 
         </ControlTemplate.Triggers> 
        </ControlTemplate> 
       </Setter.Value> 
      </Setter> 
     </Style>

，因爲它應該（除此之外，我想有更多的時間對當前和下一個項目的動畫之間傳遞的開始，但它與不透明問題的事情的作品。。一切都可以被設置爲透明，背景和所有我使用所選項目透明的PNG刷

的問題是不透明度動畫，最好看到底部的圖片：

Screenshot

這是動畫中間的截圖（當時listboxitems的不透明度爲0.8），並且您可以清楚地看到圍繞所有文本的白色背景。它在第一個選擇的項目中更加明顯，因爲它使用透明的.png。當動畫完成並且不透明度爲1.0時，此背景會神奇地消失。

如何解決這個問題？我忘了設置任何背景嗎？

謝謝你的幫助！

編輯：

我加入我的列表框聲明：

<ListBox Height="239" HorizontalAlignment="Left" Margin="0,0,0,0" Name="listBox1" VerticalAlignment="Top" Width="145" Background="{x:Null}" FontWeight="Black" FontSize="8" BorderBrush="{x:Null}" SnapsToDevicePixels="True" BorderThickness="0" ItemContainerStyle="{StaticResource ListBoxItemStyle1}" Style="{StaticResource ListBoxStyle1}"> 
    <ListBox.ItemsPanel> 
     <ItemsPanelTemplate> 
      <VirtualizingStackPanel VerticalAlignment="Top" Background="{x:Null}" /> 
     </ItemsPanelTemplate> 
    </ListBox.ItemsPanel> 
</ListBox>

而且另一個問題是：如何延遲，每一個ListBoxItem將與幾毫秒的延遲在下單前會顯示動畫？

謝謝你的一切幫助。

來源

2011-01-12 Legoless

你可以添加列表框聲明嗎？我已將這種風格插入到我的一個程序中，並且沒有您遇到的問題。 – 2011-01-12 19:45:56

謝謝你的回答，斯科特。我已經添加了我的列表框聲明。我已經做了更多的測試，並且絕對不依賴於系統。問題出在我的應用程序或WPF中。甚至不需要爲這個問題製作動畫。第二個列表框項目具有不同於0或1.0的樣式設置的不透明度，它以白色背景呈現。即使是沒有背景圖片的列表框項目。我的文章中的圖片呈現在列表框的不透明度爲0.8。 – Legoless 2011-01-15 21:00:52

我已經解決了這個問題。問題是在代碼中我重寫了窗口的AllowTransparency標誌。現在它的工作原理應該如此。如果有人會遇到類似的問題。

來源

2011-01-20 20:30:02 Legoless

這可能是一個依賴於系統的渲染異常，我試過這種風格（只能使用我自己選擇的項目圖像，也是一個透明的PNG），它的工作很好。
在設置爲Rectangle S中Fill財產礦山圖像的一個應用是古怪拉長對我的一臺計算機（其中甚至有相同的操作系統，Win7專業版），所以這不會是聞所未聞......

來源

2011-01-12 20:07:30

ListBoxItem動畫和不透明度

回答

相關問題