Android -- Demo（一） TextView 自定义走马灯效果（横向，纵向）

最新推荐文章于 2024-01-17 17:20:20 发布
最新推荐文章于 2024-01-17 17:20:20 发布
阅读量314 收藏 5
点赞数
分类专栏： Android -- Demo 文章标签： android textview canvas
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43738911/article/details/108530397
版权

Android – Demo（一） TextView 自定义走马灯效果（横向，纵向）

效果图：
在这里插入图片描述

  1. 布局：

    <!--横向滚动-->
<com.example.toollibs.OverWriteClass.MarqueeHorizontal
        android:id="@+id/marqueeH"
        android:layout_width="match_parent"
        android:layout_height="60dp"/>

<!--纵向滚动-->
<com.example.toollibs.OverWriteClass.MarqueeVertical
        android:id="@+id/marqueeV"
        android:layout_width="match_parent"
        android:layout_height="60dp"
		android:layout_marginTop="@dimen/margin_10"/>

  2. 调用：

    horizontal = findViewById(R.id.marqueeH);
vertical = findViewById(R.id.marqueeV);

private void setVertical() {
    //字体大小设置
     vertical.setTextSize(20);
    //字体颜色设置
     vertical.setTextColor(Color.YELLOW);
    //背景颜色设置
     vertical.setBackgroundColor(Color.BLACK);
    //换行间隔
     vertical.setDelay(5000);//5s
    //显示内容
     vertical.setContents(DEFAULT_TEXT);
}

