iis服务器助手广告广告
返回顶部
首页 > 资讯 > 移动开发 >Android中使用TextView实现文字跑马灯效果
  • 493
分享到

Android中使用TextView实现文字跑马灯效果

跑马灯Android 2022-06-06 01:06:02 493人浏览 八月长安
摘要

通常情况下我们想实现文字的走马灯效果需要在xml文件中这样设置 <TextView Android:layout_width="wrap_content"

通常情况下我们想实现文字的走马灯效果需要在xml文件中这样设置


<TextView 
  Android:layout_width="wrap_content" 
  android:layout_height="wrap_content" 
  android:singleLine="true" 
  android:ellipsize="marquee" 
  android:focusable="true" 
  android:focusableInTouchMode="true" 
  android:text="@string/lyric" /> 

大家都懂的就不解释了。

singleLine :boolean型的是否让文字只显示在一行而不是多行显示

ellipsize:滚动效果,里面有(none,start,middle,end,marquee),其中none表示正常显示文字,即使一行显示不完全,也无任何效果。star,就是假如文字在一行显示不完全,在开头显示...,同理,end一行的最后一个文字后面加...,middle就是所有文字显示在一行,如果文字太多,在中间加入...。可能我解释的不清楚,大概就是这样 读者可以自己测试一下。至于marquee就是文字走马灯效果啦。

当然,如果你只设置了这些文字还是不会滚动的。还要使TextView获取焦点。

focusable:是否能够焦点,boolean型的

focusableInTouchMode:boolean型的。

在触摸模式下是否获取焦点。

当你设置了这些部署在手机上,很明显会实现走马灯效果。效果如下:

可是如果你在这个Activity实例中再添加一个编辑框控件,点击编辑框后就会发现走马灯效果消失了.

就像这样

这是为什么呢?

因为点击编辑框,编辑框会获取屏幕焦点,由于通常情况下屏幕的焦点只能有一个,TextView失去了焦点,也就不会滚动了。这时候我们要怎么办呢?

那就欺骗系统呗。告诉它我们的TextView也是有焦点的。没错 两个焦点。

如何做?我们就新建一个我们自己的TextView呗。

首先我们新建一个名为MyTextView继承TextView的类,重写里面的方法,其中有三个方法是必须的,就像我们总在MainActivity里面重写OnCreate方法一样,作用是什么 我也不清楚。好奇的同学请百度。哈哈~

我们要知道系统是如何判断一个控件是否获取焦点了呢?


public boolean isFocused() { 
  // TODO Auto-generated method stub 
  return super.isFocused(); 
} 

就是这个方法。前面说了 我们要欺骗系统 我们的TextViwe是有焦点的。所以我们在这个方法里面一直return true就好了 哈哈  是不是特流氓。。。

做完了这些别忘记把我们的TextView部署到布局文件中哦

布局代码:


<LinearLayout xmlns:android="Http://schemas.android.com/apk/res/android" 
  android:layout_width="fill_parent" 
  android:layout_height="fill_parent" 
  android:orientation="vertical" > 
  <com.example.textview.MyTextView 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:ellipsize="marquee" 
    android:singleLine="true" 
    android:text="@string/lyric" /> 
  <EditText 
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content" /> 
</LinearLayout> 

MainActivity.class


package com.example.textview; 
import android.os.Bundle; 
import android.app.Activity; 
import android.view.Menu; 
public class MainActivity extends Activity { 
  @Override 
  protected void onCreate(Bundle savedInstanceState) { 
    super.onCreate(savedInstanceState); 
    setContentView(R.layout.activity_main); 
  } 
} 

MyTextView.class


package com.example.textview; 
import android.content.Context; 
import android.util.AttributeSet; 
import android.view.WindowId.FocusObserver; 
import android.widget.TextView; 
public class MyTextView extends TextView{ 
  public MyTextView(Context context, AttributeSet attrs, int defStyle) { 
    super(context, attrs, defStyle); 
    // TODO Auto-generated constructor stub 
  } 
  public MyTextView(Context context, AttributeSet attrs) { 
    super(context, attrs); 
    // TODO Auto-generated constructor stub 
  } 
  public MyTextView(Context context) { 
    super(context); 
    // TODO Auto-generated constructor stub 
  } 
  @Override 
  public boolean isFocused() { 
    // TODO Auto-generated method stub 
    return true; 
  } 
} 

对了 附上效果图。都看到光标在编辑框了~

您可能感兴趣的文章:Android 中TextView中跑马灯效果的实现方法Android TextView实现跑马灯效果的方法Android实现跑马灯效果的方法Android自定义View实现竖直跑马灯效果案例解析Android实现图文垂直跑马灯效果Android自定义textview实现竖直滚动跑马灯效果Android跑马灯MarqueeView源码解析Android基于TextView不获取焦点实现跑马灯效果Android基于TextView属性android:ellipsize实现跑马灯效果的方法Android自定义图文跑马灯效果


--结束END--

本文标题: Android中使用TextView实现文字跑马灯效果

