码迷,mamicode.com
首页 > 其他好文 > 详细

TextSwitcher实现文字上下翻牌效果

时间:2016-03-16 14:12:13      阅读:162      评论:0      收藏:0      [点我收藏+]

标签:

我们知道TextView是最常用来显示文字的组件,那么加入有一系列的内容,需要逐条的上下滚动播出,这样的效果就需要TextSwitcher来帮忙了。

加入布局中已经存在一个TextSwitcher元素,那么使用时,需要写如下代码

        tvNotice = (TextSwitcher)rootView.findViewById(R.id.tv_notice);
        tvNotice.setFactory(new ViewSwitcher.ViewFactory() {
			//这里 用来创建内部的视图,这里创建TextView,用来显示文字
            public View makeView() {
                TextView tv =new TextView(getContext());
				//设置文字大小
                tv.setTextSize(TypedValue.COMPLEX_UNIT_PX,getResources().getDimension(R.dimen.group_notice_font_size));
				//设置文字 颜色
                tv.setTextColor(getResources().getColor(R.color.font_333333));
                return tv;
            }
        });

然后自己可用timer或者Thread去控制轮播,轮播中控制tvNotice的代码如下

                // 设置切入动画
                tvNotice.setInAnimation(AnimationUtils.loadAnimation(getContext(), R.anim.slide_in_bottom));
                // 设置切出动画
                tvNotice.setOutAnimation(AnimationUtils.loadAnimation(getContext(), R.anim.slide_out_up));
				//items是一个字符串列表,index就是动态的要显示的items中的索引
                tvNotice.setText(itmes.get(index).getTitle());

我们看到上面用到了两个动画效果,需要自己定义,如下

slide_in_bottom.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:fillAfter="true"
    android:shareInterpolator="false"    android:zAdjustment="top"
    >
    <translate
        android:duration="1000"
        android:fromYDelta="100%p"
        android:toYDelta="0" />
</set>


slide_out_up.xml
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:fillAfter="true"
    android:shareInterpolator="false"    android:zAdjustment="top"
    >
    <translate
        android:duration="1000"
        android:fromYDelta="0"
        android:toYDelta="-100%p" />
</set>

技术分享

TextSwitcher实现文字上下翻牌效果

标签:

原文地址:http://blog.csdn.net/bdmh/article/details/50904140

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!