Adroid之自定义跑马灯（超简单）

最新推荐文章于 2024-04-04 09:40:04 发布

DW0113

最新推荐文章于 2024-04-04 09:40:04 发布

阅读量281

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/qq_42234894/article/details/83831408

本文详细介绍了如何使用Android的ObjectAnimator实现跑马灯效果。通过创建三个不同的Y轴平移动画，结合动画集合AnimatorSet，实现了信息从屏幕下方升起并无限轮播的效果。文章提供了完整的XML布局和Java代码示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、XML

1.一个图片（我这里用的是fresco图片加载框架必须用SimpleDraweeView来加载图片），一个文字描述（需要什么控件自己选择）

 <!--跑马灯-->
    <RelativeLayout
        android:id="@+id/homepager_RelativeLayout_pao"
        android:layout_width="match_parent"
        android:layout_height="@dimen/dp_50"
        android:layout_below="@+id/homepager_ViewPager_jiu_layout"
        android:orientation="horizontal">

        <com.facebook.drawee.view.SimpleDraweeView
            android:id="@+id/homepager_pao_SimpleDraweeView"
            android:layout_width="@dimen/dp_50"
            android:layout_height="@dimen/dp_50" />

        <TextView
            android:id="@+id/homepager_pao_TextView"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:gravity="center" />
    </RelativeLayout>

二、java代码

1.创建三个动画

第一个动画：y轴平移坐标：0,0；（中间展示区域）

第二个动画：y轴平移坐标：0,-50；（从中间到上方移动）

第三个动画：y轴平移坐标：50,0；（从下方到中间移动）

2.将动画添加到集合中（必须按照上面的顺序添加）

3.集合中的每个动画都执行两秒

4.开始执行

5.设置无限次播放动画（因为动画集合并不存在setRepeatCount（）方法所以必须在

animatorSet.addListener(new Animator.AnimatorListener(){}监听中的结束方法中再次执行动画，这样每次结束后，就会再次执行，实现无限轮播）

6.设置内容（要在animatorTop的监听中去设置内容，当animatorTop执行结束后，重新给内容赋值，下面就会执行animatorBottom （从下方到中间）的动画，这样用户就不会看见内容改变的过程。只能看到一条新的信息从下方升上来。）

//跑马灯
    private void annimotion() {
        ObjectAnimator animatorTop = ObjectAnimator.ofFloat(homepager_relativeLayout_pao,"translationY",0,-50);
        ObjectAnimator animatorBottom = ObjectAnimator.ofFloat(homepager_relativeLayout_pao,"translationY",50,0);
        ObjectAnimator animator = ObjectAnimator.ofFloat(homepager_relativeLayout_pao,"translationY",0,0);
        //创建动画集合
        animatorSet = new AnimatorSet();
        animatorSet.playSequentially(animator,animatorTop,animatorBottom);
        //集合中的每个动画都执行两秒
        animatorSet.setDuration(2000);
        //开始执行动画
        animatorSet.start();

        //设置跑马灯内容
        animatorTop.addListener(new Animator.AnimatorListener() {
            @Override
            public void onAnimationStart(Animator animator) {

            }

            @Override
            public void onAnimationEnd(Animator animator) {
                position++;
                homepager_pao_textView.setText(jiuBeanList.get(position%jiuBeanList.size()).getName());
                homepager_pao_simpleDraweeView.setImageURI(jiuBeanList.get(position%jiuBeanList.size()).getIcon());
            }

            @Override
            public void onAnimationCancel(Animator animator) {

            }

            @Override
            public void onAnimationRepeat(Animator animator) {

            }
        });

        //设置无限播放动画
        animatorSet.addListener(new Animator.AnimatorListener() {
            @Override
            public void onAnimationStart(Animator animator) {

            }

            @Override
            public void onAnimationEnd(Animator animator) {
                //每次动画结束后在次执行
                animatorSet.setDuration(2000);
                animatorSet.start();
            }

            @Override
            public void onAnimationCancel(Animator animator) {

            }

            @Override
            public void onAnimationRepeat(Animator animator) {

            }
        });
    }