白话Android自定义ListView实现_chauncywang_1580的博客

基本的ListView实现

忽略新建项目的过程…
首先，既然是一个控件，那么自然是要在主布局中添加ListView控件，核心代码如下：

<com.example.citylistview.MyListView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:id="@+id/list_view" >
    </com.example.citylistview.MyListView>

以上是一个最简单的控件布局，也是最简单的属性设置，不用解释；
接着，既然放置了一个控件，那就在MainActivity中新建一个ListView控件，并利用控件id将控件变量与改控件关联起来，核心代码如下：、

private MyListView myCityListView;
myCityListView = findViewById (R.id.list_view);

在完成这一步之后，可以想到ListView中还没有Item对吧，那么就来新建一个String类型的数组，其中的每个变量即为每个Item，代码如下：

private String[] city = {"Beijing", "Nanjing", "Shanghai", "Chengdu", "Tianjin"...};

这个变量中可以多写一些，这样List就会长一些，由于ListView是使用Adapter来作为输入的列表变量，那么就需要新建一个Adapter类型变量并和这个String类型的列表关联在一起：

private ArrayAdapter<String> mArrayAdapter;
mArrayAdapter = new ArrayAdapter<String>(MainActivity.this, android.R.layout.simple_list_item1, city);

可以看出，这个构造函数接受三个参数，第一个是Context类型，传入MainActivity.this，第二个是Android自带的一个Item layout，可以理解为一个只带有一个TextView的小横条；
最后用mListView变量将这个adapter放置进去就ok了：

myCityListView.setAdapter (cityAdapter);

接着跑一跑结果就是这样：

自定义子项的ListView实现

自定义子项的ListView主要是为了实现定义ListView的item栏，从上一个部分可以看到ListView的每一栏就是一个TextView，这样未免有点儿单调，因此我们现在要实现的自定义ListView就要在每个item中放置一个ImageView和一个TextView。

首先，既然要改变item这一栏，那自然就不能用上个部分使用的”android.R.layout.simple_list_item1”这个自带item，因此，我们新建一个layout，命名为item_layout，布局如下：

<ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/city_image" />
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/city_name"
        android:layout_gravity="center_vertical"
        android:textSize="18sp"/>

可以看出来代码很简单，一个ImageView，一个TextVeiw搞定；因为现在一个Item中有ImageView和TextView，也就是说这两个东西应该属于绑定到一起，那么自然想到将这两个变量放到一个类中来管理，因此我们在src/java中新建一个City类：

