android使用TextView实现跑马灯的效果(1)

android使用TextView实现跑马灯的效果

1.activity_main.xml


xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context="com.imooc.marqueetextviewdemo.MainActivity">

        android:id="@+id/tv_01"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/name" />

android使用TextView实现跑马灯的效果(1)_第1张图片

2.text文字内容:
strings.xml:

MarqueeTextViewDemo
MarqueeTextViewDemo,MarqueeTextViewDemo,MarqueeTextViewDemo,MarqueeTextViewDemo

图例:

android使用TextView实现跑马灯的效果(1)_第2张图片

未设置任何属性之前文字过多,自动换行显示。

3.设置单行跑马灯
只需要在TextView中添加4条属性

android:singleLine="true"  //设置文字为一行显示,未能显示的文字用三个“...”显示

android:ellipsize="marquee"  //去掉三个“...”

android:focusable="true"  
android:focusableInTouchMode="true"

完整代码例:
    android:id="@+id/tv_01"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/name"
android:singleLine="true"
android:ellipsize="marquee"
android:focusable="true"
android:focusableInTouchMode="true"
/>

android使用TextView实现跑马灯的效果(1)_第3张图片

图例:

android使用TextView实现跑马灯的效果(1)_第4张图片

未运行layout里显示样式,整个为一行。

运行效果图例:

android使用TextView实现跑马灯的效果(1)_第5张图片

文字开始跑马灯了。

你可能感兴趣的:(android使用TextView实现跑马灯的效果(1))