Android自定义ListView

最新推荐文章于 2024-04-22 08:09:18 发布
最新推荐文章于 2024-04-22 08:09:18 发布
阅读量285 收藏 1
点赞数 1
分类专栏： Android 文章标签： Android 自定义listview
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wucailang/article/details/79240211
版权

自定义圆角ListView

开始做Android，前段时间做了个自定义的listview，现在归纳一下。效果是这样。


步骤和重要代码如下如下：

1、创建一个item_listview.xml用来定义单个的listitem内容及布局； 
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@drawable/item_shape"
    android:padding="10dp">
    <TextView
        android:id="@+id/tv_flightCompany"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="CA"
        android:textColor="#444"
        android:textSize="16sp" />
    <TextView
        android:id="@+id/tv_flightNo"
        android:layout_toRightOf="@id/tv_flightCompany"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="1831"
        android:textColor="#444"
        android:textSize="16sp" />

    <View
        android:id="@+id/top_line"
        android:layout_width="fill_parent"
        android:layout_height="1dp"
        android:layout_below="@id/tv_flightNo"
        android:background="#e1e1e1" />
    <!--航班信息内容-->
    <LinearLayout
        android:id="@+id/ll_content"
        android:layout_width="match_parent"
        android:layout_height="75dp"
        android:layout_below="@+id/top_line"
        android:background="#fafafa"
        android:orientation="horizontal">
        <!--航班状态时钟-->
        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:layout_marginTop="9dp"
            android:orientation="horizontal">
            <ImageView
                android:id="@+id/img_clock"
                android:layout_width="18dp"
                android:layout_height="18dp"
                android:gravity="center"
                android:src="@drawable/clock" />
            <TextView
                android:id="@+id/tv_flightTimeStatus"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginLeft="6dp"
                android:text="正常"
                android:textColor="#06AA55"
                android:textSize="14sp" />
        </LinearLayout>
        <!--出发信息-->
        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:layout_marginLeft="16dp"
            android:gravity="center|right"
            android:orientation="vertical">

            <TextView
                android:id="@+id/tv_plan_startTime"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="计划 07.17 12:00"
                android:textColor="#666666"
                android:textSize="13sp" />

            <TextView
                android:id="@+id/tv_startTime"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="07:43"
                android:textColor="#333333"
                android:textSize="21sp" />

            <TextView
                android:id="@+id/tv_startPort"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="北京首都(216)"
                android:textColor="#666666"
                android:textSize="13sp" />
        </LinearLayout>

        <ImageView
            android:layout_width="67dp"
            android:layout_height="28dp"
            android:layout_gravity="center"
            android:layout_margin="18dp"
            android:src="@drawable/flight" />
        <!--到达信息-->
        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:gravity="center|left"
            android:orientation="vertical">

            <TextView
                android:id="@+id/tv_plan_arriveTime"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="07.17 14:55"
                android:textColor="#666666"
                android:textSize="13sp" />

            <TextView
                android:id="@+id/tv_arriveTime"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="09:45"
                android:textColor="#333333"
                android:textSize="21sp" />

            <TextView
                android:id="@+id/tv_arrivePort"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="上海虹桥(522)"
                android:textColor="#666666"
                android:textSize="13sp" />
        </LinearLayout>

    </LinearLayout>

    <View
        android:id="@+id/bottom_line"
        android:layout_width="fill_parent"
        android:layout_height="1dp"
        android:layout_below="@id/ll_content"
        android:background="#e1e1e1" />
    <!--底部信息-->
    <LinearLayout
        android:padding="5dp"
        android:layout_below="@id/bottom_line"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">

        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="fill_parent"
            android:layout_weight="1"
            android:orientation="horizontal">

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="座位数："
                android:textColor="#999999" />

            <TextView
                android:id="@+id/tv_seating"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="3/168" />
        </LinearLayout>

        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="fill_parent"
            android:layout_weight="1"
            android:orientation="horizontal">

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="办票时间："
                android:textColor="#999999" />

            <TextView
                android:id="@+id/tv_runTicketTime"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="11:15" />
        </LinearLayout>

        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="fill_parent"
            android:orientation="horizontal"
            android:gravity="right"
            android:layout_weight="1">

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="人数："
                android:textColor="#3c84d0" />

            <TextView
                android:id="@+id/tv_totalPeople"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="8 >"
                android:textColor="#3c84d0"
                />
        </LinearLayout>
    </LinearLayout>
