Android marquee标签(跑马灯)

导入依赖: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);

猜你喜欢

转载自blog.csdn.net/chen_md/article/details/79999698