今天看到了一种文字翻滚的效果,感觉非常实用。所以就自己试着做出了这种效果,现在把它分享给大家!
首先在res目录下新建anim文件夹,再在其中分别新建push_up_in.xml和push_up_out.xml 两个文件,具体如下:
push_up_in.xml 文字进入的效果 时长设置为0.5秒
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
<translate android:fromYDelta="100%p" android:toYDelta="0" android:duration="500"/>
<alpha android:fromAlpha="0.0" android:toAlpha="1.0" android:duration="500" />
</set>
push_up_out.xml 文字淡出的效果 设置动画时长 duration
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
<translate android:fromYDelta="0" android:toYDelta="-100%p" android:duration="500"/>
<alpha android:fromAlpha="1.0" android:toAlpha="0.0" android:duration="500" />
</set>
如果要实现 文字的不停的向上翻滚的效果,那么这时我们可以使用使用到ViewFlipper,用它把我们希望显示的内容包裹起来。具体实现代码如下:
main.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical" >
<TextView
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="@string/hello" />
<ViewFlipper
android:id="@+id/viewfli"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="#ffffff">
</ViewFlipper>
</LinearLayout>
TextViewAmonActivity.java
package com.taoblog;
import java.util.ArrayList;
import java.util.List;
import android.app.Activity;
import android.os.Bundle;
import android.widget.TextView;
import android.widget.ViewFlipper;
/**
* @Description:TODO 实现文字的上下翻滚的效果
*/
public class TextViewAmonActivity extends Activity {
private ViewFlipper viewfli;
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
init();
}
/**
* @Description: 对UI进行初始化操作
*/
private void init()
{
viewfli = (ViewFlipper) super.findViewById(R.id.viewfli);
// 为ViewFlipper设置内容
List<TextView> list = this.getData();
int size = list.size();
for(int i = 0; i < size; i++)
{
viewfli.addView(list.get(i));
}
// 设置文字in/out的动画效果
viewfli.setInAnimation(this, R.anim.push_up_in);
viewfli.setOutAnimation(this, R.anim.push_up_out);
viewfli.startFlipping();
}
/**
* @Description: 要显示的文字信息
* 在实际开发中,此方法可为对服务器返回数据的解析操作
* @return list
*/
private List<TextView> getData()
{
List<TextView> list = new ArrayList<TextView>();
for(int i = 0; i < 5; i++)
{
TextView tv = (TextView) new TextView(this);
tv.setText("这是测试用的第 "+i+" 行测试数据:");
list.add(tv);
}
return list;
}
}
至此,功能全部实现!
分享到:
相关推荐
android源代码--TextView 向上滚动效果 自定义一个Layout继承LinearLayout,内含TextView, 用TranslateAnimation实现向上滚动的效果。 如果只有一行字,就不滚动, 2行以上才有必要滚动。
文字向上滚动效果.rar文字向上滚动效果.rar文字向上滚动效果.rar文字向上滚动效果.rar文字向上滚动效果.rar文字向上滚动效果.rar
Axure-歌词向上滚动交互效果实例,可直接打开,编辑和修改成成自己想要的样式。 Axure-歌词向上滚动交互效果实例,可直接打开,编辑和修改成成自己想要的样式。 Axure-歌词向上滚动交互效果实例,可直接打开,编辑和...
文字向上滚动-有停顿.rar
VerticalMarqueeView - 新闻向上不断滚动跑马灯效果
文字向上滚动.rar文字向上滚动.rar文字向上滚动.rar文字向上滚动.rar文字向上滚动.rar文字向上滚动.rar
1. EasyRollingNumber项目介绍 >
本文实例讲述了Android TextView实现垂直滚动效果的方法。分享给大家供大家参考,具体如下: 在TextView中,如果文本很长,可能需要实现垂直滚动显示文本的效果。这里需要在XML布局文件中为TextView设置如下几个属性...
这个压缩文件包,里面包含了完整的demo(js/css/html)。可以实现新闻列表的循环滚动效果。只要将js,c s s文件引入后,代码复制html中的,数据动态调用数据库的,就可以实现了。
文字在文本框中能自动向上滚动,支持移动端
自动播放pdf文件。源码为android-pdfview,github源码下载地址为:https://github.com/JoanZapata/android-pdfview,本压缩包中已经下载。在android-pdfview基础上,修改为自动翻页播放。
向上滚动的文字显示.rar向上滚动的文字显示.rar向上滚动的文字显示.rar向上滚动的文字显示.rar向上滚动的文字显示.rar向上滚动的文字显示.rar
改造LayoutManager实现弧形滚动和中间放大的效果
Android实现TextView文字滚动
跑马灯特效--文字滚动 跑马灯特效--文字滚动
Android数字自动滚动效果,修复之前报错不能运行的情况
Android-X5WebView基本封装和使用 通过OkHttp拦截器、自定义CookieJar有效完成客户端与H5端的Cookie同步管理 监听WebView的加载进度 滚动条的设置(隐藏或者显示,内侧显示还是外侧显示) 优化X5WebView的预加载问题...
关于Android实现文字上下滚动这个功能,我目前有两种方法实现: 一个是在TextView 中加上翻转的动画效果,然后设置循环滚动;一种是改写ViewPager 的滚动方向,使它从下到上进行滚动,并设置循环滚动; 首先介绍第...
文字列表无缝向上滚动,只要设定总体高度,多少行都能让文字滚动。
Android--ListView滚动到底部自动加载下页数据Demo