private void setHorizontal() {
    horizontal.setTextSize(20);
    horizontal.setTextColor(Color.YELLOW);
    horizontal.setBackgroundColor(Color.BLACK);
    //滚动速度
    horizontal.setSpeed(5);
    horizontal.setContents(DEFAULT_TEXT2);
}

  3. 控件代码：

    //横向滚动效果 代码：

    a) MarqueeHorizontal.java:

    public class MarqueeHorizontal extends View implements Runnable {
    private final String TAG = "MARQUEE_HORIZONTAL";

    private Paint paint;
    private int viewWidth;
    private int viewHeight;

    private Rect rect;//用于获取文字宽度
    //字体属性
    private float textSize = 20.0f;
    private int textColor = Color.YELLOW;
    private int speed = 1;
    private float textWidth;

    private String contents;
    private int backgroundColor = Color.BLACK;

    private Thread thread;

    public MarqueeHorizontal(Context context) {
        this(context, null);
    }

    public MarqueeHorizontal(Context context, @Nullable AttributeSet attrs) {
        this(context, attrs, 0);
    }

    public MarqueeHorizontal(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        init(attrs);
    }

    private void init(AttributeSet attrs) {
        //解析自定义属性...未加

        rect = new Rect();
        //初始化画笔
        paint = new Paint();
        paint.setAntiAlias(true);
        paint.setColor(textColor);
        paint.setTextSize(sp2px(textSize));
    }

    private void startRoll() {
        thread = new Thread(this);
        thread.start();
    }

    @Override
    protected void onLayout(boolean changed, int left, int top, int right, int bottom) {
        viewWidth = getWidth();
        viewHeight = getHeight();

//        adjustText();//当文本过短，调整 但重绘时感觉有点穿帮
        startRoll();
        super.onLayout(changed, left, top, right, bottom);
    }

    @Override
    protected void onDraw(Canvas canvas) {
        canvas.drawColor(backgroundColor);

        Paint.FontMetricsInt metricsInt = paint.getFontMetricsInt();
        float centerY = (viewHeight - metricsInt.top - metricsInt.bottom) / 2.0f;

        canvas.drawText(contents, viewWidth, centerY, paint);
    }

    private void adjustText() {
        textWidth = getTextWidth(contents);
        if(textWidth < viewWidth){
            String blank = getBlanks(contents.length());
            int times = (int) (viewWidth / textWidth) + 1;
            String newCont = "";
            if(times%2==0){
                for(int i=0; i<times/2; i++){
                    newCont += (contents + blank);
                }
            }else{
                for(int i=0; i<times/2; i++){
                    newCont += (contents + blank);
                }
                newCont += contents;
            }
            contents = newCont;
        }
        Log.i(TAG, "conts: " + contents);
    }

    private String getBlanks(int length) {
        String temp = "\u3000";
        StringBuilder builder = new StringBuilder();
        for(int i=0; i<length; i++){
            builder.append(temp);
        }

        return builder.toString();
    }

    private float getTextWidth(String str){
        if (str == null || str == "") {
            return 0;
        }
        if (rect == null) {
            rect = new Rect();
        }
        paint.getTextBounds(str, 0, str.length(), rect);

        return rect.width();
    }

    @Override
    public void run() {
        while (!TextUtils.isEmpty(contents)) {
            if(getScrollX()>viewWidth+getTextWidth(contents)){
                scrollTo(0,0);
            }
            try {
                Thread.sleep(20);
                scrollBy(speed, 0);
                postInvalidate();
            } catch (InterruptedException e) {
                e.printStackTrace();
            }
        }
    }

    public void setContents(String contents) {
        this.contents = contents;
    }

    public void setTextSize(float textSize) {
        this.textSize = sp2px(textSize);
        paint.setTextSize(sp2px(textSize));
    }

    public void setTextColor(int textColor) {
        this.textColor = textColor;
        paint.setColor(textColor);
    }

    public void setSpeed(int speed) {
        this.speed = speed;
    }

    @Override
    public void setBackgroundColor(int backgroundColor) {
        this.backgroundColor = backgroundColor;
    }

    private int sp2px(float spValue) {
        return (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_SP, spValue, getResources().getDisplayMetrics());
    }
}

    //纵向滚动效果代码（英文效果待优化：分割行时与中文有差别）

    b) MarqueeVertical.java

    public class MarqueeVertical extends View implements Runnable{
    private final String TAG = "MARQUEE_VERTICAL";

    private Paint paint;
    private int viewWidth;
    private int viewHeight;

    //字体属性
    private float textSize = 20.0f;
    private int textColor = Color.YELLOW;

    private String contents;
    private List<String> list = new ArrayList<>();

    private int backgroundColor = Color.BLACK;//默认背景色
    private int rows;//文本分割后总行数
    private int numInRow;//每行最多容纳字数
    private int padValue = 15;//左右两边缩进距离 piex
    private int offset=0;//记录画布滚动距离

    private int delay = 3000;//滚动间隔
    private Thread thread;//控制自动滚动
    private OverScroller scroller;//使滚动效果跟平滑
    
    public MarqueeVertical(Context context) {
        this(context, null);
    }

    public MarqueeVertical(Context context, @Nullable AttributeSet attrs) {
        this(context, attrs, 0);
    }

    public MarqueeVertical(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        init(context, attrs);
    }

    private void init(Context context, AttributeSet attrs) {
        //解析自定义属性...未加

        //初始化画笔
        paint = new Paint();
        paint.setAntiAlias(true);
        paint.setColor(textColor);
        paint.setTextSize(sp2px(textSize));//

        scroller = new OverScroller(context);
    }

    @Override
    protected void onLayout(boolean changed, int left, int top, int right, int bottom) {
        viewWidth = getWidth();
        viewHeight = getHeight();
        Log.i(TAG, "w&h: " + viewWidth + ", " +viewHeight);

        calculateRows();
        parseContent();
        startRoll();
        super.onLayout(changed, left, top, right, bottom);
    }

    private void calculateRows() {
        numInRow = (int) ((viewWidth-padValue*2) / textSize);
        rows = contents.length()%numInRow==0 ? contents.length()/numInRow : contents.length()/numInRow+1;
    }

    private void parseContent(){
        for(int i=0; i<rows; i++){
            String temp = contents.substring(numInRow*i, Math.min(numInRow*(i+1), contents.length()));
            list.add(temp);
            Log.i(TAG, "line: " + temp);
        }
    }

    private void startRoll() {
        thread = new Thread(this);
        thread.start();
    }

    @Override
    protected void onDraw(Canvas canvas) {
        canvas.drawColor(backgroundColor);

        //计算绘制文本中心，然后将其移至控件中心
        Paint.FontMetricsInt metricsInt = paint.getFontMetricsInt();
        float centerY = (viewHeight - metricsInt.top - metricsInt.bottom) / 2.0f;

        for(int i=0; i<list.size(); i++){
            canvas.drawText(list.get(i), padValue, centerY + viewHeight*i, paint);//每行相隔距离为一个控件高度
        }
    }

    @Override
    public void computeScroll() {
        super.computeScroll();
        if(scroller.computeScrollOffset()){
            scrollTo(scroller.getCurrX(), scroller.getCurrY());
            invalidate();
        }
    }

    @Override
    public void run() {
        if(list.size()>1){
            for(;;){
                Log.i(TAG, "offset: " + offset);
                if(offset>=viewHeight*(list.size()-1)){
                    scrollTo(0,0);
                    offset = -viewHeight;
                }
                try {
                    Thread.sleep(delay);
                    scroller.startScroll(0, offset, 0, viewHeight);
                    offset += viewHeight;
                    postInvalidate();
                } catch (InterruptedException e) {
                    e.printStackTrace();
                }
            }
        }
    }

    public void setDelay(int delay) {
        this.delay = delay;
    }

    public void setTextSize(float textSize) {
        this.textSize = sp2px(textSize);
        paint.setTextSize(sp2px(textSize));
    }

    public void setTextColor(int textColor) {
        this.textColor = textColor;
        paint.setColor(textColor);
    }

    public void setContents(String contents) {
        this.contents = contents;
    }

    @Override
    public void setBackgroundColor(int backgroundColor) {
        this.backgroundColor = backgroundColor;
    }

    private int sp2px(float spValue) {
        return (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_SP, spValue, getResources().getDisplayMetrics());
    }
}
花追雨
关注
  • 0
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Android TextView文字横向自动滚动(跑马灯)
2401_84149845的博客
04-14 812
在这里我和身边一些朋友特意整理了一份快速进阶为Android高级工程师的系统且全面的学习资料。涵盖了Android初级——Android高级架构师进阶必备的一些学习技能。附上：我们之前因为秋招收集的二十套一二线互联网公司Android面试真题（含BAT、小米、华为、美团、滴滴）和我自己整理Android复习笔记（包含Android基础知识点、Android扩展知识点、Android源码解析、设计模式汇总、Gradle知识点、常见算法题汇总。
android跑马灯效果横向,Android TextView 横向滚动（跑马灯效果）
weixin_36075657的博客
05-25 298
Android TextView 中当文字比較多时希望它横向滚动显示，以下是一种亲測可行的方法。效果图：1.自己定义TextView,重写isFocused()方法返回true，让自己定义TextView一直处于获取焦点状态。package com.example.shen.marqueedemo;import android.content.Context;import android.util...
Android进阶之路 - 横、纵跑马灯无限轮转
Android、前端、小程序、后端
12-21 3320
Android中的Xml属性一直d自带有跑马灯的效果，但是因为使用并不是很广泛，所以扩展性并不太好，所以在git上找到了MarqueeView，请根据此文提示直接用吧使用原因： 简单，方便，扩展性强，作者在持续跟新。 解决了重影问题，内部封装动画。Effect :正式使用：build : compile 'com.sunfusheng:marqueeview:1.3.3'Xml 引用：
Android 实现跑马灯效果
最新发布
赵航的博客
01-17 2万+
这里可以使用动画的效果实现.init();init();init();});// 停止动画 if(animator!} }init();init();init();});// 停止动画 if(animator!} }Context;init();init();init();
TextView跑马灯
进击的小怪兽
06-11 2939
用TextView实现简单的跑马灯西效果
Android TextView设置跑马灯效果
逍遥阁
01-25 1万+
【前言】      在Textview设置的宽度有限，而需要显示的文字又比较多的情况下，往往需要给Textview设置跑马灯效果才能让用户完整地看到所有设置的文字，所以给TextView设置跑马灯效果的需求是很常见的 一、新手设置跑马灯效果 ...
Android自定义textview实现竖直滚动跑马灯效果
08-30
Android 自定义 TextView 实现竖直滚动跑马灯效果是 Android 开发中的一种常见需求。跑马灯效果指的是 TextView 中的文字可以水平或竖直滚动，达到拉动和显示大量文字的效果。下面我们将详细介绍如何使用自定义 ...
android 自定义textview 模拟走马灯效果
03-29
本文将深入探讨如何使用Android自定义TextView来模拟走马灯效果，即文字在视图中循环滚动，这种效果常见于新闻头条或者广告展示等场景。 首先，我们要明白走马灯效果的核心在于文本的动态滚动。在Android中，我们...
Android自定义TextView跑马灯效果
08-30
"Android自定义TextView跑马灯效果" Android 自定义TextView跑马灯效果是指在 Android 平台上通过自定义TextView实现跑马灯滚动效果。下面是关于Android自定义TextView跑马灯效果的知识点： 1. TextView 的跑马灯...
Android-TagTextView包含标签的TextView
08-12
`TagTextView`是一个专为Android平台设计的自定义视图，它扩展了标准的`TextView`类，增加了显示多个标签的功能。这个组件通常用于在界面上展示一组分类或者关键词，比如在新闻应用中显示文章标签，或者在社交应用中...
Android-Lib-VerticalMarqueeTextView, 具有垂直字幕效果的自定义 TextView.zip
09-18
Android-Lib-VerticalMarqueeTextView, 具有垂直字幕效果的自定义 TextView 适用于Android的垂直字幕 TextView 具有垂直字幕效果的自定义 TextView 。 特性当TextView添加到视图时自动启动字幕效果。可以定制的字幕速度易于扩展和定制安装
Android 文字自动滚动（跑马灯）效果的两种实现方法[特别好使]
小九的专栏
07-14 1万+
最近需要实现跑马灯效果，安卓自带的效果必须获得焦点才能有动画，坑爹~~~ 尝试了网上诸多方法，总算下面这个方法可以~~~ ============================================================================================================== 有时候在xml中写的跑马灯效果不滚动：原因有以
TextView跑马灯效果
hq_lang的博客
11-30 717
三种方式实现TextView文字滚动的效果。  第一种：原生的Android自带的跑马灯效果。直接申明TextView属性。  第二种：改造TextView，自定义View继承的TextView，利用Runnable循环调用onDraw()方法更新视图。  第三种：利用HorizontalScrollView控件的特性，里面加个TextView，通过定时器让HorizontalScrollV
自定义textview实现竖直滚动跑马灯效果
IT烟酒僧的博客
06-30 1693
跑马灯效果
Android Studio的代码笔记--Textview文字过长时横向滚动跑马灯
weixin_45208598的博客
11-01 1410
Textview文字过长时横向滚动跑马灯Textview文字过长时横向滚动跑马灯Listview中item里面的textview文字过长时横向滚动跑马灯 Textview文字过长时横向滚动跑马灯 单行显示 android:singleLine=“true” 单行 文本超出显示 android:ellipsize=“start” 省略号在开头 android:ellipsize=“end” 省略号在结尾 android:ellipsize=“middle” 省略号在中间 android:ellipsize=
Android 自定义textview实现跑马灯效果
Mr_liu的博客
12-19 1638
Android 自定义textview实现跑马灯效果 直接上代码： public class CustomTextView extends View { /** * 界面刷新时间(ms) */ public static final int INVALIDATE_TIME = 15; /** * 每次移动的像素点(px) *
android文字自动滚动,Android TextView文字横向自动滚动(跑马灯)
weixin_35836574的博客
05-25 1707
TextView实现文字滚动需要以下几个要点：1.文字长度长于可显示范围：android:singleLine="true"2.设置可滚到，或显示样式：android:ellipsize="marquee"3.自定义滚动的ScrollingTextViewpublic class ScrollingTextView extends TextView {public ScrollingTextVie...
Android自定义View之可垂直显示的TextView
qq_35857451的博客
07-22 1123
文章目录前言一、View需求二、使用步骤1.引入库2.读入数据总结 前言 最近在学自定义View，自己实现一个可垂直显示的TextView，里面会有许多问题，后续会再更新。 提示：以下是本篇文章正文内容，下面案例可供参考 一、View需求 自定义View需要实现的相关功能有：可垂直显示文字，也可水平显示， 二、使用步骤 1.引入库 代码如下（示例）： import numpy as np import pandas as pd import matplotlib.pyplot as plt import
Android Studio走马灯效果
09-21
Android Studio中可以通过设置TextView的ellipsize属性为marquee来实现走马灯效果。要实现走马灯效果，还需要添加一个触发焦点的动作。可以在TextView组件后面添加来请求焦点。这样文字就会开始流动起来，而不是显示...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值