一个文本跑马灯的“学”案

最新推荐文章于 2024-08-10 23:29:31 发布
最新推荐文章于 2024-08-10 23:29:31 发布
阅读量685 收藏
点赞数
分类专栏： Android 随便说说
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_27035123/article/details/76692190
版权

不管三七二十一，我们先上车

if (isMarqueeFadeEnabled()) {
    if (!mSingleLine && getLineCount() == 1 && canMarquee() &&
            (absoluteGravity & Gravity.HORIZONTAL_GRAVITY_MASK) != Gravity.LEFT) {
        final int width = mRight - mLeft;
        final int padding = getCompoundPaddingLeft() + getCompoundPaddingRight();
        final float dx = mLayout.getLineRight(0) - (width - padding);
        canvas.translate(layout.getParagraphDirection(0) * dx, 0.0f);
    }

    if (mMarquee != null && mMarquee.isRunning()) {
        final float dx = -mMarquee.getScroll();
        canvas.translate(layout.getParagraphDirection(0) * dx, 0.0f);
    }
}

继续深挖：

private final boolean isMarqueeFadeEnabled() {
    return mEllipsize == TextUtils.TruncateAt.MARQUEE &&
            mMarqueeFadeMode != MARQUEE_FADE_SWITCH_SHOW_ELLIPSIS;
}

两个并列条件，一个是我们设置的ellipsize == marquee， 另一条是一个值不等于，我们看哪里会对这个mMarqueeFadeMode变量进行赋值，这是赋值的一个代码段，在源码中被两个地方调用

if (ViewConfiguration.get(context).isFadingMarqueeEnabled()) {
    setHorizontalFadingEdgeEnabled(true);
    mMarqueeFadeMode = MARQUEE_FADE_NORMAL;
} else {
    setHorizontalFadingEdgeEnabled(false);
    mMarqueeFadeMode = MARQUEE_FADE_SWITCH_SHOW_ELLIPSIS;
}

那么这个判断条件是什么呢？

/**
 * Returns a configuration for the specified context. The configuration depends on
 * various parameters of the context, like the dimension of the display or the
 * density of the display.
 *
 * @param context The application context used to initialize the view configuration.
 */
public static ViewConfiguration get(Context context) {
    final DisplayMetrics metrics = context.getResources().getDisplayMetrics();
    final int density = (int) (100.0f * metrics.density);

    ViewConfiguration configuration = sConfigurations.get(density);
    if (configuration == null) {
        configuration = new ViewConfiguration(context);
        sConfigurations.put(density, configuration);
    }

    return configuration;
}
    static final SparseArray<ViewConfiguration> sConfigurations =
            new SparseArray<ViewConfiguration>(2);

根据sConfigurations的定义,这个数组的值，只能通过上边的put放置，所以configuration还是通过configuration = new ViewConfiguration(context);这句代码生成的，那么这个构造方法都干了什么呢?

/**
 * Creates a new configuration for the specified context. The configuration depends on
 * various parameters of the context, like the dimension of the display or the density
 * of the display.
 *
 * @param context The application context used to initialize this view configuration.
 *
 * @see #get(android.content.Context)
 * @see android.util.DisplayMetrics
 */
