Android:使用ViewFlipper实现上下滚动消息

1.在界面布局中加入ViewFlipper的布局

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              android:id="@+id/ll_notice_root"
              android:layout_width="match_parent"
              android:layout_height="40dp"
              android:background="#ffe4c3"
              android:gravity="center_vertical"
              android:orientation="horizontal">

    <ViewFlipper
        android:id="@+id/vf_notice_scroll"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1"/>

</LinearLayout>

2.创建需要滚动的子布局notice_item文件

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              android:layout_width="match_parent"
              android:layout_height="wrap_content"
              android:gravity="center_vertical"
              android:orientation="horizontal">

    <TextView
        android:id="@+id/tv_notice_item_itle"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_marginLeft="5dp"
        android:layout_weight="1"
        android:text="标题"
        android:textColor="#9B6916"
        android:textSize="12dp"/>

    <TextView
        android:id="@+id/tv_notice_item_time"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginLeft="5dp"
        android:text="06:28"
        android:textColor="#999999"
        android:textSize="12dp"/>
</LinearLayout>

3.创建平移、渐变动画文件

(1)进场动画notice_in文件

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">

    <translate
        android:duration="500"
        android:fromYDelta="100.0%p"
        android:toYDelta="0.0"/>

    <alpha
        android:duration="500"
        android:fromAlpha="0.0"
        android:toAlpha="1.0"/>

</set>

(2)离场动画 notice_out文件

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">

    <translate
        android:duration="500"
        android:fromYDelta="0.0"
        android:toYDelta="-100.0%p"/>

    <alpha
        android:duration="500"
        android:fromAlpha="1.0"
        android:toAlpha="0.0"/>

</set>


4.在Activity中将子布局加入列表中,实现上下滚动效果

public void startFlipping(Context context, ViewFlipper vf, ArrayList<MessageBean> infos){
        vf.setInAnimation(context, R.anim.notice_in);
        vf.setOutAnimation(context, R.anim.notice_out);
        int len = infos.size();
        for (int i = 0; i < len; i++) {
            MessageBean info = infos.get(i);
            View v = ((Activity) context).getLayoutInflater().inflate(R.layout.notice_item, null);
            TextView titleTv = (TextView) v.findViewById(R.id.tv_notice_item_title);
            titleTv.setText(info.title);
            TextView timeTv = (TextView) v.findViewById(R.id.tv_notice_item_time);
            timeTv.setText(info.time);
            vf.addView(v);
        }
        vf.startFlipping();
}




猜你喜欢

转载自blog.csdn.net/a526001650a/article/details/76956630