您的位置:首页 > 移动开发 > Android开发

【Android之垂直翻页公告】

2016-06-14 11:41 288 查看
源码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.csdn.net/bear_huangzhen");
marqueeView.startWithList(info);

整个使用起来还是很方便快捷的,感谢原作者的辛勤劳动。
下面是eclipse版本的示例源码,有需要的同学可以直接下载导入。

android之垂直翻页公告下载
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: