一个简单的跑马灯APP

最新推荐文章于 2024-01-03 09:22:27 发布

入江之舟

最新推荐文章于 2024-01-03 09:22:27 发布

阅读量2.9k

点赞数

分类专栏：安卓文章标签： Android

本文链接：https://blog.csdn.net/qq_40991992/article/details/90522348

版权

安卓专栏收录该内容

2 篇文章 0 订阅

订阅专栏

一个简单的跑马灯APP

最近突然想写点东西，因为前段时间课程实验要求，写了挺多的安卓的App，所以想试试看。都是些很基础的东西，希望能帮助到有缘人。写的不好请谅解。

基本原理

android中可以直接设置显示跑马灯，如下所示。但是使用这种方法有个致命缺陷，就是文字过长时无法实现跑马灯效果。
//设置为跑马灯显示

       android:ellipsize="marquee"

因此我自定义TextView，每次run偏移时textview控件的位置，并创建线程每几毫秒便执行一次，以达到跑马灯的效果。

APP的布局

 <?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical">

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="fill_parent"
    android:layout_height="150px"
    android:orientation="horizontal">
<Button
    android:id="@+id/start"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_weight="1"
    android:onClick="start"
    android:text="开始" />

<Button
    android:id="@+id/jiasu"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_weight="1"
    android:onClick="jiasu"
    android:text="加速" />

    <Button
        android:id="@+id/jianSu"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:onClick="jianSu"
        android:text="减速" />
</LinearLayout>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="fill_parent"
    android:layout_height="150px"
    android:orientation="horizontal">

    <Button
        android:id="@+id/stop"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:onClick="stop"
        android:text="停止" />



<Button
    android:id="@+id/fx"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:onClick="fx"
    android:layout_weight="1"
    android:text="改变方向" />

<Button
    android:id="@+id/startfor0"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:onClick="startFromHead"
    android:layout_weight="1"
    android:text="重置" />//这六个按钮是操作用的按钮

</LinearLayout>
<com.example.a.myapplication.MarqueeText
    android:id="@+id/test"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:background="#A4D3EE"
    android:ellipsize="marquee"
    android:singleLine="true"
    android:text="加油，努力"
    android:textColor="#000000"
    android:textSize="20dp" />

<com.example.a.myapplication.MarqueeText
    android:id="@+id/test2"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:background="#B4EEB4"
    android:ellipsize="marquee"
    android:singleLine="true"
    android:text="努力，奋斗，拼搏"
    android:textColor="#FF0000"
    android:textSize="20dp" />//这两个是跑马灯中的文字

自定义TextView

因为我的代码注释的挺详细的了，所以不再赘述，看代码注释就ok了。

public class MarqueeText extends android.support.v7.widget.AppCompatTextView implements Runnable {
private int currentScrollX; // 当前滚动的位置
private boolean isStop = false;//是否已停止
private int textWidth;
private boolean isMeasure = false;//获取文字宽度
private float speed=2;//速度
private int fx=0;//运行的方向

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


  @Override
  protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
// TODO Auto-generated method stub
    super.onMeasure(widthMeasureSpec, heightMeasureSpec);
    currentScrollX = this.getWidth();
}

protected void onDraw(Canvas canvas) {
    super.onDraw(canvas);
    if (!isMeasure) {
        getTextWidth();// 文字宽度只需要获取一次就可以了
        isMeasure = true;
    }
}


private void getTextWidth() {
    Paint paint = this.getPaint();
    String str = this.getText().toString();
    textWidth = (int) paint.measureText(str);
}


@Override
/*
 * public void run() { currentScrollX-=2;//滚动速度.+号表示往左边-
 * scrollTo(currentScrollX,0); if(isStop){ return; }
 * if(getScrollX()<=-(this.getWidth())){ scrollTo(textWidth,0);
 * currentScrollX=textWidth; } postDelayed(this, 5); }
 */
public void run() {
    if(fx==0) {
        currentScrollX -= speed;// 滚动速度.+号表示往左边-
        scrollTo(currentScrollX, 0);
        if (isStop) {
            return;
        }
        if (getScrollX() <= - (this.getWidth())) {
            currentScrollX = (this.getWidth());// 当前出现的位置
        }
        postDelayed(this, 1);//创建线程每jimiao跑一次
    }
    else
    {
        currentScrollX += speed;// 滚动速度.+号表示往左边-
        scrollTo(currentScrollX, 0);
        if (isStop) {
            return;
        }
        if (getScrollX() >= (this.getWidth())) {
            currentScrollX = -(this.getWidth());// 当前出现的位置
        }
        postDelayed(this, 1);//创建线程每一秒运行一次
    }
}

/*
   public void run() {
    currentScrollX += 1;// 滚动速度.+号表示往左边-
    scrollTo(currentScrollX, 0);
    if (isStop) {
        return;
    }
    if (getScrollX() >= (textWidth)) {
        currentScrollX = -(this.getWidth());// 当前出现的位置
    }
    postDelayed(this, 1);//创建线程每jimiao
}
 */
/*public void run() {
// currentScrollX += 3;// 滚动速度.+号表示往左边-
// scrollTo(currentScrollX, 0);
if (textWidth>this.getWidth()) {
currentScrollX += 3;// 滚动速度.+号表示往左边-
scrollTo(currentScrollX, 0);
}
if (getScrollX() >= (textWidth)) {
// scrollTo(this.getWidth(),0);
currentScrollX = -(this.getWidth());// 当前出现的位置
}
postDelayed(this, 5);
}*//*这里面实现的是没有省略号的效果。文字没有超出框的长度就不滚，超出就滚*/

// 开始滚动
public void startScroll() {
    isStop = false;
    this.removeCallbacks(this);
    post(this);
}
//加速
public void jiasu(){
    speed+=0.2;
}
//减速
public void jianSu(){
    if(speed>1){
        speed-=0.1;
    }
    else{
        speed=1;
    }
}

// 停止滚动
public void stopScroll() {
    isStop = true;
}

//改变方向
public void fx(){
    if(fx==0){
        fx=1;
    }
    else{
        fx=0;
    }
}
// 从头开始滚动
public void startFromHead() {
    currentScrollX = 0;
    speed=1;
    startScroll();
}
}

在MainActivity调用

    public class MainActivity extends Activity {
private MarqueeText test;
private MarqueeText test2;
@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    test=(MarqueeText) findViewById(R.id.test);
    test2=(MarqueeText) findViewById(R.id.test2);
}
//加速
public void jiasu(View v){
    test.jiasu();
    test2.jiasu();
}
//改变方向
public void fx(View v){
    test.fx();
    test2.fx();
}
//减速
public void jianSu(View v){
    test.jianSu();
    test2.jianSu();
}
//开始
public void start(View v){
    test.startScroll();
    test2.startScroll();
}

//停止
public void stop(View v){
    test.stopScroll();
    test2.stopScroll();
}
//重置
public void startFromHead(View v){
    test.startFromHead();
    test2.startFromHead();
}
}

截图

在这里插入图片描述

希望以上能给你带来帮助，我知道第一次写肯定不好，所以请见谅。

入江之舟

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
一个简单的跑马灯APP

一个简单的跑马灯APP最近突然想写点东西，因为前段时间课程实验要求，写了挺多的安卓的App，所以想试试看。都是些很基础的东西，希望能帮助到有缘人。写的不好请谅解。基本原理android中可以直接设置显示跑马灯，如下所示。但是使用这种方法有个致命缺陷，就是文字过长时无法实现跑马灯效果。//设置为跑马灯显示 android:ellipsize="marquee"因此我自定义T...
复制链接

扫一扫