Quantcast
Channel: CSDN博客移动开发推荐文章
Viewing all articles
Browse latest Browse all 5930

Android开发中跑马灯效果的实现

$
0
0
  • 跑马灯效果这个功能,是因为现在做的这个项目的老大想要加的一个功能点。所以我找了些资料和一些自己的改进及理解,这里分享给大家。
  • 跑马灯在编程中,通常指有时需要用一矩形条显示少量用户特别关心的信息,这条信息串首尾相连,向一个方向循环滚动。
    效果图就不给大家展示了,这里自行百度一下就能找到很多相关的图片。


  • 找到的实现方法很多,有的是直接在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 查看评论

Viewing all articles
Browse latest Browse all 5930

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>