跑马灯 TextView效果设计

最新推荐文章于 2024-03-31 09:59:46 发布

最新推荐文章于 2024-03-31 09:59:46 发布 · 701 阅读

文章标签：

#Android #走马灯 #自定义控件

Android 专栏收录该内容

8 篇文章

订阅专栏

本文介绍如何在Android中通过自定义MarqueeTextView类实现跑马灯效果，包括代码实现、布局文件配置及注意事项。主要内容涵盖TextView属性设置、布局文件中的具体实现，以及确保跑马灯效果所需的条件。

之前有看到有的应用具有跑马灯的效果，这里参考了一下网上的资源，进行的简单的设计，欢迎评价：

1.自定义类 MarqueTextView

package com.mo.view;

import android.content.Context;
import android.util.AttributeSet;
import android.widget.TextView;

public class MarqueTextView extends TextView {

	public MarqueTextView(Context context, AttributeSet attrs, int defStyle) {
		super(context, attrs, defStyle);

	}

	public MarqueTextView(Context context, AttributeSet attrs) {
		super(context, attrs);
	
	}

	public MarqueTextView(Context context) {
		super(context);

	}
@Override

public boolean isFocused() {
	
	return true;
}
}

2.ManiActivity 代码

package com.mo.view;

import com.example.marquetextview.R;

import android.os.Bundle;
import android.app.Activity;
import android.view.Menu;
import android.view.View;
import android.widget.TextView;

public class MainActivity extends Activity {

	private MarqueTextView mMarque;

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		
		mMarque = (MarqueTextView) findViewById(R.id.tv_testMarque);
		mMarque.setText("   "+"-Hi! I Miss You .I Miss You .I Miss You .I Miss You .I Miss You .-");
	}

	@Override
	public boolean onCreateOptionsMenu(Menu menu) {
		// Inflate the menu; this adds items to the action bar if it is present.
		getMenuInflater().inflate(R.menu.main, menu);
		return true;
	}

}

3.布局文件 /layout/activity_main.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:orientation="vertical"
    android:gravity="center"
    android:layout_height="match_parent" >

    <com.mo.view.MarqueTextView
        android:id="@+id/tv_testMarque"
        android:singleLine="true"
        addStatesFromChildren="true"
        android:ellipsize="marquee"
        android:gravity="center"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/hello_world" />

</LinearLayout>

补充：

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

1、android:ellipsize=”marquee”

2、TextView必须单行显示，测试发现使用 android：maxLine="1" 是不支持的，建议使用 singleLine="true"

即内容必须超出TextView大小

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