android ellipsize的使用及实现跑马灯效果总结

摘要:
对于EditText用户输入的文本,android:ellipize属性是无用的。关于使用EditText设置android:ellipize,我会在这里留下标记,以防我忘记。为了在TextView中实现字幕效果,我们需要两个属性:android:singleLine=“true”和android:ellisize=“marquee”。让我们看一下以下代码:运行此代码后,我们会发现字幕效果没有显示,并且显示的文本没有移动。原因是字幕效果需要TextVIew才能获得当前焦点。

参考资料:

http://blog.csdn.net/huiwolf2008/article/details/7901084

http://www.cnblogs.com/Gaojiecai/archive/2013/06/18/3142783.html

在TextView 和 EditText中,可以使用ellipsize来设置文字溢出隐藏,如:“一段很长的文本...”

用法如下:

在xml中

android:ellipsize = "end"   省略号在结尾

android:ellipsize = "start"   省略号在开头

android:ellipsize = "middle" 省略号在中间

android:ellipsize = "marquee" 跑马灯

最好加一个约束android:singleline = "true" 或者 android:maxLines="1"

当然也可以用代码语句

tv.setEllipsize(TextUtils.TruncateAt.valueOf("END"));

tv.setEllipsize(TextUtils.TruncateAt.valueOf("START"));

tv.setEllipsize(TextUtils.TruncateAt.valueOf("MIDDLE"));

tv.setEllipsize(TextUtils.TruncateAt.valueOf("MARQUEE"));

最好再加一个约束tv.setSingleLine(true);

注:EditText中不支持marquee模式!


最近无意间看到了涉及到跑马灯效果的代码,于是在网上查阅了很多资料,在这里对自己看的一些文章进行一下总结,顺便加上自己的一些体会。

让我们一步步逐渐向下。

首先我们要实现走马灯这样一个效果,通常来说都是在TextView这个控件中来实现的,而且其中的文字一定是单行显示,如果多行显示,那走马灯效果

也就失去了存在的意义。另外,在EditText中使用走马灯没有必要,也不合理,实际上对于EditText来说android:ellipsize这个属性只有对于设置在android:hint中的文字

的时候是有用的,而且android:ellipsize="marquee"这个用法不能用在EditText控件上。对于在EditText用户输入的文字,android:ellipsize这个属性没有用处。关于EditText

设置android:ellipsize的相关用法以后再讲,在这里也算留个标记,以防自己忘了。

在TextView中实现我们的走马灯效果,需要两个属性android:singleLine="true",以及android:ellipsize="marquee",我们来看下面的代码:

    <?xml version="1.0" encoding="utf-8"?>  
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
        android:layout_width="fill_parent"  
        android:layout_height="fill_parent"  
        android:orientation="vertical" >  
      
        <TextView  
            android:layout_width="100dip"  
            android:layout_height="wrap_content"  
            android:layout_gravity="center"  
            android:text="走马灯效果的演示"   
            android:singleLine="true"  
            android:ellipsize="marquee"/>  
      
    </LinearLayout>  

运行这段代码之后,我们会发现走马灯效果并没有显示出来,显示出的文字是不动的

这其中的原因在于跑马灯效果需要TextVIew获得当前的焦点(focus)。然而对于TextView这个控件来说,他的默认的Clickable,LongClickable,Focusable,

FocusableInTouchMode这四个属性的值都是false,所以跑马灯效果也就不会出来了,即使你用手触摸TextView或者按下手机上的导航按键(现在的手机没这

个东东了都。。。)也是无法显示跑马灯的效果的。

解决这个问题我们就需要让我们的TextView得到焦点,这里主要涉及android:focusable和android:focusableInTouchMode这两个属性,简单来说把这两个属性都设置成

true,那么在运行程序以后跑马灯效果就显示出来了,这里就不再贴这两行代码了。

但是细细品味这两个属性之后发现其中其实还是有一些玄机的:

1.。如果这两个属性设置成android:focusable="true"以及android:focusableInTouchMode="false",那么会发现程序运行之后,走马灯效果没有出现,

