前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >跑马灯 TextView效果设计

跑马灯 TextView效果设计

作者头像
泥豆芽儿 MT
发布2018-09-11 11:08:15
7140
发布2018-09-11 11:08:15
举报

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://cloud.tencent.com/developer/article/1333597

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

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要获得焦点才能滚动

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2015年09月07日,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档