Lottie动画具有较大的填充。如何调整动画大小以查看删除的填充

时间:2019-02-14 17:32:58

标签: android android-animation lottie-android

我有一个很不错的动画文件,当我将它放在视图中时,由于文件的内部填充,它变得很小。因此,我在xml中使用了lottie_scale属性,还使用了this之类的一些资源中提到的LottieComposition,但没有一个成功。

有什么解决办法吗?

3 个答案:

答案 0 :(得分:4)

我认为现在有两种“半”解决方案:

  1. 在 Adob​​e After Effects 上安装 Bodymovin,然后导入动画并将其比例设置为例如500%。
  2. 不是通过 Lottie 比例,而是使用 ScaleX、ScaleY 来缩放 Lottie 动画视图:

XML:

android:scaleX="5"
android:scaleY="5"

以编程方式:

view.setScaleX(5f);
view.setScaleY(5f);

答案 1 :(得分:0)

我遇到了同样的问题,找不到很好的答案,但是为了使其正常工作,我使用了负边距。这很丑陋,但可以快速解决。

  <LottieView
    style={styles.checkAnimation}
    source={require('<path to json>')}
    autoPlay
    loop={false}
    speed={2}
    autoSize
    resizeMode="cover"
  />

const styles = {
  checkAnimation: {
    position: 'absolute',
    width: '150%',
    height: '115%',
    marginLeft: '-17%',
    marginTop: '-7%',
  },
}

答案 2 :(得分:0)

我最近遇到了同样的问题,我求助于使用负填充,这会增加视图内动画项目的大小

<com.airbnb.lottie.LottieAnimationView
            android:id="@+id/my_animation"
            android:layout_width="100dp"
            android:layout_height="100dp"
            android:padding="-10dp"
            app:lottie_fileName="animation.json"
            app:lottie_autoPlay="false"/>

增大或减小填充的值以获得所需的动画大小。