Как отменить запуск анимации в Style.ItemTemplate

@qmel · Регистрация: 03.08.2013

Author24 — интернет-сервис помощи студентам

Здравствуйте.
Стоит такая задача: создается ListBox на основании шаблона из ResourceDictionary:

XML

<ResourceDictionary.MergedDictionaries>
        <ResourceDictionary Source=Style2.xaml"/>
    </ResourceDictionary.MergedDictionaries>
...
<ListBox ItemsSource="{Binding DataObject}" Style="{StaticResource ItemsList}" />

Данные полей из DataObject составляют значений элементов списка. Одно из них - изображение. И требуется при проведении мышью в области изображения - его увеличить, а при выходе мыши - возвращаться к изначальному состоянию. Сама эта задача - решена. Но имеется проблема "дрожания" картинки при зависании мыши чуть выше границы между изображениями (одна картинка увеличена, а нижняя - бьется туда-сюда).

Как можно устранить это? По идее, это можно было бы решить через обработку флагов в событиях, но как это сделать в XAML? Т.е. если за 1 секунду, мышь успела пройти через картинку и уйти - не выполнять ни увеличение, ни, естественно, обратную анимацию.

WPF лишь начинаю изучать и пока не могу найти решения. Пробовал прописать x:Class для словаря и повесить метод на MouseEnter, а уже в нем делать анимацию. И хотя анимация создается в коде, но она не применяется к объекту на деле.

Style2.xaml

XML

<ResourceDictionary
    ...
x:Class="Style2">
...
<Style x:Key="ItemsList" TargetType="{x:Type ListBox}">
<Setter Property="ItemTemplate">
   <Setter.Value>
       <DataTemplate>
          <Image x:Name="Img" Source="{Binding Picture}" MouseEnter="Img_MouseEnter" >
 
          <!--Image.Triggers>
               <EventTrigger RoutedEvent="UIElement.MouseEnter" >                                        
                                        <BeginStoryboard >
                                            <Storyboard>
                                                <DoubleAnimation From="90" To="180" BeginTime="0:0:0.200" Duration="0:0:0.500" Storyboard.TargetName="sceneImg" Storyboard.TargetProperty="Width" />
                                            </Storyboard>
                                        </BeginStoryboard>
                                    </EventTrigger>
               <Image.Triggers/-->
...

C#

Style2.xaml.cs
    public partial class Style2 : ResourceDictionary
    {
        public Style2()
        {
            InitializeComponent();
        }
        private void Img_MouseEnter(object sender, MouseEventArgs e)
        {          ...
            DoubleAnimation imgWidth = new DoubleAnimation()
            {
                From = 90,
                To = 180,
                BeginTime = beginTime,
                Duration = duration
            };
            Storyboard.SetTarget(imgWidth, (Image)sender);
            Storyboard.SetTargetProperty(imgWidth, new PropertyPath(Image.WidthProperty));
 
            Storyboard sb = new Storyboard();
            sb.Children.Add(imgWidth);
            sb.Begin();            
        }
     }

Или же можете подсказать, как обработать элементы этого ListBox как ListBoxItems? Не могу понять, как достучаться до них, чтобы повесить обработчики событий, т.к. в ListBox.Items находится мой объект, а вовсе не коллекция ListBoxItems. Чтобы было что-то подобное?

C++

 foreach (ListBoxItem item in listScenes.Items.SourceCollection)
            {
                item.MouseEnter += Img_MouseEnter;
            }

@~~Водяной Змей~~ · 18.01.2014, 18:08

Здравствуйте!

Если актуально, посмотрите этот пример.

@jecus · 15.08.2014, 13:25

Водяной Змей, а такой вопрос как при выделении элемента оставить ширину как при наведении?и можно ли тоже самое с текстом сделать? заранее спасибо

@jecus 87 / 87 / 36 Регистрация: 27.11.2011 Сообщений: 713
	15.08.2014, 13:25	3
	Водяной Змей, а такой вопрос как при выделении элемента оставить ширину как при наведении?и можно ли тоже самое с текстом сделать? заранее спасибо 0