QQ 的listView 是如何实现的?

     今天,需要做一个及时通讯的lsitView.原本以为 找一个ListVIew 直接就解决了。可是并不是那么简单.

  1.当数据量少的时候   数据在listView的顶部、

  2.当数据量多的时候   只显示 listView底部的数据,

  3,数据刷新的时候,  数据在listView也需要 刷新


1 2 的解决方案:

            android:transcriptMode="alwaysScroll"
            android:stackFromBottom="false"


 <ListView
            android:id="@+id/lv_convers"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_weight="2"
            android:dividerHeight="0dp"
            android:divider="#00000000"
            android:scrollbarStyle="outsideOverlay"
            android:transcriptMode="alwaysScroll"
            android:stackFromBottom="false"
            >
        </ListView>


3  很简单 就设置选中最后一条数据!

---------------------------------------------------------------------------------------

增强: 用上面的方案 可以实现,但是有个问题,  在listVIew 刷新出最新的数据的时候,listview  由于设置的模式 transcriptMode = "alwaysScroll" 老是滑动到最底部。显然用户的体验度 很差。

         解决方案:  黄金法则:  android:transcriptMode="normal"  一直显示在顶部,我们需要处理的是,进入listView 的时候 设置选中最后一条数据, 这样就实现了QQ 最新的数据在最下面的功能。   然后在发送数据的时候,adpter添加数据的时候,讲数据 添加在最后面。 选中最后一条数据。

adapter.add(msgBean);
		lv_convers.setSelection(adapter.getCount());




listView 重要的属性:

由于这两天在做listView的东西,所以整理出来一些我个人认为比较特别的属性,通过设置这样的属性可以做出更加美观的列表


首先stackFromBottom属性,这只该属性之后你做好的列表就会显示你列表的最下面,值为true和false

android:stackFromBottom="true"  

         

第二transciptMode属性,需要用ListView或者其它显示大量Items的控件实时跟踪或者查看信息,并且希望最新的条目可以自动滚动到可视范围内。通过设置的控件transcriptMode属性可以将Android平台的控件(支持ScrollBar)自动滑动到最底部。
android:transcriptMode="alwaysScroll"   


第三cacheColorHint属性,很多人希望能够改变一下它的背景,使他能够符合整体的UI设计,改变背景背很简单只需要准备一张图片然后指定属性 android:background="@drawable/bg",不过不要高兴地太早,当你这么做以后,发现背景是变了,但是当你拖动,或者点击list空白位置的时候发现ListItem都变成黑色的了,破坏了整体效果。

如果你只是换背景的颜色的话,可以直接指定android:cacheColorHint为你所要的颜色,如果你是用图片做背景的话,那也只要将android:cacheColorHint指定为透明(#00000000)就可以了


第四divider属性,该属性作用是每一项之间需要设置一个图片做为间隔,或是去掉item之间的分割线

android:divider="@drawable/list_driver"  其中  @drawable/list_driver 是一个图片资源,如果不想显示分割线则只要设置为android:divider="@drawable/@null" 就可以了


第五fadingEdge属性,上边和下边有黑色的阴影

android:fadingEdge="none" 设置后没有阴影了~


第六scrollbars属性,作用是隐藏listView的滚动条,

android:scrollbars="none"与setVerticalScrollBarEnabled(true);的效果是一样的,不活动的时候隐藏,活动的时候也隐藏


第七fadeScrollbars属性,android:fadeScrollbars="true"  配置ListView布局的时候,设置这个属性为true就可以实现滚动条的自动隐藏和显示。


第八fastScrollEnabled属性 ,

很多开发者不知道ListView列表控件的快速滚动滑块是如何启用的,这里Android开发网告诉大家,辅助滚动滑块只需要一行代码就可以搞定,如果你使用XML布局只需要在ListView节点中加入  android:fastScrollEnabled="true" 这个属性即可,而对于Java代码可以通过myListView.setFastScrollEnabled(true); 来控制启用,参数false为隐藏。 还有一点就是当你的滚动内容较小,不到当前ListView的3个屏幕高度时则不会出现这个快速滚动滑块,同时该方法仍然是AbsListView的基础方法,可以在ListView或GridView等子类中使用快速滚动辅助。


第九drawSelectorOnTop属性

When set to true, the selector will be drawn over the selecteditem. Otherwise the selector is drawn behind the selected item. Thedefault value is false.

android:drawSelectorOnTop="true" 点击某一条记录,颜色会显示在最上面,记录上的文字被遮住,所以点击文字不放,文字就看不到

android:drawSelectorOnTop="false"点击某条记录不放,颜色会在记录的后面,成为背景色,但是记录内容的文字是可见的



  • 3
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
实现带图片和文字的打qq效果的listview,需要在布局文件中定义一个ListView控件,并设置它的适配器。在适配器中,需要自定义一个ListView的Item的布局文件,包含一张图片和一段文字。 首先,在ListView的Item布局文件中添加一个ImageView和一个TextView,用于显示图片和文字,如下: ``` <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="horizontal" android:padding="10dp"> <ImageView android:id="@+id/icon" android:layout_width="50dp" android:layout_height="50dp"/> <TextView android:id="@+id/content" android:layout_width="match_parent" android:layout_height="wrap_content" android:textSize="16sp" android:layout_marginLeft="10dp"/> </LinearLayout> ``` 然后,需要创建一个自定义的适配器类,重写父类的getView()方法,在该方法中设置ListView的每个Item的图片和文字,如下: ``` public class MyAdapter extends BaseAdapter { private LayoutInflater mInflater; private List<Map<String, Object>> mData; public MyAdapter(Context context, List<Map<String, Object>> data) { mInflater = LayoutInflater.from(context); mData = data; } @Override public int getCount() { return mData.size(); } @Override public Object getItem(int position) { return mData.get(position); } @Override public long getItemId(int position) { return position; } @Override public View getView(int position, View convertView, ViewGroup parent) { ViewHolder holder = null; if(convertView == null) { holder = new ViewHolder(); convertView = mInflater.inflate(R.layout.item_listview, null); holder.icon = (ImageView) convertView.findViewById(R.id.icon); holder.content = (TextView) convertView.findViewById(R.id.content); convertView.setTag(holder); } else { holder = (ViewHolder) convertView.getTag(); } holder.icon.setImageResource((Integer) mData.get(position).get("icon")); holder.content.setText((String) mData.get(position).get("content")); return convertView; } private class ViewHolder { ImageView icon; TextView content; } } ``` 最后,在Activity中设置ListView的适配器,并传入图片和文字的数据即可。这里使用了一些简单的数据,可以根据需求进行替换。 ``` List<Map<String, Object>> data = new ArrayList<Map<String, Object>>(); Map<String, Object> map1 = new HashMap<String, Object>(); map1.put("icon", R.drawable.icon1); map1.put("content", "张三"); Map<String, Object> map2 = new HashMap<String, Object>(); map2.put("icon", R.drawable.icon2); map2.put("content", "李四"); data.add(map1); data.add(map2); MyAdapter adapter = new MyAdapter(this, data); ListView listView = (ListView)findViewById(R.id.listview); listView.setAdapter(adapter); ```

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值