要TextView 实现跑马灯效果的话,我们只需要关注5个属性即可
第一个是要单行显示
第二个是单行显示多余部分如何显示,即 ellipsize 属性的设置
第三个是获取焦点
第四个是走马灯重复次数
第五个是强制的获得了焦点,让 View 响应所有的 touch 事件
<TextView
android:padding="10dp"
android:background="#ff00ff00"
android:layout_centerInParent="true"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:singleLine="true"
android:ellipsize="marquee"
android:focusable="true"
android:focusableInTouchMode="true"
android:marqueeRepeatLimit="marquee_forever"
android:text="Always believe that something wonderful is about to happen" />
如果添加两个我们会发现有一个问题,只有一个TextView会有走马灯的效果,产生这个问题的原因是第一个TextView抢得了焦点。
解决办法:自定义TextView来实现
public class MarqueeTextView extends TextView {
public MarqueeTextView(Context context) {
this(context, null);
}
public MarqueeTextView(Context context, AttributeSet attrs) {
super(context, attrs);
//设置单行
setSingleLine();
//设置Ellipsize
setEllipsize(TextUtils.TruncateAt.MARQUEE);
//获取焦点
setFocusable(true);
//走马灯的重复次数,-1代表无限重复
setMarqueeRepeatLimit(-1);
//强制获得焦点
setFocusableInTouchMode(true);
}
/*
*这个属性这个View得到焦点,在这里我们设置为true,这个View就永远是有焦点的
*/
@Override
public boolean isFocused() {
return true;
}
}
布局设置
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent">
<com.iblogstreet.androidmarquee.ui.MarqueeTextView
android:id="@+id/tvMarqueeOne"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerInParent="true"
android:background="#ff00ff00"
android:ellipsize="marquee"
android:focusable="true"
android:focusableInTouchMode="true"
android:marqueeRepeatLimit="marquee_forever"
android:padding="10dp"
android:singleLine="true"
android:text="Always believe that something wonderful is about to happen" />
<com.iblogstreet.androidmarquee.ui.MarqueeTextView
android:layout_below="@id/tvMarqueeOne"
android:layout_marginTop="20dp"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerInParent="true"
android:background="#ff00ff00"
android:ellipsize="marquee"
android:focusable="true"
android:focusableInTouchMode="true"
android:marqueeRepeatLimit="marquee_forever"
android:padding="10dp"
android:singleLine="true"
android:text="Always believe that something wonderful is about to happen" />
</RelativeLayout>
如果这时,布局文件中加一个EditText的话,第一个走马灯就会停止。
这是因为EditText获取了焦点,解决方案,重写父类的 onFocusChanged 方法即可
我们在自定义的MarqueeTextView中重写onFocusChanged
/*
* 用于EditText抢注焦点的问题
* */
@Override
protected void onFocusChanged(boolean focused, int direction, Rect previouslyFocusedRect) {
if (focused) {
super.onFocusChanged(focused, direction, previouslyFocusedRect);
}
}
但如果我们弹出一个对话框的话,我们会发现,弹出对话框后,跑马灯效果就停止了,原因是Dialog抢了焦点,解决方案就是重写下onWindowFocusChanged方案
/*
* Window与Window间焦点发生改变时的回调
* */
@Override
public void onWindowFocusChanged(boolean hasWindowFocus) {
if (hasWindowFocus)
super.onWindowFocusChanged(hasWindowFocus);
}