Android自定义ListView示例,以创建不可滚动的ListView
在本教程中,我们将根据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; } });