private ViewConfiguration(Context context) {
    final Resources res = context.getResources();
    final DisplayMetrics metrics = res.getDisplayMetrics();
    final Configuration config = res.getConfiguration();
    final float density = metrics.density;
    final float sizeAndDensity;
    if (config.isLayoutSizeAtLeast(Configuration.SCREENLAYOUT_SIZE_XLARGE)) {
        sizeAndDensity = density * 1.5f;
    } else {
        sizeAndDensity = density;
    }

    mEdgeSlop = (int) (sizeAndDensity * EDGE_SLOP + 0.5f);
    mFadingEdgeLength = (int) (sizeAndDensity * FADING_EDGE_LENGTH + 0.5f);
    mScrollbarSize = (int) (density * SCROLL_BAR_SIZE + 0.5f);
    mDoubleTapSlop = (int) (sizeAndDensity * DOUBLE_TAP_SLOP + 0.5f);
    mWindowTouchSlop = (int) (sizeAndDensity * WINDOW_TOUCH_SLOP + 0.5f);

    // Size of the screen in bytes, in ARGB_8888 format
    final WindowManager win = (WindowManager)context.getSystemService(Context.WINDOW_SERVICE);
    final Display display = win.getDefaultDisplay();
    final Point size = new Point();
    display.getRealSize(size);
    mMaximumDrawingCacheSize = 4 * size.x * size.y;

    mOverscrollDistance = (int) (sizeAndDensity * OVERSCROLL_DISTANCE + 0.5f);
    mOverflingDistance = (int) (sizeAndDensity * OVERFLING_DISTANCE + 0.5f);

    if (!sHasPermanentMenuKeySet) {
        final int configVal = res.getInteger(
                com.android.internal.R.integer.config_overrideHasPermanentMenuKey);

        switch (configVal) {
            default:
            case HAS_PERMANENT_MENU_KEY_AUTODETECT: {
                IWindowManager wm = WindowManagerGlobal.getWindowManagerService();
                try {
                    sHasPermanentMenuKey = !wm.hasNavigationBar();
                    sHasPermanentMenuKeySet = true;
                } catch (RemoteException ex) {
                    sHasPermanentMenuKey = false;
                }
            }
            break;

            case HAS_PERMANENT_MENU_KEY_TRUE:
                sHasPermanentMenuKey = true;
                sHasPermanentMenuKeySet = true;
                break;

            case HAS_PERMANENT_MENU_KEY_FALSE:
                sHasPermanentMenuKey = false;
                sHasPermanentMenuKeySet = true;
                break;
        }
    }

    mFadingMarqueeEnabled = res.getBoolean(
            com.android.internal.R.bool.config_ui_enableFadingMarquee);
    mTouchSlop = res.getDimensionPixelSize(
            com.android.internal.R.dimen.config_viewConfigurationTouchSlop);
    mPagingTouchSlop = mTouchSlop * 2;

    mDoubleTapTouchSlop = mTouchSlop;

    mMinimumFlingVelocity = res.getDimensionPixelSize(
            com.android.internal.R.dimen.config_viewMinFlingVelocity);
    mMaximumFlingVelocity = res.getDimensionPixelSize(
            com.android.internal.R.dimen.config_viewMaxFlingVelocity);
    mGlobalActionsKeyTimeout = res.getInteger(
            com.android.internal.R.integer.config_globalActionsKeyTimeout);
}

初始化的数据还挺多，根据下边的代码，我们主要关注mFadingMarqueeEnabled：

/**
 * @hide
 * @return Whether or not marquee should use fading edges.
 */
public boolean isFadingMarqueeEnabled() {
    return mFadingMarqueeEnabled;
}

从上边的构造方法中发现如下代码，皮皮虾，我们继续开车，继续找其根源

mFadingMarqueeEnabled = res.getBoolean(
        com.android.internal.R.bool.config_ui_enableFadingMarquee);

而当我们去查找这个属性的时候看到了SDK\platforms\android-25\data\res\values\config.xml这个文件里有这个属性

<!-- Enables or disables fading edges when marquee is enabled in TextView.
     Off by default, since the framebuffer readback used to implement the
     fading edges is prohibitively expensive on most GPUs. -->
<bool name="config_ui_enableFadingMarquee">false</bool>
在TextView中启用选框时，启用或禁用渐变边。
默认情况下关闭，因为framebuffer回读用于实现
在大多数GPU上，渐变边缘的开销是非常大的

所以这个值默认就是false的，从这里向上看，我们发现当这个值默认false的时候，这条语句mMarqueeFadeMode = MARQUEE_FADE_SWITCH_SHOW_ELLIPSIS就会执行，从而导致isMarqueeFadeEnabled()返回的是false， 所以我们也就无法使得TextView进行跑马灯效果了，那我们该怎么办，从源码中可以看到有另一个代码段：

/**
 * @deprecated Use {@link android.view.ViewConfiguration#get(android.content.Context)} instead.
 */
