animation 相关问题

有人知道如何将一个图像视图移动到另一个图像视图吗？我正在考虑这种方法，或者也许是另一种我不知道的方法......没问题，我很高兴学习它有人知道如何将一个图像视图移动到另一个图像视图吗？我正在思考这种方法，或者也许是另一种我不知道的方法...没问题，我很高兴学习它 <set xmlns:android="http://schemas.android.com/apk/res/android" android:fillAfter="true" android:interpolator="@android:anim/linear_interpolator"> <translate android:duration="800" android:fromXDelta="0%p" android:toXDelta="75%p" /> 我知道 fromXDelta （是起始位置）和 toXDelta 是应该到达的位置..但是？查看我的图片示例，我如何知道我的起始位置和到达位置是什么？添加细节：这里有 4 种不同的布局，但只有 3 种有权重值。顶部的按钮栏是一个布局，但不像其他栏那样有重量。所以从上开始放置卡片在布局1中我想要到达的位置在布局2中从下开始的扑克牌在布局中3 我还在 xml 中使用 onClick 方法而不是 onClickListeners。谢谢您可以像这样以编程方式执行此操作： @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); final View target = findViewById(R.id.target); final View viewToMove = findViewById(R.id.viewToMove); viewToMove.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { translate(viewToMove, target); } }); } private void translate(View viewToMove, View target) { viewToMove.animate() .x(target.getX()) .y(target.getY()) .setDuration(1000) .start(); } 这里是 XML : <?xml version="1.0" encoding="utf-8"?> <FrameLayout android:id="@+id/activity_main" xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent"> <ImageView android:id="@+id/target" android:layout_width="50dp" android:layout_height="50dp" android:layout_gravity="center" android:background="@color/colorAccent"/> <ImageView android:id="@+id/viewToMove" android:layout_width="50dp" android:layout_height="50dp" android:background="@color/colorPrimary" android:src="@mipmap/ic_launcher"/> </FrameLayout> 最终我在用户 Francois L 的帮助下成功了。有很多工作要做，我不会说不，因为我需要重新设计我的所有布局，但这不是问题，因为我学到了新的东西，我很感激我能得到的所有帮助。如果有人想将一个视图（任何类型的视图，图像视图，按钮视图，文本视图等）移动到另一个视图，则两个视图必须处于相同的布局，这是最重要的部分。实现这一点的代码是： //here is the part of initialization ImageView poz1Inamic = (ImageView) findViewById(inamic_pozitia1); ImageView poz1InamicSpateCarte = (ImageView) findViewById(inamic_pozitia1spatecarte); //other code poz1InamicSpateCarte.setVisibility(View.INVISIBLE); //here is the initialization of the arrive position ImageView cartePusaInamic = (ImageView) findViewById(R.id.cartePusaInamic); //the code for moving from start position to arrive position poz1Inamic.animate() .x(cartePusaInamic.getX()) .y(cartePusaInamic.getY()) .setDuration(333) .start(); private fun moveImageToSpots() { ObjectAnimator.ofFloat(cardToMove, "translationX", cardToMove.x,targetCard.y.toFloat()).apply { duration = 500 start() } ObjectAnimator.ofFloat(cardToMove, "translationY", cardToMove.y, targetCard.y.toFloat()).apply { duration = 500 start() } }

android android-studio animation android-imageview

回答 3 投票 0

Three.js 动画图层蒙版

我一直在学习Playcanvas，在示例中，我发现我可以通过遮盖骨骼来实现图层动画。我的问题是我可以在 Three.js 上应用类似的东西吗？这是例子： http...

animation three.js

回答 2 投票 0

d3：如何在不同的选择上正确链接转换

我正在使用流行的 d3 库的 V3，基本上想要有三个转换，依次进行：第一个转换应应用于退出选择，第二个转换应应用于更新选择...

animation d3.js transition

回答 1 投票 0

在 React Native 中从上到下到并排的动画视图

我正在尝试为我的应用程序创建自定义标题，并且我想以某种方式为其设置动画。我将描述它应该被动画化的方式。如果你看一下图片，你会看到一个......

react-native animation

回答 1 投票 0

为什么我的对话框元素在打开时没有动画？

我有一个元素，我正在尝试为其设置动画，但它不起作用。这是元素我有一个 <motion.dialog> 元素，我正在尝试为其设置动画，但它不起作用。这就是元素 <motion.dialog onClick={closeModal} className={className} initial={{insetBlockStart:"500px"}} animate={{insetBlockStart:"0px"}} > 当我点击打开按钮时 const eventModalHandle=()=>{ setEventModal(true); document.querySelector(`.event-modal`).showModal(); } 这是模式应该打开的方式，但动画不起作用。我不想用 div 来做。这是打开后的浏览器结果，但它不是动画： <dialog class="event-modal" style="transform: translateY(0%) translateZ(0px); inset-block-start: 0px;">test modal</dialog> 这就是我在 React 中使用 Framer Motion 设置输入动画的方式： const [togglereactionList, settogglereactionList] = useState(false); const SocialDialog = useRef<HTMLDialogElement>(null); useEffect(() => { togglereactionList ? SocialDialog.current?.showModal() : SocialDialog.current?.close(); }, [togglereactionList]); JSX <AnimatePresence mode="wait"> {togglereactionList && ( <motion.dialog initial={{ opacity: 0, y: 300 }} transition={{ duration: 1 }} animate={{ opacity: togglereactionList ? 1 : 0, y: togglereactionList ? 0 : 300, }} ref={SocialDialog} onClose={(e) => { settogglereactionList((prev) => !prev); }} </motion.dialog> )} </AnimatePresence>

html reactjs animation dialog framer-motion

回答 1 投票 0

如何在flutter中创建这个带有精灵效果的widget？

动画您好，Flutter 社区，我正在尝试在 Flutter 中创建类似于下面 GIF 所示的动画：我想要实现的目标：我有一个可拖动的小部件（一个盒子），用户可以...

flutter animation

回答 1 投票 0

Web 应用程序中的 Maya 动画

我想在网站中使用 Maya(Autodesk) 3D 动画，但我不知道如何执行此操作。首先，这可能吗？如果是的话我应该使用什么工具。我应该把它放在 html div 还是 ifra 中...

javascript animation frontend maya

回答 2 投票 0

如何通过VBA向一个形状添加多个动画？

运行以下代码，然后开始幻灯片放映以查看以下代码的作用。私有子宏1() '删除所有幻灯片对于 i = ActivePresentation.Slides.Count 为 1 步骤 -1 ...