导入依赖:compile 'com.sunfusheng:marqueeview:1.3.3'
批注:
图文中效果类似于上图 –**– 圈红内容
xml视图
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="@drawable/select_animation02">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_gravity="center_vertical"
android:background="@drawable/select_animation01"
android:orientation="horizontal">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="5dp"
android:layout_marginTop="3dp"
android:text="京东快报" />
<com.sunfusheng.marqueeview.MarqueeView
android:id="@+id/marquee"
android:layout_width="match_parent"
android:layout_height="28dp"
android:layout_marginLeft="10dp"
android:layout_marginTop="3dp"
android:layout_weight="1"
app:mvAnimDuration="1000"
app:mvDirection="bottom_to_top"
app:mvInterval="3000"
app:mvSingleLine="true"
app:mvTextColor="@android:color/black"
app:mvTextSize="15sp"></com.sunfusheng.marqueeview.MarqueeView>
</LinearLayout>
</LinearLayout>
drawable文件下设置:
select_animation01
<?xml version="1.0" encoding="utf-8"?>
<shape
android:shape="rectangle"
xmlns:android="http://schemas.android.com/apk/res/android">
<size android:width="100dp" android:height="30dp"/>
<corners android:radius="15dp"/>
<solid android:color="@color/White"/>
</shape>
select_animation02
<?xml version="1.0" encoding="utf-8"?>
<shape
android:shape="rectangle"
xmlns:android="http://schemas.android.com/apk/res/android">
<size android:width="100dp" android:height="45dp"/>
<corners android:radius="15dp"/>
<solid android:color="#F8F4F5"/>
</shape>
MainActivity总的主要代码实现效果:
//得到跑马灯的控件
MarqueeView marqueeView = view.findViewById(R.id.marquee);
String notice = "设置你所需要轮循的内容";
marqueeView.startWithText(notice);
// 在代码里设置动画
marqueeView.startWithText(notice, R.anim.anim_bottom_in, R.anim.anim_top_out);