- 跑马灯效果这个功能,是因为现在做的这个项目的老大想要加的一个功能点。所以我找了些资料和一些自己的改进及理解,这里分享给大家。
- 跑马灯在编程中,通常指有时需要用一矩形条显示少量用户特别关心的信息,这条信息串首尾相连,向一个方向循环滚动。
效果图就不给大家展示了,这里自行百度一下就能找到很多相关的图片。
- 找到的实现方法很多,有的是直接在textView中添加一些必要的属性,但是这个方法弊端很多,比如你的文字长度需要比textView控件的长度宽,不然是跑不起来的。下面说的是自定义一个View,xml布局中引用这个view的方法,这样的话对文字长度就没有限制了。好了,废话不多说。
首先,自定义一个MyTextView类继承TextView类,重写相关构造方法,类中的代码如下所示:
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Paint;
import android.os.Parcel;
import android.os.Parcelable;
import android.util.AttributeSet;
import android.view.Display;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.WindowManager;
import android.widget.TextView;
public class MyTextView extends TextView implements OnClickListener {
private float textLength = 0f;// 文本长度
private float viewWidth = 0f;
private float step = 0f;// 文字的横坐标
private float y = 0f;// 文字的纵坐标
private float temp_view_plus_text_length = 0.0f;// 用于计算的临时变量
private float temp_view_plus_two_text_length = 0.0f;// 用于计算的临时变量
public boolean isStarting = false;// 是否开始滚动
private Paint paint = null;// 绘图样式
private String text = "";// 文本内容
public MyTextView(Context context) {
super(context);
initView();
}
public MyTextView(Context context, AttributeSet attrs) {
super(context, attrs);
initView();
}
public MyTextView(Context context, AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);
initView();
}
private void initView() {
// TODO Auto-generated method stub
setOnClickListener(this);
}
@Override
public boolean isFocused() {
return true;
}
public void init(WindowManager windowManager) {
paint = getPaint();
// 邹奇 2016/11/30 这里可以自己设置文字显示的颜色,这里我设置为了蓝色,下载我的apk自己体验
// 默认为黑色
if(color != 0){
paint.setColor(color);
}
text = getText().toString();
textLength = paint.measureText(text);
viewWidth = getWidth();
if (viewWidth == 0) {
if (windowManager != null) {
Display display = windowManager.getDefaultDisplay();
viewWidth = display.getWidth();
}
}
step = textLength;
temp_view_plus_text_length = viewWidth + textLength;
temp_view_plus_two_text_length = viewWidth + textLength * 2;
y = getTextSize() + getPaddingTop();
}
@Override
public Parcelable onSaveInstanceState() {
Parcelable superState = super.onSaveInstanceState();
SavedState ss = new SavedState(superState);
ss.step = step;
ss.isStarting = isStarting;
return ss;
}
@Override
public void onRestoreInstanceState(Parcelable state) {
if (!(state instanceof SavedState)) {
super.onRestoreInstanceState(state);
return;
}
SavedState ss = (SavedState) state;
super.onRestoreInstanceState(ss.getSuperState());
step = ss.step;
isStarting = ss.isStarting;
}
public static class SavedState extends BaseSavedState {
public boolean isStarting = false;
public float step = 0.0f;
SavedState(Parcelable superState) {
super(superState);
}
@Override
public void writeToParcel(Parcel out, int flags) {
super.writeToParcel(out, flags);
out.writeBooleanArray(new boolean[] { isStarting });
out.writeFloat(step);
}
public static final Parcelable.Creator<SavedState> CREATOR = new Parcelable.Creator<SavedState>() {
public SavedState[] newArray(int size) {
return new SavedState[size];
}
@Override
public SavedState createFromParcel(Parcel in) {
return new SavedState(in);
}
};
private SavedState(Parcel in) {
super(in);
boolean[] b = null;
in.readBooleanArray(b);
if (b != null && b.length > 0)
isStarting = b[0];
step = in.readFloat();
}
}
public void startScroll() {
isStarting = true;
invalidate();
}
public void stopScroll() {
isStarting = false;
invalidate();
}
@Override
public void onDraw(Canvas canvas) {
canvas.drawText(text, temp_view_plus_text_length - step, y, paint);
if (!isStarting) {
return;
}
if(speed != 0){
step += speed;// speed为用户自己设定的文字滚动速度
}else {
step += 0.5;// 用户没有设置速度,则默认0.5为文字滚动速度。
}
if (step > temp_view_plus_two_text_length)
step = textLength;
invalidate();
}
private double speed = 0;// 邹奇 2016/11/30 声明变量表示文字滚动的速度
/**
* 邹奇 2016/11/30 用户自己设定文字的滚动速度
* @param speed 速度(一般设置值为2.0即可,快慢自己可以设置新值调节)
*/
public void setSpeed(double speed){
this.speed = speed;
}
private int color = 0;// 邹奇 2016/11/30 声明变量表示文字显示的颜色
/**
* 邹奇 2016/11/30 用户自己设定文字显示的颜色
* @param color 颜色
*/
public void setColors(int color){
this.color = color;
}
@Override
public void onClick(View v) {
if (isStarting)
stopScroll();
else
startScroll();
}
}
代码不过多讲了,讲一下使用方法。有好用的大家记得要学会拿来使用,好点的自己可以试着改进。
我在原来的类里面加了两个方法,一个是可以设置文字滚动的速度方法:
/**
* 邹奇 2016/11/30 用户自己设定文字的滚动速度
* @param speed 速度(一般设置值为2.0即可,快慢自己可以设置新值调节)
*/
public void setSpeed(double speed){
this.speed = speed;
}
一个是可以设置文字显示颜色的方法:
/**
* 邹奇 2016/11/30 用户自己设定文字显示的颜色
* @param color 颜色
*/
private int color = 0;// 邹奇 2016/11/30 声明变量表示文字显示的颜色
public void setColors(int color){
this.color = color;
}
自定义view有了后,就在你的xml布局中引用这个自定义的View即可,代码如下:
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:focusableInTouchMode="false"
android:orientation="vertical"
tools:context="com.example.buttontest.MainActivity" >
<com.example.buttontest.MyTextView
android:id="@+id/tv_pmd"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:text="跑马灯效果显示" />
</LinearLayout>
下面给出apk下载链接,毕竟只有自己体验后才知道是否是自己需要的东西。点我下载跑马灯apk
MainActivity里的代码如下:
package com.example.buttontest;
import android.app.Activity;
import android.os.Bundle;
import android.widget.TextView;
public class MainActivity extends Activity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
MyTextView textView = (MyTextView) findViewById(R.id.tv_pmd);
textView.setTextSize(30);// 可以设置字体的大小
textView.setColors(getResources().getColor(R.color.login_btn));// 设置文字的颜色
textView.init(getWindowManager());// 初始化必要参数
textView.setSpeed(2.0);// 设置滚动速度
textView.startScroll();// 开始滚动
}
}
代码较简单,必要的方法如下:
textView.init(getWindowManager());// 初始化必要参数
textView.startScroll();// 开始滚动
当然你还可以初始化必要的参数前设置字体的大小、字体的颜色,如下:
textView.setTextSize(30);// 可以设置字体的大小
textView.setColors(getResources().getColor(R.color.login_btn));// 设置文字的颜色
注意了,上面字体大小和字体的颜色设置方法需要放到init方法前,这样你的设置才会生效。
到这里,跑马灯的功能就实现了。大家还是要多学会使用已有的资源,然后自己好好的利用起来,优化它,让它能更加的好用,最后把它分享给大家,这是一个很棒的行为。因为不仅提高了自己,还可以给大家提供一个参考的问题解决方案。真的,分享知识后的那种快乐,很奇怪,无法形容,大家自己慢慢的去感受。嘻嘻!
每天进步一点点!加油!
作者:csdnzouqi 发表于2016/11/30 20:41:23 原文链接
阅读:53 评论:0 查看评论