android自定义View实现跑马灯效果

2023-09-13 17:20:05 63

android自带的TextView可以实现跑马灯效果，但是有很多的局限性；比如需要设置ellipsize=”marquee”，获取focusable=”true”，设置singleLine=”true”，控件里的内容需要超过控件本身的长度，无法控制滚动速度和滚动暂停和继续滚动功能，各种限制导致用起来特别不顺手，几乎无法使用到生产环境中，在此背景下，需要自定义View实现跑马灯效果。

使用主要方法：自定义View重写onDraw方法，通过canvas.drawText()方法来显示文字，利用Handler不断地绘制文字，并控制文字开始绘制的X轴的位置，来实现连续滚动的效果。

实现步骤：

1、自定义view的class：

importandroid.annotation.SuppressLint;
importandroid.content.Context;
importandroid.content.res.TypedArray;
importandroid.graphics.Canvas;
importandroid.graphics.Color;
importandroid.graphics.Paint;
importandroid.graphics.Paint.FontMetrics;
importandroid.graphics.Rect;
importandroid.os.Handler;
importandroid.util.AttributeSet;
importandroid.util.TypedValue;
importandroid.view.View;

publicclassMarqueenViewextendsView{

/*
*1、自定义View的属性2、在View的构造方法中获得我们自定义的属性[3、重写onMesure]4、重写onDraw
*/

/*
*文本
*/
privateStringmTitleText;

/**
*文本的颜色
*/
privateintmTitleTextColor;

/**
*文本的大小
*/
privateintmTitleTextSize;

/**
*绘制时控制文本绘制的范围
*/
privateRectmBound,usualBound;

//画笔
privatePaintmPaint;

privateintspead=15;

privateintlength=3;

privateintcurrentLength;

@SuppressLint("HandlerLeak")
privateHandlerhandler=newHandler(){
@Override
publicvoidhandleMessage(android.os.Messagemsg){
if(mBound.width()<=getWidth()){
if(currentLength>=120+(getWidth()/length)*length){
currentLength=length;
}else{
currentLength=currentLength+length;
}
}else{
if(currentLength>=(mBound.width()+120)){
currentLength=length;
}else{
currentLength=currentLength+length;
}
}

invalidate();
handler.sendEmptyMessageDelayed(0,spead);

};
};

publicMarqueenView(Contextcontext,AttributeSetattrs){
this(context,attrs,0);
currentLength=length;
}

publicMarqueenView(Contextcontext){
this(context,null);
}

publicMarqueenView(Contextcontext,AttributeSetattrs,intdefStyle){
super(context,attrs,defStyle);

TypedArraya=context.getTheme().obtainStyledAttributes(attrs,R.styleable.CustomTitleView,defStyle,0);

intn=a.getIndexCount();
for(inti=0;i=120){
canvas.drawText(mTitleText,getWidth()-currentLength+120,getHeight()-usualBound.bottom,mPaint);
}

}else{


if(currentLength=mBound.width()-getWidth()+120){
canvas.drawText(mTitleText,120-currentLength+mBound.width(),getHeight()-usualBound.bottom,mPaint);
}

}

}

publicstaticintgetFontHeight(IntegertextSize){
Paintpaint=newPaint();
if(textSize!=null){
paint.setTextSize(textSize);
}
FontMetricsfm=paint.getFontMetrics();
return(int)(fm.descent-fm.ascent);
}

publicvoidstartScroll(){
handler.removeMessages(0);
handler.sendEmptyMessage(0);
}

publicvoidstopScroll(){
handler.removeMessages(0);
currentLength=0;
invalidate();
}

publicvoidsetScrollLength(intlength){
this.length=length;
currentLength=length;
}

publicvoidsetSpead(intspead){
this.spead=spead;
}

publicvoidsetText(Stringmsg){
mTitleText=msg;
mBound=newRect();
mPaint.getTextBounds(msg,0,mTitleText.length(),mBound);
}


}

2、在values的attrs.xml文件中需要加入自定义的属性，字体大小、颜色、和初始内容，这里有待改进

3、在layout的布局文件中引用此控件

4、上面准备好后，就可以在activity中设置跑马灯并开始滚动了

mv=(MarqueenView)findViewById(R.id.main_marquee_view);
mv.stopScroll();
mv.setText("滚动内容");//设置显示内容
//mv.setSpead(15);//滚动频率，默认15毫秒一次，数值太小会影响效率
//mv.setScrollLength(3);//默认每次左移3px，数值太大会有停顿感，数值太小滚动会变慢
mv.startScroll();

//记得在Ondestroy中停止滚动，方便回收
@Override
protectedvoidonDestroy(){
try{
mv.stopScroll();
mv=null;
}catch(Throwablee){
e.printStackTrace();
}
super.onDestroy();
}

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。

android自定义View实现跑马灯效果

热门推荐

随机推荐