源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

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

  • 时间:2022-01-13 16:01 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:Android中使用TextView实现文字跑马灯效果
[b]通常情况下我们想实现文字的走马灯效果需要在xml文件中这样设置[/b]
<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" /> 
大家都懂的就不解释了。 [b]singleLine :[/b]boolean型的是否让文字只显示在一行而不是多行显示 [b]ellipsize:[/b]滚动效果,里面有(none,start,middle,end,marquee),其中none表示正常显示文字,即使一行显示不完全,也无任何效果。star,就是假如文字在一行显示不完全,在开头显示...,同理,end一行的最后一个文字后面加...,middle就是所有文字显示在一行,如果文字太多,在中间加入...。可能我解释的不清楚,大概就是这样 读者可以自己测试一下。至于marquee就是文字走马灯效果啦。 当然,如果你只设置了这些文字还是不会滚动的。还要使TextView获取焦点。 [b]focusable:[/b]是否能够焦点,boolean型的 [b]focusableInTouchMode:[/b]boolean型的。 在触摸模式下是否获取焦点。 当你设置了这些部署在手机上,很明显会实现走马灯效果。效果如下: [img]http://files.jb51.net/file_images/article/201704/201704060931131.gif[/img] 可是如果你在这个Activity实例中再添加一个编辑框控件,点击编辑框后就会发现走马灯效果消失了. 就像这样 [img]http://files.jb51.net/file_images/article/201704/201704060931132.gif[/img] [b]这是为什么呢?[/b] 因为点击编辑框,编辑框会获取屏幕焦点,由于通常情况下屏幕的焦点只能有一个,TextView失去了焦点,也就不会滚动了。这时候我们要怎么办呢? 那就欺骗系统呗。告诉它我们的TextView也是有焦点的。没错 两个焦点。 如何做?我们就新建一个我们自己的TextView呗。 首先我们新建一个名为MyTextView继承TextView的类,重写里面的方法,其中有三个方法是必须的,就像我们总在MainActivity里面重写OnCreate方法一样,作用是什么 我也不清楚。好奇的同学请百度。哈哈~ [b]我们要知道系统是如何判断一个控件是否获取焦点了呢?[/b]
public boolean isFocused() { 
  // TODO Auto-generated method stub 
  return super.isFocused(); 
} 
就是这个方法。前面说了 我们要欺骗系统 我们的TextViwe是有焦点的。所以我们在这个方法里面一直return true就好了 哈哈  是不是特流氓。。。 做完了这些别忘记把我们的TextView部署到布局文件中哦 [b]布局代码:[/b]
<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> 
[b]MainActivity.class[/b]
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); 
  } 
} 
[b]MyTextView.class[/b]
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; 
  } 
} 
对了 附上效果图。都看到光标在编辑框了~ [img]http://files.jb51.net/file_images/article/201704/201704060931133.gif[/img] 以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持编程素材网!
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部