</RelativeLayout>
效果如下：


2、圆角设置。在res/drawable文件夹下新建item_shap.xml  为listitem设置圆角属性。 

<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <corners android:radius="12dp"/>
    <solid android:color="#fff"/>
    <stroke android:color="#ffffff"/>
</shape>
3、在activity_main.xml文件中添加ListView控件。 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:background="#414141">
    <ListView
        android:layout_margin="10dp"
        android:id="@+id/listView"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:divider="@android:color/transparent"
        android:dividerHeight="5dp">
    </ListView>
</LinearLayout>
4、新建FlightInfo.java并实现get和set方法。

5、为listview设置Adapter。新建MyAdapter.java 
public class MyAdapter extends BaseAdapter {
    private LayoutInflater mInflater;
    private List<FlightInfo> mDatas;
    private Context context;

    //MyAdapter需要一个Context，通过Context获得Layout.inflater，然后通过inflater加载item的布局
    public MyAdapter(Context context, List<FlightInfo> datas) {
        this.context = context;
        mInflater = LayoutInflater.from(context);
        mDatas = datas;
    }

    //返回数据集的长度
    @Override
    public int getCount() {
        return mDatas.size();
    }

    @Override
    public Object getItem(int position) {
        return mDatas.get(position);
    }

    @Override
    public long getItemId(int position) {
        return position;
    }

    //每次读取listview都会加载getview方法。
    @Override
    public View getView(final int position, View convertView, ViewGroup parent) {
        ViewHolder holder = null;
        if (convertView == null) {
            convertView = mInflater.inflate(R.layout.item_listview, parent, false); //加载布局
            holder = new ViewHolder();
            holder.airCompany = (TextView) convertView.findViewById(R.id.tv_flightCompany);
            holder.flightNum = (TextView) convertView.findViewById(R.id.tv_flightNo);
            holder.flightTimeStatus = (TextView) convertView.findViewById(R.id.tv_flightTimeStatus);
            holder.claStrTime = (TextView) convertView.findViewById(R.id.tv_plan_startTime);
            holder.strTime = (TextView) convertView.findViewById(R.id.tv_startTime);
            holder.strPort = (TextView) convertView.findViewById(R.id.tv_startPort);
            holder.claEndTime = (TextView) convertView.findViewById(R.id.tv_plan_arriveTime);
            holder.endTime = (TextView) convertView.findViewById(R.id.tv_arriveTime);
            holder.endPort = (TextView) convertView.findViewById(R.id.tv_arrivePort);
            holder.seatJson = (TextView) convertView.findViewById(R.id.tv_seating);
            holder.runTicketTime = (TextView) convertView.findViewById(R.id.tv_runTicketTime);
            holder.totalPeople = (TextView) convertView.findViewById(R.id.tv_totalPeople);
            convertView.setTag(holder);
        } else {   //else里面说明，convertView已经被复用了，说明convertView中已经设置过tag了，即holder
            holder = (ViewHolder) convertView.getTag();
        }

        FlightInfo bean = mDatas.get(position);
        holder.airCompany.setText(bean.getAirCompany());
        holder.flightNum.setText(bean.getFlightNum());
        holder.flightTimeStatus.setText("正常"); // 之后解决
        holder.claStrTime.setText(bean.getClaStrTime());
        holder.strTime.setText(bean.getStrTime());
        holder.strPort.setText(bean.getStrPort());
        holder.claEndTime.setText(bean.getClaEndTime());
        holder.endTime.setText(bean.getEndTime());
        holder.endPort.setText(bean.getEndPort());
        holder.seatJson.setText(bean.getSeatJson());
        holder.runTicketTime.setText("12:00");
        holder.totalPeople.setText("0");
        return convertView;
    }
    private class ViewHolder {
        TextView airCompany;
        TextView flightNum;
        TextView flightTimeStatus;
        TextView claStrTime;  
        TextView claEndTime;   
        TextView strTime;      
        TextView endTime;      
        TextView strPort;   
        TextView endPort;   
        TextView seatJson;
        TextView runTicketTime;
        TextView totalPeople;
    }
}
6、在MainAcitvity.java中进行listview初始化及数据准备。如下： 
public class MainActivity extends AppCompatActivity {
private List<FlightInfo> mFlightInfo;
    private MyAdapter mAdapter;
    private ListView listView;
    private String seatJson;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        listView = (ListView) findViewById(R.id.listView);
        initData();
    }
    public void initData() {
        mFlightInfo = new ArrayList<>();
        for(int i = 0;i<10;i++){
            FlightInfo flightInfo = new FlightInfo();
            flightInfo.setAirCompany("CA");
            flightInfo.setFlightNum("1234");
            flightInfo.setFlightDate("2017/01/21");
            flightInfo.setClaEndTime("06:30");
            flightInfo.setClaStrTime("06:30");
            flightInfo.setEndTime("06:30");
            flightInfo.setStrTime("06:30");
            flightInfo.setStrPort("北京");
            flightInfo.setEndPort("深圳");
            flightInfo.setSeatJson("123/137");
            mFlightInfo.add(flightInfo);
        }

        //为数据绑定适配器
        mAdapter = new MyAdapter(this, mFlightInfo);
        listView.setAdapter(mAdapter);
    }
}
这样就完成了。



