TextView实现跑马灯效果

最近在自己的音乐播放器项目中要加入跑马灯效果,于是便研究了下。跑马灯效果是TextView自带的一个属性,使用TextView来实现单个、多个跑马灯效果比较简单。

1.单个跑马灯效果

这种比较简单,只需要在布局文件中加入几个属性就可以了:

1
2
3
4
5
6
<TextView
android:ellipsize="marquee"
android:focusable="true"
android:focusableInTouchMode="true"
android:marqueeRepeatLimit="marquee_forever"
android:singleLine="true" />

2.多个跑马灯效果

在同一个layout中,两个TextView如果都设置了焦点,只有后一个会处于focused的状态,这个时候需要写一个类来继承TextView,稍作修改即可:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
public class MarqueeView extends TextView {
public MarqueeView(Context context) {
this(context, null);
}

public MarqueeView(Context context, AttributeSet attrs) {
this(context, attrs, 0);
}

public MarqueeView(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
}

@Override
protected void onFocusChanged(boolean focused, int direction, Rect previouslyFocusedRect) {
super.onFocusChanged(true, direction, previouslyFocusedRect);
}

@Override
public void onWindowFocusChanged(boolean hasWindowFocus) {
super.onWindowFocusChanged(true);
}

@Override
public boolean isFocused() {
return true;
}
}

然后就可以在布局文件中使用了:

1
2
3
4
<MarqueeView
android:ellipsize="marquee"
android:marqueeRepeatLimit="marquee_forever"
android:singleLine="true" />

3.在appwidget中实现跑马灯效果

appwidget比较特殊,它只支持几个固定的view,所以就不能实现多个跑马灯效果,只能实现单个效果,不过和在普通layout中的实现稍微有所不同:

1
2
3
4
5
6
7
8
9
10
11
<TextView
android:ellipsize="marquee"
android:focusable="true"
android:focusableInTouchMode="true"
android:marqueeRepeatLimit="marquee_forever"
android:singleLine="true">
<requestFocus
android:duplicateParentState="true"
android:focusable="true"
android:focusableInTouchMode="true"/>
</TextView>

需要在TextView中加入requestFocus标签才可以实现跑马灯效果。

0%