这个时候需要用户按下手机或者模拟器上的上下导航键,才能让走马灯的效果出现,这说明android:focusable是针对于手机按键有效的,然而根据api的解释,

android:focusableInTouchMode是根据屏幕触摸决定的。

2。如果这两个属性设置成android:focusable="false"与android:focusableInTouchMode="true",那么无论如何走马灯都出现不了了,就算加上android:clickable="true"

也不行,这说明 android:focusable="true"是android:focusableInTouchMode="true"能有效的先决条件,我推测可能是在源码实现中,android:focusableInTouchMode

的逻辑是嵌套在android:focusable中的,这个有待于以后进一步的研究,路漫漫其修远兮。。。

3。在把这两个属性都设置成true以后,会发现程序运行之后,走马灯效果自动就显现了出来,这说明应用在运行后,会自动地按照某种顺序(在这里应该是自上而下),

寻找第一个android:focusableInTouchMode="true"这个属性有效的第一个控件,当然要使这个属性有效按照前面的讨论android:focusable="true"也必须具备。根据测试,

LinearLayout的Clickable,LongClickable,Focusable,FocusableInTouchMode这四个属性默认也都是false,因此,在上面的例子中TextView就率先获得了焦点,

走马灯也就走了起来了。

这里我们做一下验证,首先将代码修改为:

    <?xml version="1.0" encoding="utf-8"?>  
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
        android:layout_width="fill_parent"  
        android:layout_height="fill_parent"  
        android:orientation="vertical"   
        android:focusable="true">  
      
        <TextView  
            android:layout_width="100dip"  
            android:layout_height="wrap_content"  
            android:layout_gravity="center"  
            android:text="走马灯效果的演示"   
            android:singleLine="true"  
            android:ellipsize="marquee"  
            android:focusable="true"  
            android:focusableInTouchMode="true"  
            ></TextView>  
      
    </LinearLayout>  

也就是为LinearLayout加上了android:focusable="true"然后运行应用,会发现TextView的走马灯照走不误:

然后我们为LinearLayout加上android:focusableInTouchMode="true"然后再运行,会发现走马灯失效了。

这里也就验证了我们总结的第三条结论。

但是稍等,我们在这里又发现问题了!现在无论我们怎么点击导航按钮,又或是点击屏幕上的TextView走马灯死活都走不出来了。这是怎么回事呢?

让我们理顺一下思路,按照我们前面的总结,走马灯要想有效,TextView必须要得到焦点,现在走马灯出不来,说明TextView没有得到焦点。

这里有两个情况,一是导航按钮无法让TextView或得焦点,二是屏幕点击无法让TextView获得焦点。

先看第一种情况,第一种情况的原因在于使用导航按钮切换焦点默认的的方式会跳过内部控件,说白了,上面例子里面的TextView在LinearLayout里面,现在

LinearLayout有焦点,如果你按导航按钮上下按键,焦点只会在LinearLayout同层次的控件之间切换,不会进入到Linearlayout内部,为了验证这个结论,我们使用

下面的代码:

    <?xml version="1.0" encoding="utf-8"?>  
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
        android:layout_width="fill_parent"  
        android:layout_height="fill_parent"  
        android:orientation="vertical"   
        >  
        <LinearLayout android:layout_width="fill_parent"  
            android:layout_height="100dip"  
            android:focusable="true"  
            android:focusableInTouchMode="true"/>  
        <TextView  
            android:layout_width="100dip"  
            android:layout_height="wrap_content"  
            android:layout_gravity="center"  
            android:text="走马灯效果的演示"   
            android:singleLine="true"  
            android:ellipsize="marquee"  
            android:focusable="true"  
            android:focusableInTouchMode="true"  
            ></TextView>  
      
    </LinearLayout>  

然后我们运行程序,会发现开始的时候走马灯没有自动运行,因为这时候焦点在代码里面的第二个LinearLayout那里,然后我们按下导航下按键,会发现走马灯效果出来了,

 这里我就不贴图了。