@Deprecated
public ViewConfiguration() {
    mEdgeSlop = EDGE_SLOP;
    mFadingEdgeLength = FADING_EDGE_LENGTH;
    mMinimumFlingVelocity = MINIMUM_FLING_VELOCITY;
    mMaximumFlingVelocity = MAXIMUM_FLING_VELOCITY;
    mScrollbarSize = SCROLL_BAR_SIZE;
    mTouchSlop = TOUCH_SLOP;
    mDoubleTapTouchSlop = DOUBLE_TAP_TOUCH_SLOP;
    mPagingTouchSlop = PAGING_TOUCH_SLOP;
    mDoubleTapSlop = DOUBLE_TAP_SLOP;
    mWindowTouchSlop = WINDOW_TOUCH_SLOP;
    //noinspection deprecation
    mMaximumDrawingCacheSize = MAXIMUM_DRAWING_CACHE_SIZE;
    mOverscrollDistance = OVERSCROLL_DISTANCE;
    mOverflingDistance = OVERFLING_DISTANCE;
    mFadingMarqueeEnabled = true;
    mGlobalActionsKeyTimeout = GLOBAL_ACTIONS_KEY_TIMEOUT;
}

但是这个方法被废弃了，而且我们也不可能尝试去修改代码段，我们可以尝试直接修改mMarqueeFadeMode的值，但是这个值的定义如下，是一个private，我们是不可能对其进行重新赋值的，所以img

/**
 * On some devices the fading edges add a performance penalty if used
 * extensively in the same layout. This mode indicates how the marquee
 * is currently being shown, if applicable. (mEllipsize will == MARQUEE)
 */
private int mMarqueeFadeMode = MARQUEE_FADE_NORMAL;

看来车上错了，我们重新发车

/**
 * The width passed in is now the desired layout width,
 * not the full view width with padding.
 * {@hide}
 */
protected void makeNewLayout(int wantWidth, int hintWidth,
                             BoringLayout.Metrics boring,
                             BoringLayout.Metrics hintBoring,
                             int ellipsisWidth, boolean bringIntoView) {
    stopMarquee();

    .........
    .........
    .........

    if (mEllipsize == TextUtils.TruncateAt.MARQUEE) {
        if (!compressText(ellipsisWidth)) {
            final int height = mLayoutParams.height;
            // If the size of the view does not depend on the size of the text, try to
            // start the marquee immediately
            if (height != LayoutParams.WRAP_CONTENT && height != LayoutParams.MATCH_PARENT) {
                startMarquee();
            } else {
                // Defer the start of the marquee until we know our width (see setFrame())
                mRestartMarquee = true;
            }
        }
    }

    // CursorControllers need a non-null mLayout
    if (mEditor != null) mEditor.prepareCursorControllers();
}

从上边我们可以看到如果开始跑马灯的前提是设置ellipsize = marquee 而且文本长度应该进行滚动，然后我们看到如果mLayoutParams.height的height满足height != LayoutParams.WRAP_CONTENT && height != LayoutParams.MATCH_PARENT，但是我们需要看到的是底下会置重新滚动的标志位true，所以我们姑且认为这里会尝试去滚动。

private void startMarquee() {
    // Do not ellipsize EditText
    if (getKeyListener() != null) return;

    if (compressText(getWidth() - getCompoundPaddingLeft() - getCompoundPaddingRight())) {
        return;
    }

    if ((mMarquee == null || mMarquee.isStopped()) && (isFocused() || isSelected()) &&
            getLineCount() == 1 && canMarquee()) {

        if (mMarqueeFadeMode == MARQUEE_FADE_SWITCH_SHOW_ELLIPSIS) {
            mMarqueeFadeMode = MARQUEE_FADE_SWITCH_SHOW_FADE;
            final Layout tmp = mLayout;
            mLayout = mSavedMarqueeModeLayout;
            mSavedMarqueeModeLayout = tmp;
            setHorizontalFadingEdgeEnabled(true);
            requestLayout();
            invalidate();
        }

        if (mMarquee == null) mMarquee = new Marquee(this);
        mMarquee.start(mMarqueeRepeatLimit);
    }
}

阅读上边代码，我们直接看底下的if判断条件：

