animation 相关问题

我的毛伊岛 Android 项目之一我在页面中有一个集合视图。我像这样设置集合视图的属性：我的毛伊岛 Android 项目之一，我在页面中有一个集合视图。我像这样设置集合视图的属性： <CollectionView x:Name="ModelList" SelectionMode="None" IsGrouped="False" ItemSizingStrategy="MeasureAllItems" ItemsSource="{Binding Models}" VerticalOptions="FillAndExpand"> <CollectionView.ItemsLayout> <GridItemsLayout Span="2" Orientation="Vertical"/> </CollectionView.ItemsLayout> <CollectionView.ItemTemplate> <DataTemplate x:DataType="models:Model"> <VerticalStackLayout Spacing="3" HorizontalOptions="Center" Margin="0,0,0,10"> <views:CustomView x:Name="Cstm" IsBusy="{Binding IsBusy, Source={RelativeSource AncestorType={x:Type viewmodel:ViewModel}}}" <-- IsBusy property is bindable Property.--> ControlTemplate="{StaticResource TappedView}"> <views:CustomView.GestureRecognizers> <TapGestureRecognizer Command="{Binding ModelDetailsPageCommand, Source={RelativeSource AncestorType={x:Type viewmodel:ProjectPageViewModel}}}" CommandParameter="{Binding Id}"/> </views:CustomView.GestureRecognizers> </views:CustomView> </VerticalStackLayout> </DataTemplate> </CollectionView.ItemTemplate> </CollectionView> 集合视图的项目模板使用自定义视图填充，并且该自定义视图的控件模板是自定义控件。它的布局是这样的： <ControlTemplate x:Key="CustomControl"> <Border x:Name="CustomLayout"> <Grid> <Border attached:ControlTappedAttachedProperty.Value="{TemplateBinding IsBusy}"> <--AttachedProperty--> <Image HeightRequest="60"> <Image.Source> <FontImageSource FontFamily="Font" Glyph="{x:Static Font.ThereIsAProblem}" Color="{StaticResource YsSomeColor}" /> </Image.Source> </Image> </Border> </Grid> </Border> </ControlTemplate> 此控件附加属性的值绑定自定义控件的可绑定属性。附加属性只是对附加的视觉元素进行动画处理。问题就在这里。当点击集合视图中的项目时，所有项目都会有动画。不只是被窃听的那个。尝试过：将选择模式更改为单选不起作用。附加附加属性顶部父对象（Collectionview item -> <views:CustomView/>）而不是自定义控件无效。同样的问题。所以...我很困惑。任何帮助任何想法都将非常感激。预先感谢。在您的代码中，您使用以下绑定： IsBusy="{Binding IsBusy, Source={RelativeSource AncestorType={x:Type viewmodel:ViewModel}}}" 此 BindableProperty 绑定到您的 IsBusy 中的 ViewModel 属性。因此，当您点击某个项目并更改 IsBusy 值时，所有项目都会反映此更改，因为它们共享相同的 ViewModel-level IsBusy 属性。为了确保每个项目都可以有自己的 IsBusy 状态，请考虑向模型类添加 IsBusy 属性。然后，在点击事件中，您可以更新特定项目的 IsBusy 属性，如下所示： model.IsBusy = true; 这样，列表中每个项目的 IsBusy 状态都是唯一的。

animation maui .net-8.0 collectionview attached-properties

回答 1 投票 0

Framer Motion 退出动画，useAnimate() 和 useEffect() 不起作用

我正在尝试使用 useAnimate hook 和 useEffect 以新方式实现退出动画，但由于某种原因它没有启动。这是我在 useEffect 函数中的代码： const [范围、动画...

javascript reactjs animation next.js framer-motion

回答 1 投票 0

当另一个元素更改布局时，如何以动画方式重新定位 DOM？

我有一个无序列表，其中包含列表项。列表项垂直居中。我有一个按钮，可以将新列表项添加到无序列表中。看起来像这样：它... 我有一个无序列表，其中包含列表项。列表项垂直居中。我有一个按钮，可以将新列表项添加到无序列表中。看起来像这样： <ul> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> <li>Item 4</li> <li>Item 5</li> <li>Item 6</li> </ul> ul { height: 300px; display: flex; flex-direction: column; align-items: center; justify-content: center; } 如您所见，高度固定为 300px，这超出了所有项目所需的空间。当我向列表添加节点时，列表项会向上“传送”，以便为新添加的元素腾出位置。项目上升是有道理的，如果没有上升，它就不再居中了。但我希望有某种动画。可以用 CSS 做到这一点吗？我尝试了动画，但它不起作用：/ 我不知道如何在示例中添加元素，但如果您向所有新项目添加一个类 newItem.classList.add("newItem");，那么您可以向该类添加动画。这是一个糟糕的例子，我更改了颜色、大小并旋转了新项目。 add = function() { listItems = document.getElementsByTagName('li'); var lastItem = listItems[listItems.length - 1] var newItem = document.createElement('li'); newItem.innerHTML = "New item"; newItem.classList.add("newItem"); lastItem.parentNode.insertBefore(newItem, lastItem); } .newItem { max-height: 0; opacity: 0; color:black; font-size:10px; -webkit-animation: grow 1s ease-in-out forwards; } @-webkit-keyframes grow { to { max-height: 20px; opacity: 1; color:blue; font-size:20px; rotate:20deg; } } <button onClick="add()">Add</button> <ul> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> <li>Item 4</li> <li>Item 5</li> <li>Item 6</li> </ul>

html css animation

回答 1 投票 0

如何制作跟随鼠标到极限的悬停动画效果？

我正在尝试创建类似于此网页上使用的悬停效果：https://www.halo-lab.com/ 它用于“我们的服务”部分右上角的播放按钮（

javascript html css animation hover

回答 1 投票 0

将 Tkinter 集成到 PYQT 中 - 或者 - 在 PYQT 中绘画

快速提问：我用 PYQT 编写代码，在发现 Tkinter 的画布之前我对它不感兴趣。我正在制作一个 2D 动画应用程序，我需要画布，但我也想在 PYQT 中完成。 ...

animation pyqt tkinter paint

回答 3 投票 0

animation 相关问题

最新问题