ListView 中的TextView实现跑马灯效果

案例:怎么样在一个ListView中含有TextView的item中实现字母滚动呢。这个在一些特定的场合经常用得到。如下图,当焦点位于某个item的时候其内容就自动滚动显示

要实现这样的效果,废话不多说直接上代码:

adapter对应的layout

对应的listView的layout

切记千万不要在TextView中加上android:focusable="true"

  1. <LinearLayout android:orientation="vertical"  
  2.     android:layout_width="fill_parent" android:layout_height="wrap_content"  
  3.     xmlns:android="http://schemas.android.com/apk/res/android">  
  4.     <RelativeLayout android:gravity="center_vertical"  
  5.         android:orientation="horizontal" android:layout_width="fill_parent"  
  6.         android:layout_height="32.0dip">  
  7.         <TextView android:textSize="16dip" android:gravity="center"  
  8.             android:id="@+id/list_live_content_time" android:layout_width="56dip"  
  9.             android:layout_height="fill_parent" />  
  10.         <TextView android:textSize="16dip" android:ellipsize="marquee"  
  11.             android:id="@+id/list_live_content_programm" android:layout_width="260dip"  
  12.             android:layout_height="fill_parent" android:singleLine="true"  
  13.             android:layout_toRightOf="@id/list_live_content_time" />  
  14.     </RelativeLayout>  
  15. </LinearLayout>  


 

man.xml

如下红色字体 一定要加上 android:focusable="true"

  1. <!--如下红色字体 一定要加上 android:focusable="true" -->  
  2.   
  3.  <?xml version="1.0" encoding="utf-8"?>  
  4. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  5.     android:orientation="vertical" android:layout_width="fill_parent"  
  6.     android:layout_height="fill_parent">  
  7.     <TextView android:layout_width="fill_parent"  
  8.         android:layout_height="wrap_content" android:text="@string/hello" />  
  9.     <ListView android:id="@+id/list" android:layout_height="wrap_content"  
  10.         android:layout_width="fill_parent"   android:focusable="true"  
  11.         android:background="@android:color/transparent"></ListView>  
  12. </LinearLayout>  



主类代码:ListViewItemActivity。java

  1. package com.jzh.testitem;  
  2.   
  3. import java.util.ArrayList;  
  4. import java.util.List;  
  5.   
  6. import android.app.Activity;  
  7. import android.os.Bundle;  
  8. import android.view.View;  
  9. import android.widget.AdapterView;  
  10. import android.widget.AdapterView.OnItemClickListener;  
  11. import android.widget.ListView;  
  12.   
  13. public class ListViewItemActivity extends Activity {  
  14.     /** Called when the activity is first created. */  
  15.     private ListItemAdapter adapter;  
  16.     private List<Channel> list;  
  17.     private ListView channelList;  
  18.   
  19.     @Override  
  20.     public void onCreate(Bundle savedInstanceState) {  
  21.         super.onCreate(savedInstanceState);  
  22.         setContentView(R.layout.main);  
  23.         channelList = (ListView) findViewById(R.id.list);  
  24.         list = new ArrayList<Channel>();  
  25.         list.add(new Channel(  
  26.                 "9:12",  
  27.                 "那些流逝的时光我想和电影里一样对你说--我爱你,我爱你,我爱你..光影世界的我爱你。一次一次,我不厌其烦地切回那个镜头,找到你最深情的一刻,复制这句不能再普通不能再庸俗的话语。而你,屡屡感动我在冰冷的屏幕前。"));  
  28.         list.add(new Channel("10:35""A不喜欢吃鸡蛋,每次发了鸡蛋都给B吃。"));  
  29.         list.add(new Channel("12:55",  
  30.                 "A不喜欢吃鸡蛋,每次发了鸡蛋都给B吃。刚开始B很感谢,久而久之便习惯了。习惯了,便理所当然了"));  
  31.         list.add(new Channel(  
  32.                 "14:30",  
  33.                 "于是,直到有一天,A将鸡蛋给了C,B就不爽了。她忘记了这个鸡蛋本来就是A的,A想给谁都可以。为此,她们大吵一架,从此绝交。其实,不是别人不好了,而是我们的要求变多了。习惯了得到,便忘记了感恩。"));  
  34.         adapter = new ListItemAdapter(this.getApplicationContext(), list);  
  35.         channelList.setAdapter(adapter);  
  36.         channelList.setOnItemClickListener(new OnItemClickListener() {  
  37.   
  38.             @Override  
  39.             public void onItemClick(AdapterView<?> arg0, View arg1, int arg2,  
  40.                     long arg3) {  
  41.                 adapter.setIndex(arg2);  
  42.                 adapter.notifyDataSetChanged();  
  43.   
  44.             }  
  45.         });  
  46.     }  
  47. }   


adapter类代码: ListItemAdapter.java

