Android用过TextView实现跑马灯效果的示例

  • Z时代
  • 2024-01-10
  • 分类：综合

以前就遇到过这个问题，今天重新拾起来。

跑马灯效果其实就是当文字超过TextView控件宽度的时候，使用滚动的方式显示出来：

方法1：（直接xml搞定）

Android系统中TextView实现跑马灯效果，必须具备以下几个条件：

1、android:ellipsize=”marquee”；

2、TextView必须单行显示，且内容必须超出TextView宽度；

3、TextView要获得焦点才能滚动。

xml代码如下：

  <TextView
   android:id="@+id/alarm_location"
   android:layout_width="20dp"
   android:padding="@dimen/space_4"
   android:layout_height="wrap_content"
   app:layout_rowWeight="2"
   app:layout_columnWeight="2"
   android:text="0"
   android:ellipsize="marquee"
   android:focusableInTouchMode="true"
   android:singleLine="true"
   android:focusable="true"/>

其中：ellipsize属性指的是文字长度超过TextView的长度的时候的显示方式，具体参数有

**Android:ellipsize=”start”—–省略号显示在开头 “…pedia”

android:ellipsize=”end”——省略号显示在结尾 “encyc…”

android:ellipsize=”middle”—-省略号显示在中间 “en…dia”

android:ellipsize=”marquee”–以横向滚动方式显示(需获得当前焦点时)**

方法2（自定义控件）

我看了自己以前的实现方式是这样，也许在低版本的平台上第一种方式适配不好吧。如果达不到要求可以试试这种方式。

TextVeiwSlide.Java　

package edu.hrbeu.ice.mobilecar.widget;
import android.content.Context;
import android.util.AttributeSet;
import android.widget.TextView;
/**
 * @author 编写人： xiaox
 * @date 创建时间： 2017/1/10
 * @Description 功能描述： 该类
 */
public class TextViewSlide extends TextView {
 public TextViewSlide(Context context) {
  super(context);
 }
 public TextViewSlide(Context context, AttributeSet attrs) {
  super(context, attrs);
 }
 @Override
 public boolean isFocused() {
  return true;
 }
}

activity_main.xml　

 <edu.hrbeu.ice.mobilecar.widget.TextViewSlide
  android:id="@+id/alarm_type"
  android:layout_width="@dimen/item_width"
  android:layout_height="wrap_content"
  android:gravity="center_horizontal"
  android:layout_gravity="center_vertical"
  android:layout_weight="1"
  android:padding="8dp"
  android:marqueeRepeatLimit="marquee_forever"
  android:ellipsize="marquee"
  android:scrollHorizontally="true"
  android:focusableInTouchMode="true"
  android:singleLine="true"
  tool:text="asda" />

可以看到第二种方式也就是在自定义控件中获取了该控件的焦点。感觉和第一种没有区别。

目前在android7.1.1和android4.4上实验两种方法都没有问题。

以上是 Android用过TextView实现跑马灯效果的示例 的全部内容， 来源链接： utcz.com/z/313776.html

回到顶部