文档章节

实现ListView的分组管理

i
 i_love_lu
发布于 2015/12/18 13:44
字数 1167
阅读 72
收藏 0

主页面布局,activity_main.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#FFFFFF"
    android:orientation="vertical" >

    <ListView
        android:id="@+id/list_news"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:divider="@android:drawable/divider_horizontal_bright" >
    </ListView>

</LinearLayout>

ListView每一项的布局,list_news_item.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal" >

    <LinearLayout
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="2"
        android:orientation="vertical"
        android:paddingLeft="10dp"
        android:paddingTop="10dp" >

        <TextView
            android:id="@+id/tv_title"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="这是文章的标题,这个标题可能很长,一行都放不下"
            android:textColor="#000000"
            android:textSize="16sp" />

        <TextView
            android:id="@+id/tv_sender_and_date"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:paddingBottom="5dp"
            android:paddingTop="5dp"
            android:text="腾讯科技    2015.9.15  08:20"
            android:textColor="#8D8D8D"
            android:textSize="12sp" />
    </LinearLayout>

    <ImageView
        android:id="@+id/image"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:layout_weight="1"
        android:paddingLeft="10dp"
        android:paddingRight="10dp"
        android:src="@drawable/ic_launcher" />

</LinearLayout>

分组用的布局,list_news_black.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="1dp"
    android:orientation="horizontal" >
    <!--加入一个TextView,否则只有LinearLayout显示不出来-->
    <TextView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:textSize="10sp" /> <!--控制textSize可以控制空白布局的高度-->

</LinearLayout>

主函数MainActivity

package com.lei.newsui;

import java.text.SimpleDateFormat;
import java.util.ArrayList;
import java.util.Date;
import java.util.List;

import android.app.Activity;
import android.content.Context;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.view.ViewGroup;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemClickListener;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.ListView;
import android.widget.TextView;
import android.widget.Toast;