public class City {
    private String name;
    private int imageId;
    public City(String name, int imageId){
        this.name = name;
        this.imageId = imageId;
    public String getName(){
        return name;
    public int getImageId() {
        return imageId;
这个d代码也很简单，name用于给item中的TextView赋值，imageId则用于给item中的ImageView赋值，这边儿之所以是一个int类型的变量，是因为我们在设置IamgeVeiw资源的的时候使用的是资源id； 
 接下来就是之前一直让让我头疼的ArrayAdapter<>这个类型的变量，由于我们一开始直接使用ArrayAdapter这个类型的变量，其实是调用的类中getView()这个方法，而这个默认的gitView方法只是获取一个TextVeiw变量，而现在我们在item中多了一个ImageView，因此我们就需要重写这个getView方法，所以我们新建一个CityAdapter继承自ArrayAdapter类： 
public class CityAdapter extends ArrayAdapter<City> {
    private int newResourceId;
    public CityAdapter(Context context, int resourceId, List<City> cityList){
        super(context, resourceId, cityList);
        newResourceId = resourceId;
    @Override
    public View getView(final int position, View convertView, ViewGroup parent){
        City city = getItem (position);
        View view = LayoutInflater.from (getContext ()).inflate (newResourceId, parent, false);
        TextView cityName = view.findViewById (R.id.city_name);
        ImageView cityImage = view.findViewById (R.id.city_image);
        cityName.setText (city.getName ());
        cityImage.setImageResource (city.getImageId ());
        return view;
这个类中就一个构造函数和一个getView方法，构造函数接收三个参数，resourceId为我们自己定义个Item项的layout，cityList就是之前的String类型数组； 
最重要的在于getView方法，这个方法的主要目的就是为了获得ListView的每个Item项，简单的理解就是ListView中的一行一行，所以需要返回一个View类型变量； 
getView这个方法现在来看比较清晰，一定要知道position参数就是每一项的位置参数，用这个参数就可以得到每一项对应的City变量；利用LayouInflater的inflate方法（这个方法很重要）获得Item的layout对应的View变量，然后利用这个View找到每一行中的ImageView和TextView控件，最后给这两个控件设置文字的图像资源。这么一看，思路就比较清晰了吧。 
于是，效果就是这样： 
  
——图片就不要纠结了，自己找的… 
这里有一点需要特别注意：因为ImageView和TextView是在item layout的布局上，所以我们在使用findView方法的时候必须是view.findVeiw，否则无法找到对应的两个控件！
 
最后，我们来讲一下自定义ListView的一些提高效率的方法； 
自定义ListView的简单优化 
利用convertView缓存
新建内部ViewHolder类
ListView的点击响应
//ListView回弹效果实现 
在我们实现自定义ListView之后，其实ListView的效率是比较低的，因为当我们每次上下滑动ListView的时候，一旦有新的item出现在屏幕中<此处待验证>，CityAdapter类的getView方法就会寻找Item layout，这样极大的降低了效率（这里可以打Log做测试）。因此，我们需要进行优化。 
第一种方法是对getView的参数convertView进行判断，因为这个参数实际上是对原先载入的布局进行缓存的结果，因此我们对这个变量进行判断，若不为null，则直接使用这个convertView，若不存在，再去新建这个那个对应于的view，核心代码如下： 
getView(final int position, View convertView, ViewGroup parent){
    if(null != convertView){
            view = convertView;
    else{
        view = LayoutInflater.from...
虽然这种方法能够使用缓存的convertView来提高效率，但是每次依然要用view去寻找对应的ImageView和TextView，那么有什么方法可以改进呢？第二种方法这个思路是这样的： 在CityAdapter加一个内部类，这个类拥有两个成员变量，分为为ImageView类型和TextView类型，然后将这个类与我们之前缓存的convertView关联在一起，这样的话，一旦convertView存在，则直接将关联的类中的ImageView和TextView取出使用，若不存在，则新建view变量，并将对应的ImageView和TextView存到关联的类中，这样就可以用于之后取出使用了。 
首先，在CityAdapter类中添加一个内部类： 
public class ViewHolder2{
        private ImageView cityImage;
        private TextView cityName;
然后将getView方法改为： 
@Override
    public View getView(final int position, View convertView, ViewGroup parent){
        ViewHolder2 viewHolder;
        if(null != convertView){
            viewHolder = (ViewHolder2) convertView.getTag ();
        else{
            viewHolder = new ViewHolder2 ();
            convertView = LayoutInflater.from (getContext ()).inflate (newResourceId, parent, false);
            Context testContext = getContext ();
            Log.d ("CityAdapter", "test context" + testContext);
            viewHolder.cityImage = convertView.findViewById (R.id.city_image);
            viewHolder.cityName = convertView.findViewById (R.id.city_name);
            viewHolder.cityImage.setImageResource (getItem (position).getImageId ());
            viewHolder.cityName.setText (getItem (position).getName ());
            convertView.setTag (viewHolder);
        Log.d ("CityAdapter", "getView is called");
        return convertView;
其中，setTag和getTag就是上文所讲的将这个内部类与我们所需要的View变量关联起来和获取这个内部类变量的方法。 
对ListView做了一些优化之后，我们还应该让ListView可以响应最基本的点击事件。ListView实现点击响应有两种思路：1、在CityAdapter中的getView中得到的View变量，这个其实就是每个item的小横条，那么让它调用setOnClickListener不就可以了吗；2、让ListView直接调用setOnItemClickListener方法； 
对于第一种方法，核心代码如下： 
convertView.setOnClickListener (new View.OnClickListener () {
    @Override
    public void onClick(View view) {
    Toast.makeText (getContext (), getItem(position).getName (), Toast.LENGTH_SHORT).show ();
这个和普通控件的响应一样比较简单； 
对于第二种，则在MainActivity中修改，核心代码如下： 
myCityListView.setOnItemClickListener(new AdapterView.OnItemClickListener (){
            @Override
            public void onItemClick(AdapterView<?> adapterView, View view, int position, long id){
                City cityTemp = cityList.get (position);
                Toast.makeText (MainActivity.this, cityTemp.getName (), Toast.LENGTH_SHORT).show ();
当点击ListView中的Item时效果如下： 
  
                    Android ListView大概算是Android中最常用也是最难用的一个控件，老实说之前这个控件的用法着实让我别扭了一阵子，要知道看程序能懂，但离了书之后发现就是写不出来的感觉真是相当失落。好在，现在终于能够自己写出来的，所以在这里记录一下我写自定义ListView的过程，提供一个思路，希望能够帮助到一些初学者。真问主要分三个部分来介绍自定义ListView：基本的ListView...
				ListView一、简单列表二、图文混排1.创建一个ListView_item.xml2.创建一个数据适配器ListViewAdapter 继承自ArrayAdapter3.创建属性文件 List_content4.重写Mainactivity注意事项
一、简单列表
1.在activity_main中添加控件ListView
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools
import android.app.DialogFragment;
import android.content.DialogInterface;
import android.support.v7.app.AlertDialog;
impo...
2、自定义适配器（需继承ArrayAdapter&lt;Day&gt;后重写）
3、为ListView设置布局文件（例如文本框、图片。这就是你ListView显示的界面）
（4、5和配置系...
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='
                    kaninchen_m: 
                    你好，请问你的问题解决了吗？我也有同样的疑惑。仔细读了一下博主的这段话“#correct matches表示匹配结果中正确匹配点对，#correspondences表示特征点检测时重复特征点对（特征点重复即认为实际为正确匹配点对，但可能被匹配算法匹配上，也可能未匹配上），#false matches表示匹配结果中错误匹配点对。其中，正确与错误匹配点对可以用上面提到的两个判断特征点是否重复的条件来判定。”我对于前半段的理解是“repeatable的点对，就是匹配的点对，但匹配算法不一定找得准这些点对”，以此推断“匹配算法”并不是以“dist(h1*a1, b1)是否小于阈值ε”为判断标准而应该是另一种思路的算法；也就是说recall公式中的(A+B)是用“repeatability”得出的，而灰色区域是用“另一种匹配算法”得出的。