Android实现跑马灯效果及问题解决

今天公司项目让实现一个跑马灯的效果，因为有用户反映总是忘记还款截至时间，于是就要求做一个单条文字横向滚动的效果，用于提示用户。

GitHub上找了几个跑马灯的库，本以为可以实现自己想要的效果，不过这个库真心不错，推荐给大家：

1.sunfusheng/MarqueeView 这是扩展了 ViewFlipper实现的。

2.gongwen/MarqueeViewLibrary 这也是扩展了ViewFlipper控件实现的

这两个库虽然文字过长时都可以滚动，但是文字显示不全，超出部分被省略掉了

下面总结下我实现过程中遇到的坑

1.首先我是在一个小demo里面对TextView设置下面的属性就可以实现跑马灯效果，代码如下：

<TextViewandroid:layout_width="120dp"android:layout_height="wrap_content"android:layout_gravity="center"android:ellipsize="marquee"android:singleLine="true"android:focusable="true"android:marqueeRepeatLimit="marquee_forever"android:focusableInTouchMode="true"android:scrollHorizontally="true"android:text="abcdefghijklmnopqrstuvwxyz.0123456789"/>

但是我写到项目里面并没有出现滚动效果

最后发现原来焦点被其他控件抢走了

解决的方法我们可以通过自定义TextView来实现：重写 isFocused(),返回为ture

public class MarqueeView extends TextView {public MarqueeView(Context context) {super(context);}public MarqueeView(Context context, @Nullable AttributeSet attrs) {super(context, attrs);}public MarqueeView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {super(context, attrs, defStyleAttr);}@Overridepublic boolean isFocused() {return true;}
}

2.如果这时，布局文件中有两个跑马灯和一个EditText的话，第一个走马灯就会停止。

这是因为EditText获取了焦点，解决方案，重写父类的 onFocusChanged 方法即可
我们在自定义的MarqueeView 中重写onFocusChanged

/*
* 用于EditText抢注焦点的问题
* */
@Override
protected void onFocusChanged(boolean focused, int direction, Rect previouslyFocusedRect) {if (focused) {super.onFocusChanged(focused, direction, previouslyFocusedRect);}
}

3.如果我们弹出一个对话框的话，会发现，弹出对话框后，跑马灯效果就停止了，原因是Dialog抢了焦点，解决方案就是重写下onWindowFocusChanged方案

/*
* Window与Window间焦点发生改变时的回调
* */
@Override
public void onWindowFocusChanged(boolean hasWindowFocus) {if (hasWindowFocus)super.onWindowFocusChanged(hasWindowFocus);
}

至此，我们的Android跑马灯效果已经可以完美的运行了。

不过唯一不足的是，文字过短不会有滚动效果

Android实现跑马灯效果及问题解决相关推荐

Android TextView跑马灯效果与设置文字阴影
TextView跑马灯效果的实现自定义一个TextView public class MusicDesText extends TextView {public MusicDesText(Cont ...
android实现跑马灯效果,TextView实现跑马灯效果就这么简单!
一.方法这里我们用两种方法来实现跑马灯效果,虽然实质上是一种实质就是: 1.TextView调出跑马灯效果 2.TextView获取焦点第一种: 1.TextView调出跑马灯效果 androi ...
android 横向跑马灯,Android 横向跑马灯效果TextView
你瞅啥? 自定义控件MarqueeView import android.content.Context; import android.graphics.Rect; import android.t ...
android实现跑马灯效果(最小集代码)
marquee: 滚动 RepeatLimit:重复限制 ellipsize:椭圆大小
android:ellipsize实现跑马灯效果总结
原文地址:http://www.cnblogs.com/Gaojiecai/archive/2013/06/18/3142783.html android:ellipsize用法如下: 在xml中 a ...
Android 使用 ellipsize 实现文字横向移动效果(跑马灯效果)
实现的效果图如下 ellipsize 可以设置跑马灯效果具体代码设置如下 <TextViewandroid:layout_width="match_parent"andro ...
Android 文本实现跑马灯效果用自带的TextView控件
注意跑马灯需要文本已经确定的情况下设置 1.第一种方式在布局代码中 <TextViewandroid:id="@+id/music_name_tv"android:layou ...
Android文字实现跑马灯效果——两种方法实现
第一种方法,设置textView的属性 <com.example.glide.MarqueeViewandroid:id="@+id/marqueeView"android: ...
android 图片跑马灯动画,【Android自定义View】- 文本跑马灯效果
简介有些时候,文字过长,或者有多条需要展示的文本时,我们需要将文本进行左右滚动,多条文本时,还得上下滚动以实现展示不同的文本内容.这时候就需要我们自定义view来实现文本跑马灯效果了. 效果图 jj ...

Android实现跑马灯效果及问题解决

Android实现跑马灯效果及问题解决相关推荐

最新文章

热门文章