public class MainActivity extends Activity {
    private ListView mListView;
    private List<NewsData> list;
    private List<NewsData> tag;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        mListView = (ListView) findViewById(R.id.list_news);
        list = new ArrayList<NewsData>();
        tag = new ArrayList<NewsData>();
        list = testData();
        //为了每三个一组,插入一条数据,加载到空的布局中
        for (int i = 0; i < list.size(); i++) {
            if (i % 4 == 3) {
                NewsData data = new NewsData("", "", R.drawable.ic_launcher);
                list.add(i, data);
                //利用tag,来判断是不是应该加入空的布局
                tag.add(data);
            }
        }
        mListView.setAdapter(new MyAdapter(MainActivity.this, list, tag));
        mListView.setOnItemClickListener(new OnItemClickListener() {

            @Override
            public void onItemClick(AdapterView<?> arg0, View arg1, int arg2,
                    long arg3) {
                // TODO Auto-generated method stub
                Toast.makeText(MainActivity.this, "你点击了第" + arg2 + "个位置",
                        Toast.LENGTH_SHORT).show();
            }
        });
    }

    /**
     * 数据类
     * 
     * @author jyyrlei
     * 
     */
    class NewsData {
        private String mTitle;
        private String mSender;
        private int imageId;

        public NewsData(String mTitle, String mSender, int imageId) {
            this.mTitle = mTitle;
            this.mSender = mSender;
            this.imageId = imageId;
        }
    }

    /**
     * 测试数据
     */
    private List<NewsData> testData() {
        List<NewsData> datas = new ArrayList<NewsData>();
        datas.add(new NewsData("这是第一个文章,好短,那就写长点,那就写长点,那就写长点", "腾讯科技",
                R.drawable.ic_launcher));
        datas.add(new NewsData("这是第二个文章,好短,那就写长点,那就写长点,那就写长点", "腾讯科技",
                R.drawable.ic_launcher));
        datas.add(new NewsData("这是第三个文章,好短,那就写长点,那就写长点,那就写长点", "腾讯科技",
                R.drawable.ic_launcher));

        datas.add(new NewsData("这是第四个文章,好短,那就写长点,那就写长点,那就写长点", "腾讯科技",
                R.drawable.ic_launcher));
        datas.add(new NewsData("这是第五个文章,好短,那就写长点,那就写长点,那就写长点", "腾讯科技",
                R.drawable.ic_launcher));
        datas.add(new NewsData("这是第六个文章,好短,那就写长点,那就写长点,那就写长点", "腾讯科技",
                R.drawable.ic_launcher));

        datas.add(new NewsData("这是第七个文章,好短,那就写长点,那就写长点,那就写长点", "腾讯科技",
                R.drawable.ic_launcher));
        datas.add(new NewsData("这是第八个文章,好短,那就写长点,那就写长点,那就写长点", "腾讯科技",
                R.drawable.ic_launcher));
        datas.add(new NewsData("这是第九个文章,好短,那就写长点,那就写长点,那就写长点", "腾讯科技",
                R.drawable.ic_launcher));

        datas.add(new NewsData("这是第十个文章,好短,那就写长点,那就写长点,那就写长点", "腾讯科技",
                R.drawable.ic_launcher));
        return datas;
    }

    /**
     * 自定义ListView的Adapter
     */
    class MyAdapter extends BaseAdapter {
        LayoutInflater inflater;
        List<NewsData> list;
        List<NewsData> tag;

        public MyAdapter(Context context, List<NewsData> list,
                List<NewsData> tag) {
            // TODO Auto-generated constructor stub
            inflater = LayoutInflater.from(context);
            this.list = list;
            this.tag = tag;
        }

        @Override
        public int getCount() {
            // TODO Auto-generated method stub
            return list.size();
        }

        @Override
        public Object getItem(int arg0) {
            // TODO Auto-generated method stub
            return list.get(arg0);
        }

        @Override
        public long getItemId(int arg0) {
            // TODO Auto-generated method stub
            return 0;
        }

        @Override
        public boolean isEnabled(int position) {
            // TODO Auto-generated method stub
            if (tag.contains(getItem(position))) {
                return false;
            }
            return super.isEnabled(position);
        }

        @Override
        public View getView(int arg0, View arg1, ViewGroup arg2) {
            // TODO Auto-generated method stub
            //当tag中有这个元素的时候,说明这是一条用来分组的数据,加载空布局
            if (tag.contains(getItem(arg0))) {
                arg1 = inflater.inflate(R.layout.list_news_black, null);
                arg1.setVisibility(View.INVISIBLE);
            } else {
                //这是有数据,加载数据的布局
                arg1 = inflater.inflate(R.layout.list_news_item, null);
                ((TextView) arg1.findViewById(R.id.tv_title)).setText(list
                        .get(arg0).mTitle);
                ((TextView) arg1.findViewById(R.id.tv_sender_and_date))
                        .setText(list.get(arg0).mSender + "  "
                                + getStringDate());
                ((ImageView) arg1.findViewById(R.id.image))
                        .setImageResource(list.get(arg0).imageId);
            }

            return arg1;

        }

    }

    public final class ViewHolder {
        TextView mTitle;
        TextView mDateAndSender;
        ImageView mImageView;
    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.main, menu);
        return true;
    }

    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        // Handle action bar item clicks here. The action bar will
        // automatically handle clicks on the Home/Up button, so long
        // as you specify a parent activity in AndroidManifest.xml.
        int id = item.getItemId();
        if (id == R.id.action_settings) {
            return true;
        }
        return super.onOptionsItemSelected(item);
    }

    /**
     * 获取现在时间
     * 
     * @return返回字符串格式 yyyy.MM.dd HH:mm
     */
    public static String getStringDate() {
        Date currentTime = new Date();
        SimpleDateFormat formatter = new SimpleDateFormat("yyyy.MM.dd HH:mm");
        String dateString = formatter.format(currentTime);
        return dateString;
    }
}