但是稍等,再重新运行应用,不要按导航按键,然后我们这个时候用手指或者说模拟器里的鼠标继续点击TextView,会发现走马灯还是没有出现。

这个时候我们来到了第二种情况了。

这里的问题可以总结为,除了应用第一次开启的时候,应用自动寻找到android:focusableInTouchMode="true"属性有效的控件冰赋予焦点,我们要如何

自行通过点击屏幕的方式使一个控件获得焦点,在这种情况之下控件想要获得焦点的流程是什么。

这方面的资料我没有查到,所以只能自己做一些试验,然后总结。有盲人摸象的嫌疑,但是我认为在某种程度上是管用的,继续。

首先我们将代码修改为如下所示:

 1     <?xml version="1.0" encoding="utf-8"?>  
 2     <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
 3         android:layout_width="fill_parent"  
 4         android:layout_height="fill_parent"  
 5         android:orientation="vertical"   
 6         >  
 7         <LinearLayout android:layout_width="fill_parent"  
 8             android:layout_height="100dip"  
 9             android:focusable="true"  
10             android:focusableInTouchMode="true"  
11             />  
12         <TextView  
13             android:layout_width="100dip"  
14             android:layout_height="wrap_content"  
15             android:layout_gravity="center"  
16             android:text="走马灯效果的演示"   
17             android:singleLine="true"  
18             android:ellipsize="marquee"  
19             android:clickable="true"  
20             android:focusable="true"  
21             android:focusableInTouchMode="true"  
22             ></TextView>  
23       
24     </LinearLayout>  

也就是给TextView加上了一个android:clickable="true"属性,然后运行之后发现,现在通过触摸的方式点击TextView可以让走马灯初显也就是可以让TextView获得焦点了。

看起来问题解决了,但是仔细想想其中还是有一些值得思考的地方:

 android:clickable与android:focusableInTouchMode之间是一种什么关系?是说一个空间如果要想能获得焦点就必须可点击吗?又或者说一个空间只要可以点击

就一定可以获得焦点?这二者之间是充要条件还是充分条件还是必要条件?

我们来做一下验证:

首先运行如下代码:

 1     <?xml version="1.0" encoding="utf-8"?>  
 2     <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
 3         android:layout_width="fill_parent"  
 4         android:layout_height="fill_parent"  
 5         android:orientation="vertical"   
 6         >  
 7         <LinearLayout android:layout_width="fill_parent"  
 8             android:layout_height="100dip"  
 9             android:clickable="true"  
10             />  
11         <TextView  
12             android:layout_width="100dip"  
13             android:layout_height="wrap_content"  
14             android:layout_gravity="center"  
15             android:text="走马灯效果的演示"   
16             android:singleLine="true"  
17             android:ellipsize="marquee"  
18             android:clickable="true"  
19             android:focusable="true"  
20             android:focusableInTouchMode="true"  
21             ></TextView>  
22       
23     </LinearLayout>  

运行后会发现,应用开始以后跑马灯马上出现,鼠标点击TextView上方的位置也就是第二个LinearLayout的区域,跑马灯不停止,这说明:

 android:clickable="true"不一定就能获得焦点,也就是一个空间能点击不一定就能获得焦点。

我们来看下一段代码:

 1     <?xml version="1.0" encoding="utf-8"?>  
 2     <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
 3         android:layout_width="fill_parent"  
 4         android:layout_height="fill_parent"  
 5         android:orientation="vertical"   
 6         >  
 7         <LinearLayout android:layout_width="fill_parent"  
 8             android:layout_height="100dip"  
 9             android:clickable="false"  
10             android:focusable="true"  
11             android:focusableInTouchMode="true"  
12             />  
13         <TextView  
14             android:layout_width="100dip"  
15             android:layout_height="wrap_content"  
16             android:layout_gravity="center"  
17             android:text="走马灯效果的演示"   
18             android:singleLine="true"  
19             android:ellipsize="marquee"  
20             android:clickable="true"  
21             android:focusable="true"  
22             android:focusableInTouchMode="true"  
23             ></TextView>  
24       
25     </LinearLayout>  

