html企业网站怎么做,外包网站自己维护,衡水购物网站制作,建设网站一定要数据库吗1. 简介
ListView是Android的一个列表视图组件 继承自AdapterView抽象类#xff0c;类关系图如下#xff1a;
2. 作用
集合多个 “项”#xff08;称为#xff1a;Item#xff09; 以列表的形式 展示 3. 工作原理
3.1 本质原理
ListView仅作为容器#xff08…1. 简介
ListView是Android的一个列表视图组件 继承自AdapterView抽象类类关系图如下
2. 作用
集合多个 “项”称为Item 以列表的形式 展示 3. 工作原理
3.1 本质原理
ListView仅作为容器列表用于装载 显示数据即 列表项Item而容器内的具体数据列表项Item则是由 适配器Adapter提供 适配器Adapter作为View 和 数据之间的桥梁 中介将数据映射到要展示的View中 当需显示数据时ListView会向Adapter取出数据从而加载显示具体如下图 结论ListView负责以列表的形式显示Adapter提供的内容
3.2 缓存原理 试想一个场景若把所有数据集合的信息都加载到ListView上显示若 ListView要为每个数据都创建一个视图那么会占用非常多的内存 为了节省空间和时间ListView不会为每一个数据创建一个视图而是采用了Recycler组件用于回收 复用 View 当屏幕需显示x个Item时那么ListView会创建 x1个视图当第1个Item离开屏幕时此Item的View被回收至缓存入屏的Item的View会优先从该缓存中获取 注 1、只有Item完全离开屏幕后才可复用这也是为什么ListView要创建比屏幕需显示视图多1个的原因缓冲 显示视图 2、即第1个Item离开屏幕是有过程的会有1个 第1个Item的下半部分 第8个Item上半部分同时在屏幕中显示的状态此时仍无法使用缓存的View只能继续用新创建的视图View 实例演示 设屏幕只能显示5个Item那么ListView只会创建51个Item的视图当第1个Item完全离开屏幕后才会回收至缓存从而复用用于显示第7个Item
4. 具体使用
4.1 生成方式
生成列表视图ListView的方式主要有两种
直接用ListView进行创建让Activity继承ListActivity
4.2 xml文件配置信息
LinearLayout xmlns:androidhttp://schemas.android.com/apk/res/android xmlns:toolshttp://schemas.android.com/tools android:layout_widthmatch_parent android:layout_heightmatch_parent android:background#FFE1FF android:orientationvertical ListView android:idid/listView1 android:layout_widthmatch_parent android:layout_heightmatch_parent /
/LinearLayout AbsListView的常用属性和相关方法
属性说明备注android:choiceMode列表的选择行为默认none没有选择行为选择方式 none不显示任何选中项 singleChoice允许单选 multipleChoice允许多选 multipleChoiceModal允许多选 把Activity里面adapter的第二个参数改成支持选择的布局android:drawSelectorOnTop如果该属性设置为true选中的列表项将会显示在上面android:listSelector为点击到的Item设置图片 如果该属性设置为true选中的列表项将会显示在上面androidfastScrollEnabled设置是否允许快速滚动如果该属性设置为true将会显示滚动图标并允许用户拖动该滚动图标进行快速滚动。androidlistSelector指定被选中的列表项上绘制的DrawableandroidscrollingCache滚动时是否使用缓存如果设置为true则在滚动时将会使用缓存androidstackFromBottom设置是否从底端开始排列列表项androidtranscriptMode指定列表添加新的选项的时候是否自动滑动到底部显示新的选项。disabled取消transcriptMode模式默认的normal当接受到数据集合改变的通知并且仅仅当最后一个选项已经显示在屏幕的时候自动滑动到底部。 alwaysScroll无论当前列表显示什么选项列表将会自动滑动到底部显示最新的选项。
Listview提供的XML属性
XML属性说明android:divider设置List列表项的分隔条可用颜色分割也可用图片Drawable分割。不设置列表之间的分割线可设置属性为nullandroid:dividerHeight用于设置分隔条的高度android:background设置列表的背景androidentries指定一个数组资源Android将根据该数组资源来生成ListViewandroidfooterDividerEnabled如果设置成false则不在footer View之前绘制分隔条andoridheaderDividerEnabled如果设置成false则不在header View之前绘制分隔条
5. Adapter简介
Adapter本身是一个接口Adapter接口及其子类的继承关系如下图 Adapter接口派生了ListAdapter和SpinnerAdapter两个子接口 其中ListAdapter为AbsAdapter提供列表项而SpinnerAdapter为AbsSpinner提供列表项 ArrayAdapter、SimpleAdapter、SimpleCursorAdapter、BaseAdapter都是常用的实现适配器的类 1、ArrayAdapter简单、易用的Adapter用于将 数组 绑定为列表项的数据源支持泛型操作 2、SimpleAdapter功能强大的Adapter用于将 XML 中控件绑定为列表项的数据源 3、SimpleCursorAdapter与SimpleAdapter类似用于绑定 游标直接从数据库取出数据作为列表项的数据源 4、BaseAdapter可自定义ListView通用用于被扩展。扩展BaseAdapter可以对各个列表项进行最大程度的定制。 6. 常用适配器介绍
6.1 ArrayAdapter
定义 简单、易用的Adapter用于将数组绑定为列表项的数据源支持泛型操作
步骤
在xml文件布局上实现ListView
?xml version1.0 encodingutf-8?
RelativeLayout xmlns:androidhttp://schemas.android.com/apk/res/android xmlns:toolshttp://schemas.android.com/tools android:layout_widthmatch_parent android:layout_heightmatch_parent android:paddingBottomdimen/activity_vertical_margin android:paddingLeftdimen/activity_horizontal_margin android:paddingRightdimen/activity_horizontal_margin android:paddingTopdimen/activity_vertical_margin tools:contextcom.example.carson_ho.adapte_demo.MainActivity ListView android:idid/list_item android:layout_widthmatch_parent android:layout_heightmatch_parent android:divider#f00 android:dividerHeight1sp android:headerDividersEnabledfalse /ListView
/RelativeLayout在MainActivity上定义一个链表将所要展示的数据以存放在里面构造ArrayAdapter对象设置适配器将LsitView绑定到ArrayAdapter上
上述2-4步骤代码实现如下
public class MainActivity extends AppCompatActivity { Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);ListView listView (ListView) findViewById(R.id.list_item);//定义一个链表用于存放要显示的数据final ListString adapterData new ArrayListString();//存放要显示的数据for (int i 0; i 20; i) {adapterData.add(ListItem i);}//创建ArrayAdapter对象adapter并设置适配器ArrayAdapterString adapter new ArrayAdapterString(this,android.R.layout.simple_list_item_1, adapterData);//将LsitView绑定到ArrayAdapter上listView.setAdapter(adapter);}
}其中创建ArrayAdapter对象要指定三个参数:1. context代表方位Android应用的接口 2. textViewRseourceld资源ID代表一个TextView3. 数组列表项展示的数据在xml文件布局添加资源文件TextView该TextView组件将作为列表项的组件
?xml version1.0 encodingutf-8?
TextView xmlns:androidhttp://schemas.android.com/apk/res/android android:layout_widthmatch_parent android:layout_heightwrap_contentandroid:textSize24sp
/TextView最终效果图 缺点 ArrayAdapter较为简单易用但每个列表项只能是TextView功能实现的局限性非常大。
6.2 SimpleAdapter
定义功能强大的Adapter用于将XML中控件绑定作为列表项的数据源 特点可对每个列表项进行定制自定义布局能满足大多数开发的需求场景灵活性较大 步骤
在xml文件布局上实现ListView
?xml version1.0 encodingutf-8?
RelativeLayout xmlns:androidhttp://schemas.android.com/apk/res/android xmlns:toolshttp://schemas.android.com/tools android:layout_widthmatch_parent android:layout_heightmatch_parent android:paddingBottomdimen/activity_vertical_margin android:paddingLeftdimen/activity_horizontal_margin android:paddingRightdimen/activity_horizontal_margin android:paddingTopdimen/activity_vertical_margin tools:contextcom.example.carson_ho.adapte_demo.MainActivity ListView android:idid/list_item android:layout_widthmatch_parent android:layout_heightmatch_parent android:divider#f00 android:dividerHeight1sp android:headerDividersEnabledfalse /ListView
/RelativeLayout根据实际需求定制列表项实现ListView每行的xml布局即item布局
?xml version1.0 encodingutf-8?
RelativeLayout xmlns:androidhttp://schemas.android.com/apk/res/android
android:layout_widthmatch_parent
android:layout_heightmatch_parent TextView android:idid/name android:layout_widthwrap_content android:layout_heightwrap_content android:textSize17sp android:paddingLeft14dp/ TextView android:idid/address android:layout_belowid/name android:textSize17sp android:layout_widthwrap_content android:layout_heightwrap_content / TextView android:idid/lowerest_wholesale android:layout_toRightOfid/address android:textSize17sp android:layout_widthwrap_content android:layout_heightwrap_content / TextView android:idid/price android:textSize17sp android:layout_belowid/address android:layout_widthwrap_content android:layout_heightwrap_content / ImageView android:idid/picture android:layout_alignParentRighttrue android:layout_width115dp android:layout_height86dp /
/RelativeLayout定义一个HashMap构成的列表以键值对的方式存放数据构造SimpleAdapter对象设置适配器将LsitView绑定到SimpleAdapter上
public class MainActivity extends AppCompatActivity {//定义数组以填充数据private String[] namenew String[]{ 威龙注塑机,霸龙注塑机,恐龙注塑机 }; private String[] address new String[]{ 广东,北京,黑龙江 }; private int[] lowerest_wholesale new int[]{ 11,22,33 }; private int[] price new int[]{ 11,22,33 }; private int[] picture new int[]{R.drawable.home_selected,R.drawable.home_selected, R.drawable.home_selected }; Override protected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState); setContentView(R.layout.activity_main);//定义一个HashMap构成的列表以键值对的方式存放数据ArrayListHashMapString, Object listItem new ArrayListHashMapString,Object(); //循环填充数据 for(int i0;iname.length;i) { HashMapString,Object map new HashMapString,Object(); map.put(name, name[i]); map.put(address, address[i]); map.put(lowerest_wholesale, lowerest_wholesale[i]); map.put(price, price[i]); map.put(picture, picture[i]); listItem.add(map); } //构造SimpleAdapter对象设置适配器 SimpleAdapter mSimpleAdapter new SimpleAdapter(this, listItem,//需要绑定的数据 R.layout.item_imformation,//每一行的布局 new String[] {name,address, lowerest_wholesale,price,picture},//数组中的数据源的键对应到定义布局的View中 new int[] {R.id.name,R.id.address,R.id.lowerest_wholesale,R.id.price,R.id.picture}); ListView list (ListView) findViewById(R.id.list_item); //为ListView绑定适配器 list.setAdapter(mSimpleAdapter); }
}结果显示
6.3 BaseAdapter
定义 可自定义ListView通用用于被扩展。扩展BaseAdapter可以对各个列表项进行最大程度的定制
使用步骤
定义主xml布局根据需要定义ListView每行所实现的xml布局定义一个Adapter类继承BaseAdapter重写里面的方法。定义一个HashMap构成的列表将数据以键值对的方式存放在里面。构造Adapter对象设置适配器。将LsitView绑定到Adapter上。
先定义一个Adapter类继承BaseAdapter并重写里面的方法 使用BaseAdapter必须写一个类继承它同时BaseAdapter是一个抽象类继承它必须实现它的方法。 class MyAdapter extends BaseAdapter {private LayoutInflater mInflater;//得到一个LayoutInfalter对象用来导入布局//构造函数public MyAdapter(Context context,ArrayListHashMapString, Object listItem) {this.mInflater LayoutInflater.from(context);this.listItem listItem;}//声明构造函数Overridepublic int getCount() {return listItem.size();}//这个方法返回了在适配器中所代表的数据集合的条目数Overridepublic Object getItem(int position) {return listItem.get(position);}//这个方法返回了数据集合中与指定索引position对应的数据项Overridepublic long getItemId(int position) {return position;}//这个方法返回了在列表中与指定索引对应的行idOverridepublic View getView(int position, View convertView, ViewGroup parent) {return null;}//这个方法返回了指定索引对应的数据项的视图还没写完
}这里主要讲一下BaseAdapter里必须要重写的4个方法。
BaseAdapter的灵活性就在于它要重写很多方法其中最重要的即为getView()方法。 我们结合上述重写的4个方法了解ListView的绘制过程 其中重点讲解重写的getView方式总共有3种 重写方式1直接返回了指定索引对应的数据项的视图Overridepublic View getView(int position, View convertView, ViewGroup parent) {View item mInflater.inflate(R.layout.item,null);ImageView img (ImageView)item.findViewById(R.id.ItemImage);TextView title (TextView)item.findViewById(R.id.ItemTitle);TextView test (TextView)item.findViewById(R.id.ItemText);Button btn (Button) item.findViewById(R.id.ItemBottom);img.setImageResource((Integer) listItem.get(position).get(ItemImage));title.setText((String) listItem.get(position).get(ItemTitle));test.setText((String) listItem.get(position).get(ItemText));return item;}缺点每次调用getView()时都要重新通过 findViewById 寻找View组件 重新绘制View当列表项数据量很大时会严重影响性能即体现为下拉很慢、卡重写方式2使用convertView作为View缓存优化具体原理a. 将 convertView作为getView的输入参数 返回参数从而形成反馈b. 形成了Adapter的itemView重用机制减少了重绘View的次数Overridepublic View getView(int position, View convertView, ViewGroup parent) {检测有无可重用的View若无就重新绘制if(convertView null){convertView mInflater.inflate(R.layout.item, null);}ImageView img (ImageView)convertView.findViewById(R.id.ItemImage);TextView title (TextView)convertView.findViewById(R.id.ItemTitle);TextView test (TextView)convertView.findViewById(R.id.ItemText);Button btn (Button) convertView.findViewById(R.id.ItemBottom);img.setImageResource((Integer) listItem.get(position).get(ItemImage));title.setText((String) listItem.get(position).get(ItemTitle));test.setText((String) listItem.get(position).get(ItemText));return convertView; 最终返回convertView形成反馈}优点减少了重绘View的次数缺点但是每次都要通过 findViewById()寻找View组件重写方式3在方式2的基础上使用ViewHolder实现更加具体的缓存View组件缓存具体原理a. 将 convertView 作为getView()的输入参数 返回参数从而形成反馈b. 形成了Adapter的itemView重用机制减少了重绘View的次数static class ViewHolder {public ImageView img;public TextView title;public TextView text;public Button btn;}Overridepublic View getView(int position, View convertView, ViewGroup parent) {ViewHolder holder ;if(convertView null){holder new ViewHolder();convertView mInflater.inflate(R.layout.item, null);holder.img (ImageView)convertView.findViewById(R.id.ItemImage);holder.title (TextView)convertView.findViewById(R.id.ItemTitle);holder.text (TextView)convertView.findViewById(R.id.ItemText);holder.btn (Button) convertView.findViewById(R.id.ItemBottom);convertView.setTag(holder);}else {holder (ViewHolder)convertView.getTag();}holder.img.setImageResource((Integer) listItem.get(position).get(ItemImage));holder.title.setText((String) listItem.get(position).get(ItemTitle));holder.text.setText((String) listItem.get(position).get(ItemText));return convertView;}优点重用View时就不用通过 findViewById() 重新寻找View组件同时也减少了重绘View的次数是ListView使用的最优化方案方案3通过convertView ViewHolder重写getView()是ListView使用的最优化所以非常推荐大家使用。 总结ListView的优化
最优化方案的完整实现方案
1、定义主xml的布局 activity_main.xml:
?xml version1.0 encodingutf-8?
LinearLayout xmlns:androidhttp://schemas.android.com/apk/res/androidxmlns:toolshttp://schemas.android.com/toolsandroid:layout_widthmatch_parentandroid:layout_heightmatch_parentandroid:background#FFFFFFandroid:orientationvertical ListViewandroid:idid/listView1android:layout_widthmatch_parentandroid:layout_heightmatch_parent /
/LinearLayout2、根据需要定义ListView每行所实现的xml布局item布局 item.xml:
?xml version1.0 encodingutf-8?
RelativeLayout xmlns:androidhttp://schemas.android.com/apk/res/android
android:layout_widthmatch_parent
android:layout_heightmatch_parentImageViewandroid:layout_alignParentRighttrueandroid:layout_widthwrap_contentandroid:layout_heightwrap_contentandroid:idid/ItemImage/Buttonandroid:layout_widthwrap_contentandroid:layout_heightwrap_contentandroid:text按钮android:idid/ItemBottomandroid:focusablefalseandroid:layout_toLeftOfid/ItemImage /TextView android:idid/ItemTitleandroid:layout_heightwrap_contentandroid:layout_widthfill_parentandroid:textSize20sp/TextView android:idid/ItemTextandroid:layout_heightwrap_contentandroid:layout_widthfill_parentandroid:layout_belowid/ItemTitle/
/RelativeLayout3、定义一个Adapter类继承BaseAdapter重写里面的方法。 利用convertViewViewHolder来重写getView()
MyAdapter.java
package scut.learnlistview;import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.Button;
import android.widget.ImageView;
import android.widget.TextView;import java.util.ArrayList;
import java.util.HashMap;class MyAdapter extends BaseAdapter {private LayoutInflater mInflater;//得到一个LayoutInfalter对象用来导入布局 ArrayListHashMapString, Object listItem;public MyAdapter(Context context,ArrayListHashMapString, Object listItem) {this.mInflater LayoutInflater.from(context);this.listItem listItem;}//声明构造函数Overridepublic int getCount() {return listItem.size();}//这个方法返回了在适配器中所代表的数据集合的条目数Overridepublic Object getItem(int position) {return listItem.get(position);}//这个方法返回了数据集合中与指定索引position对应的数据项Overridepublic long getItemId(int position) {return position;}//这个方法返回了在列表中与指定索引对应的行id//利用convertViewViewHolder来重写getView()static class ViewHolder{public ImageView img;public TextView title;public TextView text;public Button btn;}//声明一个外部静态类Overridepublic View getView(final int position, View convertView, final ViewGroup parent) {ViewHolder holder ;if(convertView null){holder new ViewHolder();convertView mInflater.inflate(R.layout.item, null);holder.img (ImageView)convertView.findViewById(R.id.ItemImage);holder.title (TextView)convertView.findViewById(R.id.ItemTitle);holder.text (TextView)convertView.findViewById(R.id.ItemText);holder.btn (Button) convertView.findViewById(R.id.ItemBottom);convertView.setTag(holder);}else {holder (ViewHolder)convertView.getTag();}holder.img.setImageResource((Integer) listItem.get(position).get(ItemImage));holder.title.setText((String) listItem.get(position).get(ItemTitle));holder.text.setText((String) listItem.get(position).get(ItemText));holder.btn.setOnClickListener(new View.OnClickListener() {Overridepublic void onClick(View v) {System.out.println(你点击了选项position);//bottom会覆盖item的焦点所以要在xml里面配置android:focusablefalse}});return convertView;}//这个方法返回了指定索引对应的数据项的视图
}4、在MainActivity里
定义一个HashMap构成的列表将数据以键值对的方式存放在里面。 构造Adapter对象设置适配器。 将LsitView绑定到Adapter上。 MainActivity.java
package scut.learnlistview;import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.AdapterView;
import android.widget.ArrayAdapter;
import android.widget.ListView;
import android.widget.SimpleAdapter;import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;public class MainActivity extends AppCompatActivity {private ListView lv;Overridepublic void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);lv (ListView) findViewById(R.id.listView1);/*定义一个以HashMap为内容的动态数组*/ArrayListHashMapString, Object listItem new ArrayListHashMapString, Object();/*在数组中存放数据*/for (int i 0; i 100; i) {HashMapString, Object map new HashMapString, Object();map.put(ItemImage, R.mipmap.ic_launcher);//加入图片map.put(ItemTitle, 第 i 行);map.put(ItemText, 这是第 i 行);listItem.add(map);}MyAdapter adapter new MyAdapter(this, listItem);lv.setAdapter(adapter);//为ListView绑定适配器lv.setOnItemClickListener(new AdapterView.OnItemClickListener() {Overridepublic void onItemClick(AdapterView? arg0, View arg1, int arg2, long arg3) {System.out.println(你点击了第 arg2 行);//设置系统输出点击的行}});}
}运行结果 点击输出结果
注进阶使用 添加头部 尾部View
在日常使用中我们常常会需要在ListView头部 / 尾部添加视图
步骤1添加头部 / 尾部视图 header_view.xml
?xml version1.0 encodingutf-8?
LinearLayout xmlns:androidhttp://schemas.android.com/apk/res/androidandroid:layout_widthmatch_parentandroid:layout_height70dpandroid:orientationverticalTextViewandroid:layout_widthmatch_parentandroid:layout_height50dpandroid:textheaderandroid:textSize20dpandroid:gravitycenter//LinearLayout步骤2添加到ListView中
private ListView lv;View view LayoutInflater.from(MainActivity.this).inflate(R.layout.header_view, null);lv.addHeaderView(view);
// lv.addFooterView(view); // 添加到底部View效果
7. 与RecylerView的区别 8. 总结
本文全面介绍了 ListView 与 AdapterView
作者Carson_Ho 链接https://www.jianshu.com/p/4e8e4fd13cf7 来源简书 著作权归作者所有。商业转载请联系作者获得授权非商业转载请注明出处。
