android布局跑马灯,Android之跑马灯详解

在市面上，看了很多人的博客，关于Android跑马灯效果的实现，感觉写的都不怎么详细，如EditText抢焦点的问题，Dialog抢焦点的问题都没有得到解决。

在此写出博客，供自已以后参考。

首先，要TextView 实现跑马灯效果的话，我们只需要关注5个属性即可

第一个是要单行显示

第二个是单行显示多余部分如何显示,即 ellipsize 属性的设置

第三个是获取焦点

第四个是走马灯重复次数

第五个是强制的获得了焦点,让 View 响应所有的 touch 事件

相关的代码如下：

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" />

效果图

看样子，我们实现了跑马灯的效果，但是却存在一个bug，下面我们来发现一下这个bug。

假设我们需求要页面上有两个跑马灯的效果，你可能会说很简单，加一个TextView，设置一下属性不就实现了吗。

相关的代码如下：

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" />

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" />

效果图

我们会发现有一个问题，只有一个TextView会有走马灯的效果，产生这个问题的原因是第一个TextView抢得了焦点。

哪我们该如果解决这个问题呢？

这时候，我们就通过自定义TextView来实现

自定义 MarqueeTextView

/**

* Created by Army on 2016/7/4.

*/

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;

}

}

这时候我们在布局文件使用自定义View

android:layout_width="match_parent"

android:layout_height="match_parent">

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" />

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" />

实现的效果图：

如果这时，布局文件中加一个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);

}

我们来看下效果

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

注意了，这里使用的Android Studio开发。

源码下载

Android跑马灯

转载自：爱上博客街 » Android之走马灯详解