运行效果如下:


© 著作权归作者所有

i
粉丝 1
博文 8
码字总数 4816
作品 0
石家庄
私信 提问
Android 给RecyclerView添加头部和尾部

之前我在GitHub上开源了一个可以实现RecyclerView列表分组的通用Adapter: GroupedRecyclerViewAdapter。也在博客上写了一篇专门介绍它的实现和使用的文章:《Android 可分组的RecyclerViewA...

donkingliang
2017/11/13
0
0
C# - 使用自定义控件实现名单修改的比较功能

一、写在前面 在工作中需要实现一个场景,有一个名单类的数据需要维护,这个维护工作需要有一个复核功能,为了方便复核时对名单变更情况有一个良好的掌握,需要做一个便跟前后名单的对比功能...

北风其凉
2016/01/26
529
0
Windows 8实例教程系列 - 数据绑定高级实例

xhesrc="http://www.silverlightchina.net/uploads/allimg/130324/2345231634-0.jpg" src="http://www.silverlightchina.net/uploads/allimg/130324/2345231634-0.jpg" /> 上篇xhe_href="htt......

冷秋寒
2018/06/29
0
0
Android实现系统联系人字符分组以及字母表导航效果 .

功能的实现结合了网上很多非常的好的实现,小小的优化看下。 实现思路: 1. 获取手机联系人列表:通过Uri uri = Uri.parse("content://com.android.contacts/data/phones"); 查询联系人列表 ...

迷途d书童
2012/03/26
9.8K
4
WPF里ItemsControl的分组实现 --listbox 实现分组

我们在用到ItemsControl时,有时会用到分组,如ListBox,ListView,DataGrid。WPF的ItemsControl可以实现分组,是依托于GroupStyle,以ListBox为例,他的分组效果图为:   以下为前台: 1 ...

幕三少
2018/06/21
0
0

没有更多内容

加载失败,请刷新页面

加载更多

【AI实战】手把手教你深度学习文字识别(文字检测篇:基于MSER, CTPN, SegLink, EAST等方法)

文字检测是文字识别过程中的一个非常重要的环节,文字检测的主要目标是将图片中的文字区域位置检测出来,以便于进行后面的文字识别,只有找到了文本所在区域,才能对其内容进行识别。 文字检...

雪饼
今天
5
0
思维导图XMind 8 Pro 绿化方法(附序列号)

按部就班: Step 1 -全新下载最新版本的 Xmind 8(注必须是英文官方的版本,中文代{过}{滤}理网站的版本修改过,无法使用pj); Step 2 -安装完毕后,点击文末的下载按钮下载pj补丁文件包,将...

一只小青蛙
今天
10
0
数据结构(ER数据库)设计规范

表命名规范 表命名的规则分为3个层级,层级之间通过_分割,例如b_r_identity、d_l_identity。规约为: [leavel]_[type]_[name] [leavel] 表示数据库表的层级和功能,分为: s:业务无关的系统...

随风溜达的向日葵
今天
5
0
阿里Sentinel控制台源码修改-对接Apollo规则持久化

https://github.com/alibaba/Sentinel/wiki/%E5%9C%A8%E7%94%9F%E4%BA%A7%E7%8E%AF%E5%A2%83%E4%B8%AD%E4%BD%BF%E7%94%A8-Sentinel 动态规则扩展 https://github.com/alibaba/Sentinel/wiki......

jxlgzwh
昨天
7
0
在Linux系统中创建SSH服务器别名

如果你经常通过 SSH 访问许多不同的远程系统,这个技巧将为你节省一些时间。你可以通过 SSH 为频繁访问的系统创建 SSH 别名,这样你就不必记住所有不同的用户名、主机名、SSH 端口号和 IP 地...

老孟的Linux私房菜
昨天
12
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部