- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我有一个 ScrollView
其中包含多个 RelativeLayouts
和 LinearLayouts
像这样:
<ScrollView
xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/scroll"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fillViewport="true" >
<RelativeLayout >
</RelativeLayout>
<LinearLayout >
</LinearLayout>
</ScrollView>
PropertyAnimator
垂直缩放我想要的布局来做到这一点。 :
relativeLayout.animate().scaleY(100).setDuration(duration).start();
PropertyAnimator
移动任何
Views
在我垂直展开的下方,以便为展开的布局留出足够的空间。到目前为止它正在工作。
Views
该移动以某种方式最终超出了
ScrollView
的视口(viewport)之外,所以我无法向下滚动并查看
Views
中的信息.本质上,这些 View 的垂直平移使其下部无法到达,因为视口(viewport)也不会扩展。
android:fillViewPort="true"
在
ScrollView
.而且我还尝试使用
setFillViewPort()
以编程方式进行操作但两者都没有任何影响。
最佳答案
当您在 Views
上执行翻译动画时那么那些Views
不要真正在布局内移动。它对用户来说只是视觉效果,但在布局和/或测量时,任何翻译值都将被忽略。它总是好像 Views
根本没有翻译。
我猜你现在正在做的是:
View
你想扩展。 View
. Views
执行翻译动画他们需要移动很多。 Views
移出屏幕。 Views
布局中的位置确定
只是 由布局。你所有的翻译基本上只是为了展示。因此,当您尝试执行上述操作时,实际情况如下:
View
. Views
已经在他们将要到达的位置之后,您的翻译动画只是移动了 Views
进一步下降,超出了他们应该达到的程度。 Views
似乎无缘无故地移出屏幕。 Views
的新尺寸和位置。对你来说,你可以利用它来发挥你的优势。
LayoutTransitions
让 Android 为您执行动画或者您手动执行动画。两种方式都使用一种叫做
ViewTreeObserver
的东西。 .它可用于监听布局或新绘图过程中的更改。
ScrollView
应该只和一个 child 一起工作。因此,为了防止将来出现任何错误或问题,请将您的所有项目放入
ScrollView
另一个内部
LinearLayout
与垂直方向。
LayoutTransition
为您动画更改。因此,如果您使用它,您可以删除所有自定义动画。如果您保留自己的动画,只会与 LayoutTransition
执行的动画产生冲突。 . LayoutTransition
的动画效果你可以自定义它们!我将在下面进一步解释如何做到这一点。 LayoutTransition
.
public static void animateLayoutChanges(ViewGroup container) {
final LayoutTransition transition = new LayoutTransition();
transition.setDuration(300);
if(Build.VERSION.SDK_INT >= Build.VERSION_CODES.JELLY_BEAN) {
transition.enableTransitionType(LayoutTransition.CHANGING);
transition.enableTransitionType(LayoutTransition.APPEARING);
transition.enableTransitionType(LayoutTransition.CHANGE_APPEARING);
transition.enableTransitionType(LayoutTransition.DISAPPEARING);
transition.enableTransitionType(LayoutTransition.CHANGE_DISAPPEARING);
}
container.setLayoutTransition(transition);
}
AnimatorUtils.animateLayoutChanges(linearLayout);
LinearLayout
上调用这个方法在您的
ScrollView
然后对
LinearLayout
的高度/宽度/可见性的所有更改它的直系子代会为你动画。项目添加/删除动画也会为您处理。
LayoutTransitions
在代码中,但您可以通过设置属性来启用基本转换,如项目添加/删除动画
android:animateLayoutChanges="true"
ViewGroup
在您的 xml 布局中。
LayoutTransitions
上只有最少的文档。 ,但涵盖了基础知识
here .
View
或更改有关
View
的某些内容像这样:
// APPEARING handles items being added to the ViewGroup
transition.setAnimator(LayoutTransition.APPEARING, someAnimator);
// CHANGING handles among other things height or width changes of items in the ViewGroup
transition.setAnimator(LayoutTransition.CHANGING, someOtherAnimator);
LayoutTransition
更详细的:
ScrollView
具有固定大小,不会根据
ScrollView
中的子项调整大小,但如果你在
ViewGroup
中实现类似的东西与
wrap_content
那么你需要设置
android:clipChildren="false"
在
View
上方的所有容器上s 您正在尝试制作动画。您也可以使用
setClipChildren()
在代码中。
LayoutTransition
困难得多。 s,主要是因为你要知道很多布局和测量过程,否则你会出问题。然而,一旦掌握了它,您就可以执行各种自定义动画。
View
状态。 View
s 从旧位置到新位置 ViewTreeObserver
完成的.您可以使用多种可能的回调,例如
OnPreDrawListener
或
OnGlobalLayoutListener
.通常你会像这样实现它们:
final Animator animator = setupAnimator();
animator.setTarget(view);
// Record the current state
animator.setupStartValues();
modifyChildrenOfLinearLayout();
linearLayout.getViewTreeObserver().addOnGlobalLayoutListener(new ViewTreeObserver.OnGlobalLayoutListener() {
@Override
public void onGlobalLayout() {
// Remove the callback immediately we only need to catch it this one time.
linearLayout.getViewTreeObserver().removeOnGlobalLayoutListener(this);
// Record the new state
animator.setupEndValues();
// Start the animation
animator.start();
}
});
OnGlobalLayoutListener
更擅长捕捉布局变化,因为它在布局过程完成后被调用。
OnPreDrawListener
在绘制下一帧之前调用,但不能保证布局过程已经完成。但在实践中,这种差异可以忽略不计。更重要的是,在较旧的较慢设备上,布局可能会在新状态下短暂闪烁,因为它们需要一些时间来处理每个步骤。您可以通过使用
OnPreDrawListener
来防止这种情况发生。并返回
false
一次。自
OnGlobalLayoutListener
也仅在较新的 API 级别上完全可用,您应该在大多数情况下使用
OnPreDrawListener
.
LayoutTransitions
没有为您的问题提供足够的解决方案,并且您必须/想要手动实现动画,而不是学习如何有效地执行动画很重要。可以看
LayoutTransition
的源码
here .
LayoutTransition
的实现基本上完全符合我在这里解释的内容,它是最佳实践实现。我经常发现自己在查看
android.animation
的源代码包以学习有关如何有效制作动画的新知识,如果您想了解 Android 上的动画,我建议您也这样做!
ListView
中为扩展单元设置动画。通过使用
OnPreDrawListener
.
requestLayout()
在执行动画时!
关于java - 动画 View 移出我的布局,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29168964/
我为 S3 做了一个额外的布局(所有布局的反叛),人们说,使用 layout-sw320dp 对 s3 有好处。一切正常,s3 选择了这个文件夹,布局在 s3 上看起来很棒。 但是当我尝试在 10"平
我是 CSS 的新手,我正在尝试创建一个 3 列布局。也应该有一个居中的页脚。页面的总高度应该填满当前的屏幕。宽度似乎不对。 目前,页脚在尺寸和位置上似乎都没有对齐。 I have attached
已关闭。这个问题是 off-topic 。目前不接受答案。 想要改进这个问题吗? Update the question所以它是on-topic用于堆栈溢出。 已关闭10 年前。 Improve th
有没有办法确定设备是从右到左的语言(比如阿拉伯语)而不是从左到右的语言(英语)? 需要与旧 API 级别(低至 10)兼容的东西 解决方案 我最终在接受的答案中使用了 xml 方法。更进一步,我还添加
我是 QT 的新手。我试图通过实现下面看到的这个小窗口来理解布局机制。它在作为主窗口的 QWidget 下具有以下元素: 一个延伸到所有客户区域的大型 QWidget。 窗口顶部的两个 QWidget
Accordion 布局是堆叠面板布局,因为此时只有一个面板可见,但我想同时显示两个面板可见,所以我们可以使用 Accordion 面板来做到这一点吗?? 最佳答案 您不能扩展现有的 Accordio
我只是想知道,作为一个假设示例,针对以下场景布局表格的最佳方式是什么: 假设我正在编写一个用于跟踪学生出勤的应用程序。每年年初,我都想添加所有学生(我将手动执行此操作 - 现在,是否应该为这里的每个学
在 CVS 中,我们的项目中有多个目录。 有一个夜间构建,它必须从同一个 CVS 项目的不同目录中提取东西才能构建夜间构建。所以我应该记住这一点,如果我们迁移到 SVN,我必须修改构建脚本以从不同的存
我在 WPF Windows 上有几个列表框,带有 Height="Auto" Width="Auto"在表格上设置 表单大小在不同分辨率下完美匹配,但问题是当我按下最大化按钮时,在表单调整大小时会看
仅供引用,我是 WPF 的新手。 我正在我的 WPF 应用程序中创建一个侧边栏并想要圆角。我学到的不是可以附加到网格的属性。另外,我尝试将文本块放在边框控件中,但我收到的错误消息说“ child 只能
我是CodeIgniter的新手。我想使用包含菜单,页脚等的基本样式创建母版页或布局。我不想在所有页面中编写重复的内容并为所有页面自动加载。例如,我可以在asp.net中创建母版页,或者在asp.ne
我正在使用它来调试应用程序。调试的时候发现底部显示了一个窗口中变量的值,如图- 但是,当我显示表达式时,我得到这样的布局 - 我的问题是,是否可以更改变量窗口的布局也可以在右侧显示值,因为这对我来说很
上面的代码中,放置“as=”footer_links”是什么意思? 最佳答案 as="x" 语法定义模板可用来调用 block 的名称。因此,对于以下内容: 在outer_block.p
我试图编写一个检查注册表值的功能,以查看Windows上的控制台是否启用了颜色。 Computer\HKEY_CURRENT_USER\Console\VirtualTerminalLevel 如果您
我有一个布局,但无法提前定义其所有区域,因为它们是未知的。 稍后创建了 ItemView,我想使用 View 的 ID 作为区域名称在布局中创建一个新区域,这样我就可以说: layout.dynami
我们有一个相当复杂的 gulp 构建过程,涉及多个模块,每个模块都有一个或两个 watch 。我想在一个仪表板中监控这一点,如下所示: 每一列都是一个模块,列内的每一行都是后续的构建步骤。一旦第 1
这就是问题所在,我有一个 MainWindow 类,它在一个设置例程中扩展了 JFrame,我将该类的布局设置为新的 CardLayout()。这一切都工作正常,但是当我从 JFrame 请求布局并将
我正在制作一个简单的迷宫程序,用户可以在其中创建墙壁、路径、起点和终点,单击“解决”,迷宫将被解决。为此,我有一个大小为 640x480 的 java JFrame。在 JFrame 的左侧,我有一个
我正在使用它来调试应用程序。调试的时候发现底部显示了一个窗口中变量的值,如图- 但是,当我显示表达式时,我得到这样的布局 - 我的问题是,是否可以更改变量窗口的布局也可以在右侧显示值,因为这对我来说很
我已经编写了使用 VBox 作为布局的代码。我希望按钮出现在顶行,然后绘制 2 条水平线,在 400x400 场景中应位于 y=200 和 300 处。但输出显示了我给出的不同坐标处的线条。 我知道这
我是一名优秀的程序员,十分优秀!