wucailang
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
android 自定义listview控件,一个简单又完整的自定义ListView
weixin_35916466的博客
05-25 1899
ListView一、简单列表1.在activity_main中添加控件ListViewxmlns:tools="http://schemas.android.com/tools"android:id="@+id/activity_main"android:layout_width="match_parent"android:layout_height="match_parent"android:o...
android自定义ListView详解
热门推荐
android应用开发详解
04-28 1万+
<br />在这里我就对自定义ListView进行讲解下吧,直入真题吧,首先我新创建一个项目:listDemo;<br /> 其次,我们需要建立一个XML文件,在这里我就直接写在main.xml里:<br /><?xml version="1.0" encoding="utf-8"?><br /><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"<br />    android:orientation="vert
【Android从零单排系列四十六】《Android中自定义ListView的实现方法》
再见孙悟空的专栏
07-05 1588
小伙伴们，在前面的文章中，我们谈到了Android开发中的自定义view的基本概念及方法等，本文我们实际举例自定义一个ListView。ListView 是 Android 中的经典列表控件，用于展示一组垂直滚动的项目。它具有以下特点和用途：显示数据列表：ListView 可以用于显示各种类型的数据列表，例如联系人列表、新闻列表、商品列表等。简单易用：使用 ListView 相对简单，只需设置适配器(Adapter)来提供数据，并选择合适的布局样式即可。
Android Listview 自定义BaseAdapter的实现及Listview优化示例
wh445306
03-17 1564
这篇文章我来讲一下 自定义BaseAdapter的实现示例及优势在哪里？因为手机屏幕就那么大，所以一次展示给用户看见的内容是固定的，如果你List中有1000条数据，不应该new1000个converView，那样内存肯定不足，应该学会控件重用，滑出屏幕的converView就在下面新进来的item中重新使用，只是修改下他展示的值。不过有的时候我们不能对其进行重构 比如带CheckBox的item，如果你使用判断，在你选中某个item的CheckBox时滑动时会出现混乱，这时你就必须去掉判断对其进行重构。
android输入法，最简单的Android自定义ListView下拉刷新与上拉加载
最新发布
2301_82241819的博客
04-22 986
找到一套好的视频资料，紧跟大牛梳理好的知识框架进行学习。多练。（视频优势是互动感强，容易集中注意力）你不需要是天才，也不需要具备强悍的天赋，只要做到这两点，短期内成功的概率是非常高的。对于很多初中级Android工程师而言，想要提升技能，往往是自己摸索成长，不成体系的学习效果低效漫长且无助。下面资料部分截图是我花费几个月时间整理的，诚意满满：特别适合有3-5年开发经验的Android程序员们学习。《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取！
Android中的自定义ListView
AlwaysSun的博客
04-19 888
Android中ListView是我们进行安卓APP开发中最常用和最难用的控件，因此我们必须熟练掌握，今天我就来给大家介绍一下它的高级用法。效果如下 1.首先介绍ListView的工作原理，看一下它的简单用法， 首先需要一个String数组例如： private String[] data = {"Apple","Orange"}; 然而数组中的数据是无法直接传递给ListView的...
Android 自定义ListView
weixin_41012767的博客
06-25 819
js 函数中，ajax请求重定向。 function sale_submit(obj){ var words='a'; var page=2; window.location.href ="{{ url_for('你的路由',words=words,page=page)}}" } Jinja不能使用Javascript变量。这样是接收不到指定的参数。 只要改成 window.location.href ="{{ url_for('你的路由')}}"+'?page='+page+'&words='
Android自定义组件ListView
bobge的IT专栏
03-06 944
下面代码设计了异步任务、JSon解析、自定义组件、IO流、文件下载、适配器原理等知识点。 代码实现从服务器上读取Json字符串。 Json字符串如下。 {object:{persons:[{name:'呵呵',image:'http://10.0.159.12:8080/Web/s1.png'},{name:'哈哈',image:'http://10.0.159.12:8080/Web/s1
Android 自定义ListView示例详解
09-01
在Android开发中，ListView是一种...总之，自定义ListView是Android开发中的一个重要技能，它能够帮助你构建更加丰富多彩的用户界面。通过理解适配器的工作原理和熟练运用，你可以轻松地处理各种复杂的数据展示需求。
Android自定义ListView单击事件失效的解决方法
01-05
因为自带的listView不能满足项目需求，通过实现自己的Adapter去继承ArrayAdapter 来实现自定义ListView的Item项目。 出现点击ListView的每一项都不会执行setOnItemClickListener 里面的onItemClick 方法。 原因是...
android 自定义 listview
10-05
总之，自定义ListView是Android开发中的核心技能之一，它涉及到数据绑定、视图复用、事件处理等多个方面。通过熟练掌握自定义Adapter，我们可以创造出丰富多样的列表视图，满足各种复杂的界面需求。
Android自定义列表(ListView)
09-09
实现自定义的listView，学习图文混排技术，有助于理清思路
Android 自定义ListView（下拉刷新PullToRefreshListView 上拉加载LoadListView）
06-10
Android 自定义ListView，分别实现下拉刷新的ListView及上拉加载的ListView 详情可以参考我的博客 http://blog.csdn.net/sunshanai/article/details/51622917
Android 自定义ScrollView ListView 体验各种纵向滑动的需求(1)
2401_83329718的博客
03-27 613
目前已经更新的部分资料：《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》，点击传送门即可获取！小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！**因此收集整理了一份《2024年Android移动开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。[外链图片转存中…(img-RcrYQuRb-1711553708444)][外链图片转存中…(img-Ab40S67j-1711553708444)]
自定义公共组件ListView
zhujian82637的博客
12-04 366
Android自定义ListView公共组件，调用方只需关注ListView的数据无需关注UI渲染
Android 自定义ListView和GridView，Android经典入门教程
csdnlaoban的博客
04-06 720
下面分享的腾讯、头条、阿里、美团、字节跳动等公司2019-2021年的高频面试题全套解析，博主还把这些技术点整理成了视频和PDF（实际上比预期多花了不少精力），包含知识脉络 + 诸多细节，由于篇幅有限，下面只是以图片的形式给大家展示一部分。下面分享的腾讯、头条、阿里、美团、字节跳动等公司2019-2021年的高频面试题全套解析，博主还把这些技术点整理成了视频和PDF（实际上比预期多花了不少精力），包含知识脉络 + 诸多细节，由于篇幅有限，下面只是以图片的形式给大家展示一部分。// 获取状态栏的高度。
Android自定义Listview
jianhuanyu的专栏
01-21 641
在Android的android.support.v4包中有个DrawerLayout布局，可以显示侧滑效果，而里面的内容则用ListView填充。 为了做得更像菜单，需要自定义ListView，参考了很多博客和论坛，效果如下： 首先在Drawerlayout布局里定义ListView组件，也可以RelativeLayout，LinearLayout等布局里定义。main.xml文件：
android自定义ListView与Adapter
robinfoxnan的专栏
10-16 1076
练习一个简单的多元素ListView
android 自定义listview
03-16
Android自定义ListView是指开发者可以根据自己的需求，自定义ListView的布局和样式，以及ListView中每个Item的布局和样式。通过自定义ListView，可以实现更加灵活、美观的列表展示效果，提高用户体验。开发者可以...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值