(mMarquee == null || mMarquee.isStopped()) && (isFocused() || isSelected()) && getLineCount() == 1 && canMarquee()

  1. 没有开始滚动或者上次滚动已经停止
  2. 得到焦点或者被选中
  3. 行数为1
  4. 可以滚动

那么我们的singleline会在哪里被设置呢?

private void applySingleLine(boolean singleLine, boolean applyTransformation,
        boolean changeMaxLines) {
    mSingleLine = singleLine;
    if (singleLine) {
        setLines(1);
        setHorizontallyScrolling(true);
        if (applyTransformation) {
            setTransformationMethod(SingleLineTransformationMethod.getInstance());
        }
    } else {
        if (changeMaxLines) {
            setMaxLines(Integer.MAX_VALUE);
        }
        setHorizontallyScrolling(false);
        if (applyTransformation) {
            setTransformationMethod(null);
        }
    }
}

代码中设置的singleline可以让文字跑起来，但是maxline不能

/**
 * If true, sets the properties of this field (number of lines, horizontally scrolling,
 * transformation method) to be for a single-line input; if false, restores these to the default
 * conditions.
 *
 * Note that the default conditions are not necessarily those that were in effect prior this
 * method, and you may want to reset these properties to your custom values.
 *
 * @attr ref android.R.styleable#TextView_singleLine
 */
@android.view.RemotableViewMethod
public void setSingleLine(boolean singleLine) {
    // Could be used, but may break backward compatibility.
    // if (mSingleLine == singleLine) return;
    setInputTypeSingleLine(singleLine);
    applySingleLine(singleLine, true, true);
}
// We need to update the single line mode if it has changed or we
// were previously in password mode.
if (mSingleLine != singleLine || forceUpdate) {
    // Change single line mode, but only change the transformation if
    // we are not in password mode.
    applySingleLine(singleLine, !isPassword, true);
}
public TextView(
        Context context, @Nullable AttributeSet attrs, int defStyleAttr, int defStyleRes) {
    super(context, attrs, defStyleAttr, defStyleRes);

    int n = a.getIndexCount();
    for (int i = 0; i < n; i++) {
        int attr = a.getIndex(i);

        switch (attr) {

        case com.android.internal.R.styleable.TextView_maxLines:
            setMaxLines(a.getInt(attr, -1));
            break;

        case com.android.internal.R.styleable.TextView_lines:
            setLines(a.getInt(attr, -1));
            break;

        case com.android.internal.R.styleable.TextView_minLines:
            setMinLines(a.getInt(attr, -1));
            break;


        case com.android.internal.R.styleable.TextView_scrollHorizontally:
            if (a.getBoolean(attr, false)) {
                setHorizontallyScrolling(true);
            }
            break;

        case com.android.internal.R.styleable.TextView_singleLine:
            singleLine = a.getBoolean(attr, singleLine);
            break;

        case com.android.internal.R.styleable.TextView_ellipsize:
            ellipsize = a.getInt(attr, ellipsize);
            break;

        case com.android.internal.R.styleable.TextView_marqueeRepeatLimit:
            setMarqueeRepeatLimit(a.getInt(attr, mMarqueeRepeatLimit));
            break;

        case com.android.internal.R.styleable.TextView_includeFontPadding:
            if (!a.getBoolean(attr, true)) {
                setIncludeFontPadding(false);
            }
            break;

        case com.android.internal.R.styleable.TextView_cursorVisible:
            if (!a.getBoolean(attr, true)) {
                setCursorVisible(false);
            }
            break;

        }
    }
    a.recycle();
    ...

    // This call will save the initial left/right drawables
    setCompoundDrawablesWithIntrinsicBounds(
        drawableLeft, drawableTop, drawableRight, drawableBottom);
    setRelativeDrawablesIfNeeded(drawableStart, drawableEnd);
    setCompoundDrawablePadding(drawablePadding);

    // Same as setSingleLine(), but make sure the transformation method and the maximum number
    // of lines of height are unchanged for multi-line TextViews.
    setInputTypeSingleLine(singleLine);
    applySingleLine(singleLine, singleLine, singleLine);

    if (singleLine && getKeyListener() == null && ellipsize < 0) {
            ellipsize = 3; // END
    }

    switch (ellipsize) {
        case 1:
            setEllipsize(TextUtils.TruncateAt.START);
            break;
        case 2:
            setEllipsize(TextUtils.TruncateAt.MIDDLE);
            break;
        case 3:
            setEllipsize(TextUtils.TruncateAt.END);
            break;
        case 4:
            if (ViewConfiguration.get(context).isFadingMarqueeEnabled()) {
                setHorizontalFadingEdgeEnabled(true);
                mMarqueeFadeMode = MARQUEE_FADE_NORMAL;
            } else {
                setHorizontalFadingEdgeEnabled(false);
                mMarqueeFadeMode = MARQUEE_FADE_SWITCH_SHOW_ELLIPSIS;
            }
            setEllipsize(TextUtils.TruncateAt.MARQUEE);
            break;
    }
}

