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%