美文网首页AndroidAndroid开发Android知识
【Android】TextView的跑马灯效果

【Android】TextView的跑马灯效果

作者: 请叫我大苏 | 来源:发表于2017-03-21 13:45 被阅读2624次

    老规矩,先上图看效果。

    2.gif

    说明

    TextView的跑马灯效果也就是指当你只想让TextView单行显示,可是文本内容却又超过一行时,自动从左往右慢慢滑动显示的效果就叫跑马灯效果。

    其实,TextView实现跑马灯效果很简单,因为官方已经实现了,你只需要通过设置几个属性即可。而且,相关的资料其实网上也有一大堆了,之所以还写这篇博客出来是因为,网上好多人的博客都是只贴代码的啊,好一点的就是附带几张图片,可是这是动画效果啊,不动起来,谁知道跑马灯效果到底长什么样,到底是不是自己想要的效果啊(不会只有题主不知道跑马灯是什么效果吧,我不信!!!)。

    所以,轻度强迫症的题主实在忍不住了,自己写一篇记录一下。另外,最近在学习竖直方向循环滚动显示的TextView,等理解掌握透了后也会记录下来。好了,话不多说,看代码。

    实现

    android:ellipsize="marquee" //设置超出显示区域的内容以跑马灯效果呈现,该值还可以设置成END, START等,就是我们常见的在末尾"..."显示。
    **android:singleLine="true" ** //跑马灯启动的条件之一,另外官方推荐说该方法已废弃推荐使用maxLines="1", 不用去鸟他,用maxLines的话跑马灯效果也不会启动。
    android:focusable="true" //跑马灯启动的条件之一
    android:marqueeRepeatLimit="-1" //设置循环几次,-1表示无限循环

    1.png

    跑马灯不能启动的问题

    如果对TextView的跑马灯不熟悉的话,第一次使用应该会碰到各种跑马灯效果不工作的状态。其实这是因为跑马灯的启动有多个条件,也就是上面的属性除了最后一条设置循环次数的除外,其他的均必须进行设置。TextView得是单行显示,还必须可以获取焦点,这样当TextView获取焦点后跑马灯效果才会启动,如最上面动图里的第二个TextView。

    看下TextView关于跑马灯启动的相关源码你就会更清楚

    2.png

    至于为什么用maxLines="1"替代singleLine="true"时, 跑马灯不会正常工作的原因,我在下一篇博客里有解析,感兴趣的可以看看

    扩展

    其实,跑马灯更常见于TV应用上,因为只有在TV应用上才需要区分获取焦点时的状态以及点击的状态,毕竟TV应用都不支持触屏模式,都是有遥控操作,焦点状态的提示就显得很重要。

    而对于触屏手机来说,当触摸时,也就同时获取点击状态和焦点状态了,所以在触屏手机上,跑马灯更常见的应用场景则是,不管TextView有没有获取焦点,都让跑马灯效果一直处于启动状态,正如最上面动图里的第一个TextView。如果要实现这个效果,只需要继承TextView,重写几个方法就好了。代码如下:

    /**
     * 跑马灯效果的TextView, 使用方式:
     * 启动/关闭:{@link #setMarqueeEnable(boolean)}
     * xml文件中记得设置:android:focusable="true", android:singleLine="true"
     *
     * Created by dasu on 2017/3/21.
     * http://www.jianshu.com/u/bb52a2918096
     */
    
    public class MarqueeTextView extends TextView {
    
        private boolean isMarqueeEnable = false;
    
        public MarqueeTextView(Context context) {
            super(context);
        }
    
        public MarqueeTextView(Context context, @Nullable AttributeSet attrs) {
            super(context, attrs);
        }
    
        public MarqueeTextView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
            super(context, attrs, defStyleAttr);
        }
    
        public void setMarqueeEnable(boolean enable) {
            if (isMarqueeEnable != enable) {
                isMarqueeEnable = enable;
                if (enable) {
                    setEllipsize(TextUtils.TruncateAt.MARQUEE);
                } else {
                    setEllipsize(TextUtils.TruncateAt.END);
                }
                onWindowFocusChanged(enable);
            }
        }
    
        public boolean isMarqueeEnable() {
            return isMarqueeEnable;
        }
    
        @Override
        public boolean isFocused() {
            return isMarqueeEnable;
        }
    
        @Override
        protected void onFocusChanged(boolean focused, int direction, Rect previouslyFocusedRect) {
            super.onFocusChanged(isMarqueeEnable, direction, previouslyFocusedRect);
        }
    
        @Override
        public void onWindowFocusChanged(boolean hasWindowFocus) {
            super.onWindowFocusChanged(isMarqueeEnable);
        }
    }
    
    

    最后

    以上就是使用TextView跑马灯的记录,那么,如果不用官方提供的有没有办法实现呢,答案肯定是有的,怎么做呢,不知道,最近正好没事,自己试试看去。


    QQ图片20180316094923.jpg

    最近刚开通了公众号,想激励自己坚持写作下去,初期主要分享原创的Android或Android-Tv方面的小知识,感兴趣的可以点一波关注,谢谢支持~~

    相关文章

      网友评论

      • xbase:不好使
      • Wang_Guan:android:singleLine="true" //跑马灯启动的条件之一,另外官方推荐说该方法已废弃推荐使用maxLines="1", 不用去鸟他,用maxLines的话跑马灯效果也不会启动。 感谢!!!

      本文标题:【Android】TextView的跑马灯效果

      本文链接:https://www.haomeiwen.com/subject/ogmwnttx.html