Android控件笔记——使用TextView实现跑马灯效果

最新推荐文章于 2024-06-05 15:14:15 发布

weixin_34310369

最新推荐文章于 2024-06-05 15:14:15 发布

阅读量92

点赞数

文章标签：移动开发 python

原文链接：https://my.oschina.net/CoderBleak/blog/674335

版权

2019独角兽企业重金招聘Python工程师标准>>>

1、如何在Android中显示长文本？

在Android中，当我们要显示长文本的时候，如果不做任何操作，仅仅是在TextView中显示，则会自动换行。

<!--string.xml-->
    <string name="app_name">MyForthAndroid</string>
    <string name="action_settings">Settings</string>
    <string name="hello_world">认真看完这段话的人是猪！认真看完这段话的人是猪！
认真看完这段话的人是猪！</string>
//=====================================================================
<!--acticity_main.xml-->
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/hello_world" />

2、很多时候我们布局要求长文本只能用一行显示，我们不希望他换行，则可以对acticity_main.xml文件做如下修改：

<TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:singleLine="true"
        android:text="@string/hello_world" />

3、我们可以看到是可以实现只在一行显示了，可是文本显示不完全而且后面还有个很难看的省略号，这个该怎么解决呢？看来acticity_main.xml还需要做一定修改

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:ellipsize="marquee"
        android:focusable="true"
        android:focusableInTouchMode="true"
        android:singleLine="true"
        android:text="@string/hello_world" />

4、我们成功地实现了跑马灯效果，但是新的问题又来了。往往在一个项目中，我们需要实现跑马灯效果的单行长文本很多，如果我们要实现多行长文本的跑马灯效果，是不是仅仅只是简单的把第一个TextView复制就好了？我们来试试效果。我们在acticity_main.xml文件中作如下修改。

    <TextView
        android:id="@+id/textview1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:ellipsize="marquee"
        android:focusable="true"
        android:focusableInTouchMode="true"
        android:singleLine="true"
        android:text="@string/hello_world" />
    
    <TextView
        android:id="@+id/textview2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="30dp"
        android:ellipsize="marquee"
        android:focusable="true"
        android:focusableInTouchMode="true"
        android:singleLine="true"
        android:text="@string/hello_world" />

5、我们看到，事实上只有第一行成功实现了跑马灯的效果，第二行并没有实现这个效果。那我们应该怎么做呢？

我们创建一个MarqueeText的类，继承自TextView。我们自动生成它的所有构造方法，然后重载它的一个内部方法isFocused()。然后将之前所有的TextView全部转为MarqueeText，代码如下：

<!--MarqueeText.java-->
public class MarqueeText extends TextView{

	public MarqueeText(Context context, AttributeSet attrs, int defStyle) {
		super(context, attrs, defStyle);
		// TODO Auto-generated constructor stub
	}

	public MarqueeText(Context context, AttributeSet attrs) {
		super(context, attrs);
		// TODO Auto-generated constructor stub
	}

	public MarqueeText(Context context) {
		super(context);
		// TODO Auto-generated constructor stub
	}

	public boolean isFocused(){
		return true;
	}
}
//======================================================================
<!--activity_main.xml>
    <com.example.myforthandroid.MarqueeText
        android:id="@+id/textview1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:ellipsize="marquee"
        android:focusable="true"
        android:focusableInTouchMode="true"
        android:singleLine="true"
        android:text="@string/hello_world" />
    
    <com.example.myforthandroid.MarqueeText
        android:layout_below="@+id/textview1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="30dp"
        android:ellipsize="marquee"
        android:focusable="true"
        android:focusableInTouchMode="true"
        android:singleLine="true"
        android:text="@string/hello_world" />