这段代码运行之后,首先代码中的第二个LinearLayout自动获得焦点,然后我们点击TextView。跑马灯出现,TextView获得焦点,然后我们点击TextView上方区域,

 跑马灯不停止。这说明如果一个空间能获得触摸模式焦点但却不能点击,那么在触摸模式下无论怎么触摸也还是不能获得焦点的。

好的我们来看最后一段代码:

 1     <?xml version="1.0" encoding="utf-8"?>  
 2     <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
 3         android:layout_width="fill_parent"  
 4         android:layout_height="fill_parent"  
 5         android:orientation="vertical"   
 6         >  
 7         <LinearLayout android:layout_width="fill_parent"  
 8             android:layout_height="100dip"  
 9             android:clickable="true"  
10             android:focusable="true"  
11             android:focusableInTouchMode="true"  
12             />  
13         <TextView  
14             android:layout_width="100dip"  
15             android:layout_height="wrap_content"  
16             android:layout_gravity="center"  
17             android:text="走马灯效果的演示"   
18             android:singleLine="true"  
19             android:ellipsize="marquee"  
20             android:clickable="true"  
21             android:focusable="true"  
22             android:focusableInTouchMode="true"  
23             ></TextView>  
24       
25     </LinearLayout>  

这段代码运行之后,首先走马灯不出现,代码中的第二个LinearLayout获得焦点,然后我们点击第二个TextView,走马灯出现,然后我们点击TextView上方的区域,

 走马灯效果消失,说明焦点转移到代码中的第二个LinearLayout。

好的,总结一下也就是说,在触摸模式下android:clickable="true"是(android:focusable="true",android:focusableInTouchMode="true")能获得焦点的必要条件,

就是说一个控件想要在触摸模式下获得焦点就一定要可点击,上面三个属性都要有。


上面是两位作者进行的尝试,我自己没验证,等有时间我就自己验证一下,不过觉得文章不错,还是先保存一下吧!

 

 

免责声明:文章转载自《android ellipsize的使用及实现跑马灯效果总结》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇eclipse中svn的各种图标详解使用IO流读写文件下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

marquee 跑马灯公告

1.原始 marquee 2.自定义 marquee .tops { color: #fff; height: 23px; margin: 0 0 0 20px; min-height: 23px; overflow: hidden; } .tops a { float: left; } .tops li { height: 23px; padding-...

HTML标签marquee 来制作页面滚动

页面的自动滚动效果,可由javascript来实现,但是今天无意中发现了一个html标签 - <marquee></marquee>可以实现多种滚动效果,无需js控制。 使用marquee标记不仅可以移动文字,也可以移动图片,表格等. 语法:<marquee>...</marquee>; 说明:在标记之间添加要...

html单个标签实现跑马灯效果

<marquee>标签,它是成对出现的标签,首标签<marquee>和尾标签</marquee>之间的内容就是滚动内容。<marquee>标签的属性主要有behavior、bgcolor、direction、width、height、hspace、vspace、loop、scrollamount、scrolld...

marquee实现文字移动效果;js+div实现文字无缝移动效果

1.marquee实现文字移动: <marquee width="220px;" scrollamount="5" onmouseover="this.stop()" onmouseout="this.start()" > <p style="letter-spacing:2px; 1px;">...

TextView的跑马灯效果实现

TextView的跑马灯效果实现 问题描述 当文字内容过长,但是只允许显示一行时,可以将文字显示为跑马灯效果,即文字滚动显示。 代码实现 第一种方法实现 先查询TextView控件的属性,得到以下信息: android:ellipsize=”marquee” TextView采用跑马灯属性. android:marqueeRepeatLimit...

hmtl的标签属性

html标签< <marquee>...</marquee>普通卷动 <marquee behavior=slide>...</marquee>滑动 <marquee behavior=scroll>...</marquee>预设卷动 <marquee behavior=al...