[开发笔记-2013/01/31] Android频繁更新TextView内容的困惑

104 阅读 0 评论 69 点赞

我是靠谱客的博主可靠野狼，这篇文章主要介绍[开发笔记-2013/01/31] Android频繁更新TextView内容的困惑，现在分享给大家，希望可以做个参考。

今天在做类似播放器的东西，期间遇到了界面更新小问题，纠结了1个多钟才最终想通了，所以在这里写点东西纪录一下，希望以后遇到类似问题，

我一分钟就可以解决。

我的界面中，里面包含了一个具有“跑马灯“效果的TextView（简称MarqueeTextView）。MarqueeTextView的前面是个也是一个显示音乐播放

时间的TextView（简称TimeView）。MarqueeTextView在音乐播放时匀速的移动，而TimeView每隔1秒都会被调用一次setText()来更新音乐

播放的时间进度。

程序在实际运行过程中，MarqueeTextView的移动时出现了"突然移动一大截又马上恢复正常”的现象。于是乎，我的纠结开始了。

纠结1：是不是UI线程做了太多耗时操作。

查UI线程耗时操作，我是通过“代码翻阅”和“输出代码执行时间”来完成的（不知道CSDN的大神们是否更牛B的想法）；最终发现怀疑代码都

在合理范围内，差一点我就想写一个SurfaceView来试试了。

纠结2：是不是Layout文件没写好。

这正是问题所在了，TimeView是WRAP_CONTENT的，而MarqueeTextView是FILL_PARENT的。android.view.TextView在被调用setText这个函数的时候，

应该是先触发setText("")，然后setText("实际内容")。这样TimeView有小段时间width是为0的。所MarqueeTextView根据FILL_PARENT的特性会

在TimeView为0的时候撑开，然后又马上缩小了。所以这样就产生了以上现象。

以下是问题布局：

复制代码

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
29
30
31
32
33
34
35
36

<TextView
android:id="@+id/text_view_time"
android:layout_width="wrap_content"
// 问题所在。最终改为固定宽度。
android:layout_height="32dp"
android:layout_centerVertical="true"
android:layout_marginLeft="48dp"
android:gravity="center"
android:text="00:00/00:00"
android:textColor="@color/white"
android:textSize="20dp" />
<RelativeLayout
android:layout_width="fill_parent"
android:layout_height="32dp"
android:layout_alignParentRight="true"
android:layout_centerVertical="true"
android:layout_marginRight="32dp"
android:layout_toRightOf="@+id/text_view_time"
android:paddingLeft="16dp" >
<com.itap.voiceemoticon.widget.MarqueeTextView
android:id="@+id/text_view_music_title_slide"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_centerInParent="true"
android:ellipsize="none"
android:focusable="true"
android:focusableInTouchMode="true"
android:gravity="center_vertical"
android:marqueeRepeatLimit="marquee_forever"
android:scrollHorizontally="true"
android:singleLine="true"
android:text=""
android:textColor="@color/white"
android:textSize="18dp" />
</RelativeLayout>