ScrollView和ListView這兩個(gè)控件想必大家都不會(huì)陌生，但是這兩者嵌套使用的時(shí)候就會(huì)出現(xiàn)麻煩。比如，我們?nèi)绻朐贚istView下面添加其他的布局或者控件，然后想讓它們作為一個(gè)整體都可以滑動(dòng)的話，最常想到的就是用一個(gè)ScrollView把它們包裹起來(lái)。想法似乎很美好，但是現(xiàn)實(shí)就有點(diǎn)殘酷了。我們可以寫一個(gè)小例子體驗(yàn)一下。
首先創(chuàng)建一個(gè)Activity，在它的布局文件上放置一個(gè)ListView：
<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" tools:context="com.lin.mr.mystudy.scrollview.TestActivity"> <ListView android:id="@+id/listView" android:layout_width="match_parent" android:layout_height="wrap_content"> </ListView></LinearLayout>
然后在代碼中使用for循環(huán)生成一些數(shù)據(jù)，并使用ArrayAdapter適配數(shù)據(jù)。這里允許我偷一下懶，ListView的item布局直接使用Android提供的R.layout.simple_list_item_1，而沒有自己去自定義。
public class TestActivity extends Activity { private ListView listView; private ArrayList<String> list; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_test); listView = (ListView) findViewById(R.id.listView);findViewById(R.id.ll_container); list = new ArrayList<>(); //生成需要顯示到ListView中的數(shù)據(jù) for (int i = 0; i < 30; i++) { list.add("這是數(shù)據(jù)"+i); } //使用ArrayAdapter適配數(shù)據(jù) listView.setAdapter(new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1,list)); }}確保你當(dāng)前的Activity為啟動(dòng)Activity，然后運(yùn)行App，可以看到如下的效果：
好，看起來(lái)沒有問題，但是如果這時(shí)我們需要在這個(gè)ListView的頭部或者底部添加一些控件，然后讓它們整體都可以滑動(dòng)呢？我們可以先這樣試試：
<?xml version="1.0" encoding="utf-8"?><ScrollView xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" tools:context="com.lin.mr.mystudy.scrollview.TestActivity"> <LinearLayout android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical"> <ListView android:id="@+id/listView" android:layout_width="match_parent" android:layout_height="wrap_content"> </ListView> <ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@mipmap/ic_launcher" /> <ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@mipmap/ic_launcher" /> <Button android:layout_width="match_parent" android:layout_height="wrap_content" android:text="按鈕一" /> <Button android:layout_width="match_parent" android:layout_height="wrap_content" android:text="按鈕二" /> </LinearLayout></ScrollView>
在ListView的頭部和底部加了幾個(gè)控件，然后把所有的控件都用一個(gè)線性布局包裹起來(lái)，再把最外層的布局改為ScrollView，再次運(yùn)行，麻煩出現(xiàn)了：
天！我們的ListView只剩下小小的一行了！試著滑動(dòng)一下，發(fā)現(xiàn)滑動(dòng)是沒有問題的，就是只能顯示一行。那我們?cè)撛趺崔k呢？
別著急，有一個(gè)簡(jiǎn)單的方法可以起死回生。我們可以自定義一個(gè)ListView：
/** * 自定義ListView */public class MyListView extends ListView { public MyListView(Context context) { super(context); } public MyListView(Context context, AttributeSet attrs) { super(context, attrs); } public MyListView(Context context, AttributeSet attrs, int defStyleAttr) { super(context, attrs, defStyleAttr); } @Override protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) { heightMeasureSpec = MeasureSpec.makeMeasureSpec(Integer.MAX_VALUE>>2,//右移運(yùn)算符，相當(dāng)于除于4 MeasureSpec.AT_MOST);//測(cè)量模式取最大值 super.onMeasure(widthMeasureSpec,heightMeasureSpec);//重新測(cè)量高度 }}在這個(gè)ListView中我們重寫了onMeasure方法，然后重新定義heightMeasureSpec參數(shù)，它的大小取最大值的四分之一（一般的做法），測(cè)量模式取最大值，然后調(diào)用父類的構(gòu)造方法重新傳入heightMeasureSpec參數(shù)。這些步驟是為了保證ListView的高度不出現(xiàn)問題。完成后，我們?cè)诓季治募惺褂米远x的ListView：
<?xml version="1.0" encoding="utf-8"?><ScrollView xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" tools:context="com.lin.mr.mystudy.scrollview.TestActivity"> <LinearLayout android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical"> <ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@mipmap/ic_launcher" /> <ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@mipmap/ic_launcher" /> <com.lin.mr.mystudy.scrollview.MyListView android:id="@+id/listView" android:layout_width="match_parent" android:layout_height="wrap_content"> </com.lin.mr.mystudy.scrollview.MyListView> <Button android:layout_margin="4dp" android:layout_width="match_parent" android:layout_height="wrap_content" android:text="按鈕一" /> <Button android:layout_margin="4dp" android:layout_width="match_parent" android:layout_height="wrap_content" android:text="按鈕二" /> </LinearLayout></ScrollView>
運(yùn)行之后，發(fā)現(xiàn)問題解決了！ListView可以完整地顯示，而且也可以滑動(dòng)到頭部和頂部的布局。
其實(shí)要想顯示ListView的頭部或者底部布局或者控件的話不一定要用ScrollView，我們也可以將頭部和底部作為一個(gè)整體的布局，即頭布局或者腳布局，然后調(diào)用ListView的addHeaderView方法或者addFooterView方法就可以將它添加到ListView的頭部或者底部了。
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持武林網(wǎng)。
新聞熱點(diǎn)
疑難解答
圖片精選
