解決Android ListView 和 ScrollView 共存時沖突 問題 方法其一

轉載請注明出處：

http://www.goteny.com/articles/2013/11/8.html

http://www.cnblogs.com/zjjne/p/3428480.html

 

當同一個頁面布局中的ScrollView中包含有ListView時，兩個布局由於都有滑動而導致沖突，最明顯的特征就是當ListView中有多個子項時，會出現顯示不全的情況，只會顯示一兩個子項。

 

以前查到一個簡單的解決辦法setListViewHeightBasedOnChildren(ListView listView)的那個辦法，是測出ListView中每一個子項視圖的高度，然后再相加起來，以這個值來設定整個ListView的高度。這種方法的優點是比較簡單，能解決子項視圖布局比較簡單且文字較少的情況；但不足之處是每次刷新ListView時都要調用這個函數來重新設定ListView的高度，重點是：若子項視圖中文字過多，出現文字自動換行的時候，此時測出來的高度就不准確了，難以做到准確設置ListView的高度。

 

這次要介紹的方法雖說有點麻煩，但是相對來說比較治本的方法，其思想是繼承並擴展線性布局LinearLayout，用LinearLayout替代ListView來實現ListView的功能和效果。

 

下面是效果示例：

這是修改前的沖突情況（ListView顯示只能顯示第一行）

 

這是修改后的效果

 

 

本文的實現思想和代碼是在

【Android 解決ListView 和 ScrollView 共存沖突的問題http://terryblog.blog.51cto.com/1764499/373509 】

這篇文章的基礎上作了少許修改和“添加子項間分隔線、子項點擊事件監聽”而成的。

 

主要思想是：

給LinearLayout添加BaseAdapter、OnItemClickListener成員，

然后在綁定布局時調用BaseAdapter的getView方法取得子項的視圖View，

將此View用addView方法添加進LinearLayout中；

並設置每一個子項視圖View的監聽點擊事件OnClickListener，

在OnClickListener的onClick方法中調用OnItemClickListener的

onItemClick方法，即在將子項的點擊事件轉發到LinearLayout的onItemClick事件中。

 

下面是用來替代ListView的LinearLayout代碼，此LinearLayoutForListView作為自定義控件來替代ListView，

用法和ListView的用法一樣，使用BaseAdapter來做適配器

package com.and.mine;

import android.content.Context;
import android.util.AttributeSet;
import android.util.Log;
import android.util.TypedValue;
import android.view.View;
import android.widget.AdapterView.OnItemClickListener;
import android.widget.BaseAdapter;
import android.widget.LinearLayout;

public class LinearLayoutForListView extends LinearLayout
{
    private BaseAdapter adapter;
    private OnItemClickListener onItemClickListener;

    
    /**
     * 通過 Java代碼  實例化
     * @param context
     */
    public LinearLayoutForListView(Context context)
    {
        super(context);
        //設置LinearLayoutForListView為垂直布局，否者默認為水平布局，容易疏忽導致子項顯示不全
        LinearLayoutForListView.this.setOrientation(LinearLayout.VERTICAL);
    }

    
    /**
     * 此構造函數可以允許我們通過 XML的方式注冊 控件
     * @param context
     * @param attrs
     */
    public LinearLayoutForListView(Context context, AttributeSet attrs)
    {
        super(context, attrs);
        LinearLayoutForListView.this.setOrientation(LinearLayout.VERTICAL);
    }
    
    

    /**
     * 設置適配器
     * 
     * @param adpater
     */
    public void setAdapter(BaseAdapter adpater)
    {
        this.adapter = adpater;
        bindLinearLayout();
    }

    /**
     * 獲取適配器Adapter
     * 
     * @return adapter
     */
    public BaseAdapter getAdpater()
    {
        return adapter;
    }

    
    
    /**
     * 綁定布局:將每個子項的視圖view添加進此線性布局LinearLayout中
     */
    public void bindLinearLayout()
    {
        int count = adapter.getCount();
        for (int i = 0; i < count; i++)
        {
            View v = adapter.getView(i, null, null);

            if (i != count - 1)
            {    //添加每項item之間的分割線
                 v = addLine(v);
            }
            addView(v, i);
        }
        setItemClickListener();
        Log.v("countTAG", "" + count);
    }

    /**
     * 添加每項item之間的分割線
     * 
     * @param view
     * @return
     */
    public View addLine(View view)
    {
        //分割線view
        View lineView = new View(view.getContext());

        // 將數據從dip(即dp)轉換到px，第一參數為數據原單位（此為DIP），第二參數為要轉換的數據值
        float fPx = TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP,
                (float) 0.5, view.getResources().getDisplayMetrics());
        int iPx = Math.round(fPx);

        LayoutParams layoutParams = new LayoutParams(
                LinearLayout.LayoutParams.MATCH_PARENT, iPx);
        lineView.setLayoutParams(layoutParams);
        lineView.setBackgroundColor(view.getSolidColor());

        LinearLayout ly = new LinearLayout(view.getContext());
        ly.setOrientation(LinearLayout.VERTICAL);

        ly.addView(view);
        ly.addView(lineView);

        return ly;
    }

    
    /**
     * 設置點擊子項事件監聽對象
     * @param onItemClickListener
     */
    public void setOnItemClickListener(OnItemClickListener onItemClickListener)
    {
        this.onItemClickListener = onItemClickListener;
        setItemClickListener();
    }
    
    /**
     * 獲取點擊子項事件監聽對象
     * @return
     */
    public OnItemClickListener getOnItemClickListener()
    {
        return onItemClickListener;
    }
    
    
    /**
     * 設置子項點擊事件
     */
    private void setItemClickListener()
    {
        if (adapter != null)
        {
            for (int i = 0; i < LinearLayoutForListView.this.getChildCount(); i++)
            {
                View view = LinearLayoutForListView.this.getChildAt(i);
                if (onItemClickListener != null)
                {
                    //設置子項點擊事件
                    view.setOnClickListener(new ItemClickListener(view, i, adapter.getItemId(i)));
                }
            }
        }
    }
    
    class ItemClickListener implements OnClickListener
    {
        View view;
        int position;
        long id;
        
        public ItemClickListener(View view, int position, long id)
        {
            this.view = view;
            this.position = position;
            this.id = id;
        }

        @Override
        public void onClick(View v)
        {
            //將子項視圖的點擊事件轉發到整個listview的OnItemClick事件中
            //此方法有局限性，第一個參數 AdapterView<?> parent（即當前listView的視圖）沒傳入onItemClick()中
            onItemClickListener.onItemClick(null, view, position, id);
        }
    }
}

 

在XML中使用自定義控件來調用LinearLayoutForListView

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical" >

    <com.and.mine.LinearLayoutForListView
        android:id="@+id/list"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" >
    </com.and.mine.LinearLayoutForListView>

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="使用方法" />

</LinearLayout>

 

當然這種這種方法也是存在不足之處的，歡迎各位指正

 

轉載請注明出處：

http://www.goteny.com/articles/2013/11/8.html

http://www.cnblogs.com/zjjne/p/3428480.html

 

THE END

---