Android自定义ListView示例,以创建不可滚动的ListView

时间:2020-02-23 14:28:51  来源:igfitidea点击:

在本教程中,我们将根据Android应用程序中的要求覆盖ListView类以使其适合您。

Android不可滚动ListView要求

ListView带有其自己的默认滚动方法。
现在,如果我们希望创建一个包含ListView以及父ScrollView内的其他视图的布局,那么您会注意到ListView的滚动手势无法正常工作。

这样做的原因是,布局接收到的滚动手势均仅由父布局处理。
一种解决方法是将其他视图添加为ListView的页眉和页脚,并避免使用ListView和ScrollView。
但是,更健壮的选择是创建自定义ListView类,使其成为不可滚动的,从而满足我们的需求。

在本教程中,我们将开发一个自定义ListView类,并将其在ScrollView中与其他子视图一起使用。
我们将使用Butterknife绑定视图。

项目结构

该项目包含一个MainActivity和一个名为NonScrollListView的ListView子类。

代码

NonScrollListView类如下所示:

public class NonScrollListView extends ListView {

  public NonScrollListView(Context context) {
      super(context);
  }
  public NonScrollListView(Context context, AttributeSet attrs) {
      super(context, attrs);
  }
  public NonScrollListView(Context context, AttributeSet attrs, int defStyle) {
      super(context, attrs, defStyle);
  }
  @Override
  public void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
      int heightMeasureSpec_custom = MeasureSpec.makeMeasureSpec(
              Integer.MAX_VALUE >> 2, MeasureSpec.AT_MOST);
      super.onMeasure(widthMeasureSpec, heightMeasureSpec_custom);
      ViewGroup.LayoutParams params = getLayoutParams();
      params.height = getMeasuredHeight();
  }
}

onMeasure()允许我们根据父类的布局约束指定您希望自定义视图的大小。
AT_MOST通常意味着将" layout_width"或者" layout_heigh"值设置为" match_parent"或者" wrap_content",其中需要最大尺寸(这是框架中的布局依赖性),而父尺寸的尺寸就是该值。