上边代码挑选出了有价值的部分，我们可以看到当我们在xml中设置了两个属性的时候所改变的值：

  1. singleline = true : 会设置singleLine为true

  2. maxlines = 1:setMaxLines(a.getInt(attr, -1));

    /**
* Makes the TextView at most this many lines tall.
*
* Setting this value overrides any other (maximum) height setting.
*
* @attr ref android.R.styleable#TextView_maxLines
*/
@android.view.RemotableViewMethod
public void setMaxLines(int maxlines) {
   mMaximum = maxlines;
   mMaxMode = LINES;

   requestLayout();
   invalidate();
}

但是Android Studio居然提示我们使用maxline这个属性替代singleline这个属性，是不是很滑稽

无可奈何.jpg

最后结论

我们如果想让文本跑马灯，那么我们需要设置如下属性：

android:singleLine="true"
android:marqueeRepeatLimit="marquee_forever"
android:ellipsize="marquee"
android:focusableInTouchMode="true"
android:focusable="true"
NoClay
关注
专栏目录
纯CSS滚动字幕(跑马灯)
11-30
使用纯CSS实现的滚动字幕(跑马灯)，使用了 animation 和 transform 结合，移动端和PC端都可使用
iapp文本跑马灯
09-17
根据给定的信息，“iapp文本跑马灯”这一主题涉及到的是在iapp平台上实现文本滚动显示（即跑马灯效果）的技术细节与方法。以下将从不同方面详细解析这一知识点。 ### iapp平台简介 iapp是一种基于Android系统的...
跑马灯
02-06 224
input{ background:transparent;  /* 输入框背景透明 */ border:none;    /* 无边框 */ color:#ffb400; font-size:45px; font-weight:bold; font-family:黑体;}var msg="这是跑马灯，我跑啊跑啊跑";  //跑马灯的文字var interval = 400;      //跑
基于RK3568 Android11 移除长按电源按键弹窗的对话框中的 [关机] 和 [紧急呼救] 选项（详细分析）
最新发布
morecrazylove的博客
08-10 1339
一般来说，与Android按键窗口事件相关的基本是与frameworks/base/services/core/java/com/android/server/policy/PhoneWindowManager.java这个文件有关。
文字跑马灯
FanRQ_的博客
12-06 440
MarqueeTextView.java //新建一个自定义控件，继承TextView就行 public class MarqueeTextView extends android.support.v7.widget.AppCompatTextView{ public MarqueeTextView(Context context) { super(context)...
文本框走动跑马灯
技术成就梦想，知识改变命运 !
03-01 924
var msg="欢迎访问 "; var interval = 100; var space10=""; var seq=0; function Scroll() { document.tmForm.tmText.value = msg.substring(seq, msg.length) + space10 + msg.substring(0, msg.length); se
实现文字的跑马灯效果，Textview
zhangzhangliyin的博客
05-06 394
1.实现文字的跑马灯效果 关于实现文字的跑马灯效果网上有很多的版本， 接下来我就简单的说两个版本，供猿们参考 1）小妞在LinearLayout布局里写下如下代码 LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"     android:layout_width="match_parent"
28335跑马灯_28335跑马灯_28335_跑马灯DSP_f28335跑马灯_TMS320F28335_
10-01
跑马灯是一种常见的电子显示效果，常用于LED灯带或显示屏上，呈现出连续滚动的视觉效果。在本项目中，我们将关注的是使用TMS320F28335 DSP（数字信号处理器）来实现跑马灯功能。TMS320F28335是德州仪器（TI）生产的...
DSP跑马灯奇数_程序_dsp跑马灯程序_dsp跑马灯_
10-03
标题中的“DSP跑马灯奇数”可能指的是一个特定的设计，它可能强调了在跑马灯效果中奇数位置的LED灯的特殊处理或模式。 跑马灯效果通常涉及到一串LED灯按照一定的顺序依次点亮或熄灭，创造出一种光点移动的视觉效果...
vhdl.rar_matlab跑马灯_vhdl跑马灯_流水灯 matlab_跑马灯_跑马灯VHDL
07-14
vhdl跑马灯 适合初学者同学...流水灯的制作
实现按键控制跑马灯的启停_按键控制跑马灯启停_
10-03
5. **状态管理**：在程序中设置一个变量来记录跑马灯当前的状态（开或关），并根据这个状态来决定是否执行跑马灯的更新逻辑。 6. **延时函数**：为了实现LED逐个点亮的效果，通常会用到延时函数。可以使用系统...
文字跑马灯的两种方法
Dimen-zhou的博客
05-09 652
跑马灯效果就是获取TextView的焦点 方式1：textview.setFocusable（true）；                    textview.setFocusableInTouchMode（true）；                    textview.requestFoucs（true）； 方式2：TextView自定义控件，重写 isFocu
Android Framework Overlay
今天也是星期五的博客
03-26 519
product/overlay/framework-res__auto_generated_rro_product.apk(如果是PRODUCT_PACKAGE_OVERLAYS方式引用)vendor/overlay/framework-res__auto_generated_rro_vendor.apk(如果是DEVICE_PACKAGE_OVERLAYS方式引用)在.mk文件中搜索PRODUCT_PACKAGE_OVERLAYS或者DEVICE_PACKAGE_OVERLAYS关键字。
TextView:ellipsize设置了Marquee显示省略号
shiny_dct的专栏
05-30 2193
不同厂商定制的Android系统，TextView:ellipsize设置了Marquee显示省略号
ViewConfiguration常量字段介绍
孤云博客
06-14 1030
随时随地阅读更多技术实战干货，获取项目源码、学习资料，请关注源代码社区公众号(ydmsq666) /** * 包含了方法和标准的常量用来设置UI的超时、大小和距离 */ public class ViewConfiguration { // 设定水平滚动条的宽度和垂直滚动条的高度 priva...
android自定义view生命周期,android基础之自定义view
weixin_42332910的博客
05-25 627
一、Custom View1、view的继承关系view继承关系.png2、Android 如何绘制试图层次当activity获取焦点时，它必须提供layout层次的根节点，然后android 系统开始视图的绘制过程。绘制是从layout的根节点开始的，按照从上往下的顺序，父元素优先子元素。绘制的两个过程：measuring pass:实现measure(int,int)方法，顺序也是从上往下，每...
Android在长按关机键弹框中添加新的选项（如截屏，提示语）
Json_Jerry的博客
01-15 1651
首先从PhoneWindowsManager.java看起，这里会调用 private void interceptPowerKeyDown(boolean handled) { mPowerKeyHandled = handled; if (!handled) { mHandler.postDelayed(mPowerLongPre
Android 关机流程
一杯咖啡的专栏
11-26 2453
Power键灭屏流程是从PhoneWindowManager监听Power键开始的，PowerManager负责调用PMS下的GoToSleep方法灭屏，Notifier负责发灭屏广播，WinDowManagerPolicy负责锁屏，其时序图如 以按Power键关机流程为例子分析一下流程： Power键的key值响应在PhoneWindowManager的interceptKeyBe...
JavaScript文本特效实战：3个跑马灯实例
首先，我们来看第一个实例——标题跑马灯。这个特效通常用于新闻网站的标题栏，文字会在一个预设区域内来回滚动，当文字溢出边界时会自动消失。实现这一效果的关键在于`setTimeout`函数，它按照设定的时间间隔（100...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值