【Android之垂直翻页公告】

最新推荐文章于 2025-05-14 12:17:04 发布

原创最新推荐文章于 2025-05-14 12:17:04 发布 · 2.5k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#android #垂直 #翻页 #源码

本文介绍了Android垂直翻页公告的实现，提供了源码github地址，包括android studio和eclipse两个版本。核心类MarqueeView继承自ViewFlipper，通过动态生成TextView并设置点击事件实现翻页效果。文章还提到了关键API的使用，如设置动画间隔时间。

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

源码github地址是：https://github.com/sfsheng0322/MarqueeView

该源码是android studio版本，本文最后提供的是eclipse版本，以供大家学习参考。

效果如图：

源码分析：

核心类：MarqueeView.java

核心思想是根据公告内容的数量动态生成相应数量的TextView对象，将所有的TextView对象加入到MarqueeView对象中，并且为每一个TextView设置监听点击事件，然后翻页轮播。

该类继承了ViewFlipper <--- ViewAnimator <--- FrameLayout

该类常用的api如下：

setInAnimation() ---> 设置进场动画

setOutAnimation() ---> 设置出场动画

setFlipInterval() ---> 设置间隔时间

自定义属性attrs.xml：

<?xml version="1.0" encoding="utf-8"?>
<resources>

    <declare-styleable name="MarqueeViewStyle">
        <attr name="mvInterval" format="integer|reference" />
        <attr name="mvAnimDuration" format="integer|reference" />
        <attr name="mvTextSize" format="dimension|reference" />
        <attr name="mvTextColor" format="color|reference" />
    </declare-styleable>

</resources>

进场动画anim_marquee_in.xml：

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <translate
        android:duration="500"
        android:fromYDelta="100%p"
        android:toYDelta="0"/>
    <alpha
        android:duration="500"
        android:fromAlpha="0.0"
        android:toAlpha="1.0"/>
</set>

出场动画anim_marquee_out.xml：

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <translate
        android:duration="500"
        android:fromYDelta="0"
        android:toYDelta="-100%p"/>
    <alpha
        android:duration="500"
        android:fromAlpha="1.0"
        android:toAlpha="0.0"/>
</set>

在layout文件中的定义：

        <com.svse.ch01.views.MarqueeView
            android:id="@+id/marqueeView1"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_centerVertical="true"
            android:layout_marginLeft="8dp"
            android:layout_toRightOf="@+id/iv_loudspeaker1"
            app:mvAnimDuration="1000"
            app:mvInterval="3000"
            app:mvTextColor="@color/white"
            app:mvTextSize="14sp" />

在java代码中的调用：

        MarqueeView marqueeView = (MarqueeView) findViewById(R.id.marqueeView1);

        List<String> info = new ArrayList<String>();
        info.add("1. 大家好，我是bear。");
        info.add("2. 欢迎大家关注我哦！");
        info.add("3. blog.youkuaiyun.com/bear_huangzhen");
        marqueeView.startWithList(info);

整个使用起来还是很方便快捷的，感谢原作者的辛勤劳动。

下面是eclipse版本的示例源码，有需要的同学可以直接下载导入。

android之垂直翻页公告下载