注意下面加注释的两行代码一定要设置你的textView的setSelected(true);

  1. package com.jzh.testitem;  
  2.   
  3. import java.util.List;  
  4.   
  5. import android.content.Context;  
  6. import android.graphics.Color;  
  7. import android.view.LayoutInflater;  
  8. import android.view.View;  
  9. import android.view.ViewGroup;  
  10. import android.widget.BaseAdapter;  
  11. import android.widget.TextView;  
  12.   
  13. public class ListItemAdapter extends BaseAdapter {  
  14.     private LayoutInflater inflater;  
  15.     private List<Channel> items;  
  16.     private int index = 0;  
  17.   
  18.     public ListItemAdapter(Context context, List<Channel> items) {  
  19.         super();  
  20.         this.inflater = LayoutInflater.from(context);  
  21.         this.items = items;  
  22.     }  
  23.   
  24.     public void setIndex(int selected) {  
  25.         index = selected;  
  26.     }  
  27.   
  28.     @Override  
  29.     public int getCount() {  
  30.         // TODO Auto-generated method stub  
  31.         return items.size();  
  32.     }  
  33.   
  34.     @Override  
  35.     public Object getItem(int position) {  
  36.         // TODO Auto-generated method stub  
  37.         return items.get(position);  
  38.     }  
  39.   
  40.     @Override  
  41.     public long getItemId(int position) {  
  42.         // TODO Auto-generated method stub  
  43.         return position;  
  44.     }  
  45.   
  46.     @Override  
  47.     public View getView(int position, View convertView, ViewGroup parent) {  
  48.         ViewHolder holder;  
  49.         if (convertView == null) {  
  50.             convertView = inflater.inflate(R.layout.live_content_adapter, null);  
  51.             holder = new ViewHolder();  
  52.             holder.time_tv = (TextView) convertView  
  53.                     .findViewById(R.id.list_live_content_time);  
  54.             holder.content_tv = (TextView) convertView  
  55.                     .findViewById(R.id.list_live_content_programm);  
  56.         } else {  
  57.             holder = (ViewHolder) convertView.getTag();  
  58.         }  
  59.         if (index == position) {  
  60.           
  61.             convertView.setBackgroundColor(Color.GREEN);  
  62.                              //此处就是设置textview为选中状态,方可以实现效果         
  63.              convertView.findViewById(R.id.list_live_content_programm)  
  64.              .setSelected(true);  
  65.   
  66.         } else {  
  67.             convertView.setBackgroundColor(Color.BLUE);  
  68.             //没选中的就不用设置了                             
  69.                         convertView.findViewById(R.id.list_live_content_programm)  
  70.              .setSelected(false);  
  71.         }  
  72.         convertView.setTag(holder);  
  73.         holder.time_tv.setText(items.get(position).getLiveTime());  
  74.         holder.content_tv.setText(items.get(position).getLiveContent());  
  75.         return convertView;  
  76.     }  
  77.   
  78.     private class ViewHolder {  
  79.         private TextView time_tv;  
  80.         private TextView content_tv;  
  81.     }  
  82. }  



实体类代码Channel.java

  1. package com.jzh.testitem;  
  2.   
  3. public class Channel {  
  4.     private String liveTime;  
  5.     private String liveContent;  
  6.   
  7.     public Channel(String liveTime, String liveContent) {  
  8.         super();  
  9.         this.liveTime = liveTime;  
  10.         this.liveContent = liveContent;  
  11.     }  
  12.   
  13.     public String getLiveTime() {  
  14.         return liveTime;  
  15.     }  
  16.   
  17.     public String getLiveContent() {  
  18.         return liveContent;  
  19.     }  
  20.   
  21. }  


这篇文章是我转载的  这个人的 http://blog.csdn.net/jzh2012/article/details/6885204  大家可以看看,其实我最后找到了比较简单的相对来说你可以在 item的里面设置TextView的属性,至少我先在认为的几个不可或去的  

[java] view plaincopy
  1. <TextView android:id="@+id/app_loc"   
  2.             android:layout_width="120dip"  
  3.             android:layout_height="wrap_content"   
  4.             android:textColor="#000000"   
  5.             android:textSize="12dp"  
  6.             android:layout_marginLeft="10dip"  
  7.             android:focusableInTouchMode="true"  
  8.             android:ellipsize="marquee"    
  9.             android:scrollHorizontally="true"   
  10.             android:marqueeRepeatLimit="marquee_forever"></TextView>  

可以参考我的一下....然后 如果想不获取焦点就让TextView 的跑马灯效果 直接在自定义adapter中setView方法找到 该TextView 并设置 成convertView.findViewById(R.id.app_loc)  
        .setSelected(true); 
posted @ 2015-03-13 19:45  若 ♂ 只如初见  阅读(2284)  评论(0编辑  收藏  举报