本文链接: https://www.lsjlt.com/news/21881.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • Android文本视图TextView实现跑马灯效果
    本文实例为大家分享了Android文本视图TextView实现跑马灯效果的具体代码,供大家参考,具体内容如下 MainActivity package com.example.j...
    99+
    2024-04-02
  • Android用TextView实现跑马灯效果代码
    目录【前言】一、新手设置跑马灯效果【关键点讲解】【总结】二、高端玩家设置跑马灯效果三、延伸阅读总结【前言】      在Textvi...
    99+
    2024-04-02
  • Android中怎么用TextView实现跑马灯效果
    这篇“Android中怎么用TextView实现跑马灯效果”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“Android中怎么...
    99+
    2023-06-29
  • 在Android中使用TextView实现一个跑马灯效果
    本篇文章为大家展示了在Android中使用TextView实现一个跑马灯效果,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。 条件:android:ellipsize=”marquee”Te...
    99+
    2023-05-31
    textview android roi
  • android中怎么利用TextView实现跑马灯效果
    这篇文章给大家介绍android中怎么利用TextView实现跑马灯效果,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。一、要点设置四个属性android:singleLine="true"andro...
    99+
    2023-05-31
    android textview
  • 怎么在Android中利用TextView实现跑马灯效果
    怎么在Android中利用TextView实现跑马灯效果?针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。MainActivitypackage com.exampl...
    99+
    2023-06-15
  • Android用过TextView实现跑马灯效果的示例
    以前就遇到过这个问题,今天重新拾起来。跑马灯效果其实就是当文字超过TextView控件宽度的时候,使用滚动的方式显示出来:方法1:(直接xml搞定)Android系统中TextView实现跑马灯效果,必须具备以下几个条件: android:...
    99+
    2023-05-30
    textview 跑马灯 roi
  • 如何在Android中利用TextView实现一个跑马灯效果
    本篇文章为大家展示了如何在Android中利用TextView实现一个跑马灯效果,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。Android自带的跑马灯效果不太好控制,还必须要满足条件才能有效果,而...
    99+
    2023-05-31
    android textview roi
  • 怎么在Android中利用TextView实现一个跑马灯效果
    这期内容当中小编将会给大家带来有关怎么在Android中利用TextView实现一个跑马灯效果,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。TextView的跑马灯效果也就是指当你只想让TextView单...
    99+
    2023-05-31
    textview android roi
  • TextView实现跑马灯效果 就这么简单!
    一、方法这里我们用两种方法来实现跑马灯效果,虽然实质上是一种实质就是:TextView调出跑马灯效果TextView获取焦点 第一种:TextView调出跑马灯效果android:ellipsize="marquee"TextVi...
    99+
    2023-05-30
    textview 跑马灯 就这
  • js如何实现文字跑马灯效果
    这篇文章将为大家详细讲解有关js如何实现文字跑马灯效果,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。代码如下<!doctype html> <...
    99+
    2024-04-02
  • Android自定义textview如何实现竖直滚动跑马灯效果
    这篇文章主要为大家展示了Android自定义textview如何实现竖直滚动跑马灯效果,内容简而易懂,希望大家可以学习一下,学习完之后肯定会有收获的,下面让小编带大家一起来看看吧。xml布局<&#63;xml version=...
    99+
    2023-05-31
    android textview roi
  • Android如何实现图文垂直跑马灯效果
    这篇文章将为大家详细讲解有关Android如何实现图文垂直跑马灯效果,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。最近在维护老项目,老项目有一个地方需要修改,就是垂直跑马灯的问题,之前的垂直跑马灯是只有文...
    99+
    2023-05-30
    android
  • Vue3实现跑马灯效果
    本文实例为大家分享了Vue3实现跑马灯效果的具体代码,供大家参考,具体内容如下 先看效果: html部分代码 <div class="app">            ...
    99+
    2024-04-02
  • 小程序怎么实现文字跑马灯效果
    本篇内容主要讲解“小程序怎么实现文字跑马灯效果”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“小程序怎么实现文字跑马灯效果”吧!wxml<view>1 显示完后再显示</view...
    99+
    2023-06-26
  • Android实现跑马灯效果的方式有
    本篇内容介绍了“Android实现跑马灯效果的方式有”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!第一种:较简单,但是局限性强,貌似只能从右...
    99+
    2023-06-20
  • Android TextView跑马灯实现原理及方法实例
    目录前言探秘TextView#onDrawMarquee小结应用MarqueeTextViewMarquee效果总结前言 自定义View实现的跑马灯一直没有实现类似 Android ...
    99+
    2024-04-02
  • 基于React.js实现简单的文字跑马灯效果
    刚好手上有一个要实现文字跑马灯的react项目,然后ant-design上面没有这个组件,于是只能自己手撸一个。 我想到的最简单的方法,就是定位啦,定时移动这个文字块不就跑起来了。 ...
    99+
    2023-01-14
    React实现文字跑马灯效果 React文字跑马灯 React跑马灯
  • Android实现循环轮播跑马灯的效果
    目录先看效果池化思路创造工厂轮询切换动画监听对外能力完整代码先看效果 支持暂停,恢复,view自定义和池化回收复用。使用上,只需要引入xml,并绑定factory即可,内部会在a...
    99+
    2023-05-18
    Android实现循环轮播跑马灯效果 Android实现跑马灯 Android跑马灯
  • Vue如何实现跑马灯效果
    这篇文章主要介绍Vue如何实现跑马灯效果,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!跑马灯效果说明:单击"应援"按钮文字向左飘动,再单击"暂停"按钮停止当前飘动完整代码 (注...
    99+
    2023-06-25
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作