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

2020-11-05 10:32:41 浏览数 (1)

本文实例为大家分享了Android使用ViewFlipper实现上下滚动消息的具体代码,供大家参考,具体内容如下

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

代码语言:javascript复制
<?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文件

代码语言:javascript复制
<?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文件

代码语言:javascript复制
<?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文件

代码语言:javascript复制
<?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中将子布局加入列表中,实现上下滚动效果

代码语言:javascript复制
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();
}

以上就是本文的全部内容,希望对大家的学习有所帮助。

0 人点赞