ListView 中的TextView实现跑马灯效果

时间:2023-12-19 22:46:14

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

ListView 中的TextView实现跑马灯效果要实现这样的效果,废话不多说直接上代码:

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. <?xml version="1.0" encoding="utf-8"?>
  3. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  4. android:orientation="vertical" android:layout_width="fill_parent"
  5. android:layout_height="fill_parent">
  6. <TextView android:layout_width="fill_parent"
  7. android:layout_height="wrap_content" android:text="@string/hello" />
  8. <ListView android:id="@+id/list" android:layout_height="wrap_content"
  9. android:layout_width="fill_parent"   android:focusable="true"
  10. android:background="@android:color/transparent"></ListView>
  11. </LinearLayout>

主类代码:ListViewItemActivity。java

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

adapter类代码: ListItemAdapter.java

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

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

实体类代码Channel.java

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


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

[java] view
plain
copy
  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);