• 深入学习ListView 2015-06-18 00:15 7人阅读 评论(0) 收藏


    要实现类似下面的布局。
     

    可以看出它的列表上方的图片展示区和下面列表条目是一体的,在上下滚动的时候。而图片展示区不是列表条目。

    当然可以分别实现,图片展示区用Gallery,下面用ListView,但是如果横屏,则ListView部分的高度将很短,不方便上下滚动选择。也可以强制竖屏,不过这样用户体验会变差。

    其实ListView提供了Header,IMBd实现的图片展示区就是自定义的ListView Header。

    写个简单的例子说明这个事情。先写个最简单的。

    这里的header就是一个TextView生成的ListView Header部分。在布局的Listview部分:

    
    

    在代码中在ListView中加入Header:

    1
    2
    3
    4
    
    listView = (ListView) this.findViewById(R.id.list);
    TextView textView = new TextView(this);
    textView.setText("header");
    listView.addHeaderView(textView);

     

    Header部分是可以添加多个的,比如:

    对Header再做进一步定制。见效果:

    这里的Header部分使用了自定义视图。

     

    首先要增加一个小房子的图:

    然后,创建一个针对Header的layout:

    该文件内容:

        
    

    然后在代码中通过inflate的方式把layout加入到header。

    1
    2
    
    listView.addHeaderView(LayoutInflater.from(this).inflate(
            R.layout.table_title, null));
    
    

    版权声明:本文为博主原创文章,未经博主允许不得转载。

  • 相关阅读:
    bash:express:command not found
    Jquery的window.onload实现
    元素的class和id问题
    安装angular-cli
    [(ngModel)]的实现原理
    bodyparser
    git push不用重复输入用户名和密码(解决方案)
    git提交项目到已存在的远程分支
    angular的$filter服务
    网站上如何添加显示favicon
  • 原文地址:https://www.cnblogs.com/merbn/p/4638863.html
Copyright © 2020-2023  润新知