MainActivity的布局如下所示:ʻactivity_main.xml`

<?xml version="1.0" encoding="utf-8"?>
<ScrollView xmlns:android="https://schemas.android.com/apk/res/android"
  android:layout_width="fill_parent"
  android:layout_height="fill_parent"
  android:fillViewport="true">

  <RelativeLayout xmlns:android="https://schemas.android.com/apk/res/android"
      android:layout_width="match_parent"
      android:layout_height="wrap_content">

      <Button
          android:id="@+id/header_button"
          android:layout_width="match_parent"
          android:layout_height="wrap_content"
          android:layout_alignParentEnd="true"
          android:layout_alignParentLeft="true"
          android:layout_alignParentRight="true"
          android:layout_alignParentStart="true"
          android:layout_alignParentTop="true"
          android:background="#36D2AA"
          android:padding="@dimen/activity_horizontal_margin"
          android:text="Header Button" 

      <com.theitroad.nonscrollablelistview.NonScrollListView
          android:id="@+id/listView"
          android:layout_width="wrap_content"
          android:layout_height="match_parent"
          android:layout_alignParentLeft="true"
          android:layout_alignParentStart="true"
          android:layout_below="@+id/header_button"></com.theitroad.nonscrollablelistview.NonScrollListView>

      <Button
          android:id="@+id/button3"
          android:layout_width="match_parent"
          android:layout_height="wrap_content"
          android:layout_alignParentLeft="true"
          android:layout_alignParentStart="true"
          android:layout_below="@+id/button2"
          android:padding="@dimen/activity_horizontal_margin"
          android:text="Footer Button 3" 

      <Button
          android:id="@+id/button2"
          android:layout_width="match_parent"
          android:layout_height="wrap_content"
          android:layout_alignParentLeft="true"
          android:layout_alignParentStart="true"
          android:layout_below="@+id/button1"
          android:padding="@dimen/activity_horizontal_margin"
          android:text="Footer Button 2" 

      <Button
          android:id="@+id/button1"
          android:layout_width="match_parent"
          android:layout_height="wrap_content"
          android:layout_alignParentLeft="true"
          android:layout_alignParentStart="true"
          android:layout_below="@+id/listView"
          android:text="Footer Button 1" 

  </RelativeLayout>
</ScrollView>

自定义ListView类的包名称设置为标记。
该布局由RelativeLayout内部的四个按钮组成,这是ScrollView的子级。

MainActivity.java如下:

package com.theitroad.nonscrollablelistview;

import android.os.Bundle;
import android.support.annotation.Nullable;
import android.support.design.widget.FloatingActionButton;
import android.support.design.widget.Snackbar;
import android.support.v7.app.AppCompatActivity;
import android.support.v7.widget.Toolbar;
import android.view.View;
import android.view.Menu;
import android.view.MenuItem;
import android.view.ViewGroup;
import android.widget.ArrayAdapter;
import android.widget.Button;
import android.widget.TextView;
import android.widget.Toast;

import java.util.ArrayList;
import java.util.LinkedList;
import java.util.List;

import butterknife.ButterKnife;
import butterknife.InjectView;
import butterknife.OnClick;
import butterknife.OnItemClick;
import butterknife.OnItemSelected;

public class MainActivity extends AppCompatActivity {

  @InjectView(R.id.listView)
  NonScrollListView nonScrollListView;

  @Override
  protected void onCreate(Bundle savedInstanceState) {
      super.onCreate(savedInstanceState);
      setContentView(R.layout.activity_main);
      ButterKnife.inject(this);

      final List<String[]> values = new LinkedList<String[]>();
      values.add(new String[]{"Title 1", "Subtitle 1"});
      values.add(new String[]{"Title 2", "Subtitle 2"});
      values.add(new String[]{"Title 3", "Subtitle 3"});
      values.add(new String[]{"Title 4", "Subtitle 4"});
      values.add(new String[]{"Title 5", "Subtitle 5"});
      values.add(new String[]{"Title 6", "Subtitle 6"});
      values.add(new String[]{"Title 7", "Subtitle 7"});
      values.add(new String[]{"Title 8", "Subtitle 8"});

      nonScrollListView.setAdapter(new ArrayAdapter<String[]>(MainActivity.this, android.R.layout.simple_expandable_list_item_2, android.R.id.text1, values) {

          @Override
          public View getView(int position, View convertView, ViewGroup parent) {
              View view = super.getView(position, convertView, parent);

              String[] entry = values.get(position);
              TextView text1 = (TextView) view.findViewById(android.R.id.text1);
              TextView text2 = (TextView) view.findViewById(android.R.id.text2);
              text1.setText(entry[0]);
              text2.setText(entry[1]);

              return view;
          }
      });
  }

  @Nullable
  @OnClick({ R.id.header_button, R.id.button1,R.id.button2 , R.id.button3})
  public void commonMethod() {
      Toast.makeText(getApplicationContext(),"Button is clicked",Toast.LENGTH_SHORT).show();
  }

  @OnItemClick(R.id.listView)
  void onItemClick(int position) {
      Toast.makeText(getApplicationContext(),"Position "+position+" is clicked",Toast.LENGTH_SHORT).show();
  }

}

我们使用了新的默认列表布局" android.R.layout.simple_expandable_list_item_2"。
它包含两个只能使用id调用的textView:android.R.id.text1和android.R.id.text2。
使用String数组的LinkedList填充ListView。

实际应用程序的输出如下:

注意:在XML和代码中,将NonScrollListView替换为普通的ListView。
返回以下输出。

如您所见,ListView的默认滚动与ScrollView冲突,因此手势处理不正确。

替代方式

下面给出了无需创建自定义窗口小部件的上述问题的解决方法:

listView.setOnTouchListener(new ListView.OnTouchListener() {
      @Override
      public boolean onTouch(View v, MotionEvent event) {
          int action = event.getAction();
          switch (action) {
          case MotionEvent.ACTION_DOWN:
              //Disallow ScrollView to intercept touch events.
              v.getParent().requestDisallowInterceptTouchEvent(true);
              break;

          case MotionEvent.ACTION_UP:
              //Allow ScrollView to intercept touch events.
              v.getParent().requestDisallowInterceptTouchEvent(false);
              break;
          }

          //Handle ListView touch events.
          v.onTouchEvent(event);
          return true;
      }
  });