`

ListView 中的TextView实现跑马灯效果

 
阅读更多

转载:http://blog.csdn.net/sky181772733/article/details/7003125#

 

案例:怎么样在一个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的属性,至少我先在认为的几个不可或去的  

  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); 
分享到:
评论

相关推荐

    Android ListView,TextView跑马灯Demo

    综上所述,这个"Android ListView,TextView跑马灯Demo"展示了如何在ListView的每一项中实现TextView的跑马灯效果。通过正确设置TextView的属性和ListView的焦点管理,我们可以在应用中创建出动态、吸引人的UI元素,...

    android listview跑马灯

    在Android开发中,"android listview跑马灯"是指在ListView控件中实现类似滚动广告或文字滚动的效果,通常称为跑马灯效果。这种效果可以让列表中的内容持续滚动,增加视觉吸引力,常用于展示新闻标题、广告轮播或...

    TextView实现上线滚动

    `marquee`是`TextView`的一个特性,它能模拟跑马灯效果,使文本在视图内连续滚动。 要开启`TextView`的滚动效果,我们需要在XML布局文件中设置以下属性: ```xml &lt;TextView android:id="@+id/text_view" android...

    带有跑马灯的RecycleView

    在Android开发中,"带有跑马灯的RecycleView"是一种常见的UI设计,它结合了RecycleView的高效复用机制和跑马灯效果,用于显示连续滚动的通知或广告等信息,同时支持用户点击进入详情页面。RecycleView是Android官方...

    自定义刷新Layout,布局放Listview,TextView或别的控件都可以,亲测完整Demo,欢迎使用

    本文将深入探讨如何实现一个自定义刷新布局,并将其应用到ListView、TextView或其他控件上。 首先,自定义刷新布局通常涉及到以下几个核心组件: 1. **SwipeRefreshLayout**:这是Android SDK提供的一种内置的下拉...

    android中设置TextView/Button 走马灯(Marquee)效果示例

    此外,Android还提供了其他方法来处理滚动效果,例如在TextView中实现垂直滚动,或者在ListView中实现水平和垂直滚动。这些滚动效果可以根据具体需求进行组合,以创建更加复杂和动态的界面。 总的来说,Android的...

    老罗android视频开发源码和ppt经典

    6.4 TextView实现跑马灯效果 6.5 EditText输入表情图像 6.6 EditText中输入特定的字符 6.7 AutoCompleteTextView完成输入 6.8 Button按钮的焦点变化 6.9 Button图文混排的按钮 6.10 RadioButton单选按钮的使用 6.11 ...

    java版商城源码下载-AndroidNotes:安卓开发笔记

    跑马灯效果textview 来自酷安开源协议 带动画的textview 来自酷安开源协议 自定义省略号的textview 来自酷安开源协议 跑马灯 3.2k 来自awesome-android-ui github最强大的开源项目收集者 36k 文字拓展视图、类似...

    办公自动化系统

    3. **跑马灯效果**:在Android中,可以使用TextView的marquee属性实现跑马灯效果,当文本内容超出屏幕宽度时,文本会从一端滚动到另一端,常用于公告或通知的展示。 4. **用户界面设计**:遵循Android Material ...

    Android知识点及重要代码合集 word文档

    3.3跑马灯效果的最小代码集 19 3.4给按钮注册点击事件的方式 19 3.5 EditText属性 20 3.6 simple_list_item_1是什么 21 3.7 ImageView的属性 22 3.8 CheckBox属性及相关代码 23 3.9 RadioGroup属性及相关代码 25 ...

    Android帮助文档及一些资料打包放送

    [Android1_5]TextView跑马灯效果 - 农民伯伯 - 博客园.mht376.70 KB [Android1_5]打开多个Activity,返回到第一个Activity的问题 - 农民伯伯 - 博客园.mht396.35 KB [Android1_5]标签TabHost图片文字覆盖的问题 - ...

    黑马程序员 安卓学院 万元哥项目经理 分享220个代码实例

    |--TextView单行跑马灯效果 |--TextView虚拟获得焦点 |--uploadServlet |--uri之表示资源resource |--ViewPage的使用 |--view中的tag用法之存储对象 |--view常用属性 |--xml常用属性 |--xml文件的pull解析与序列化...

    Android RecyclerView的卡顿问题的解决方法

    RecyclerView强制开发者使用其内部的RecyclerView.ViewHolder,这比传统的ListView和GridView中的ViewHolder更复杂。ViewHolder的设计目的是为了复用视图,减少 findViewById 的调用,提高性能。因此,确保在 ...

    安卓面试题

    跑马灯效果的TextView - **MarqueeTextView**:利用TextView的marquee属性实现滚动文本效果。 #### 20. 图片异步加载方法 - **第三方库**:Glide、Picasso等。 - **自定义Loader**:使用AsyncTask或Handler等进行...

    java安卓仿微信聊天软件源码-android_ui_lib:android_ui_lib

    跑马灯 日历时间 主题样式 ImageView 通知 聊天视图 Header 引导图(Intro) 图片 徽章(Badge) RatingView 滚动效果(Scroll) 时间轴 TreeView SearchView TagView TextView EditText Sliding 表单 分段控件 轮播图 ...

Global site tag (gtag.js) - Google Analytics