Android 解决ListView 和 ScrollView 共存冲突的问题-白红宇

ListView 与 ScrollView 同在一个界面用头脑想想都觉得不大可能这样做，但还真的有美工这样做了，有点郁闷~！！沟通无果，解决之~~~~！初期还真没啥头绪，Google 一下看到有很多同样碰到这类头痛的问题，不好意思还没描述问题症状。ListView 与 ScrollView 同在一界面会导致ListView 显示变形，因为ListView 也有自带的滚动事件，故无法与ScrollView 相容，可能造成的现象是ListView 只能显示一行或者两行，其他数据在那一点儿宽的地方做滚动，甚不雅观。

下面是我的一个实现步骤：

1、继承LinearLayout，既然会冲突那就不用ListView 改成线性布局做动态布局效果

2、继承BaseAdapter ，可以参照一下Android app源码中 Widget 目录下的SimpleAdapter 为前面扩展的LinearLayout做数据。

3、模拟数据填充扩展后的BaseAdapter 为扩展后的LinearLayout 加载数据

第一步：新建LinearLayoutForListView 类使其扩展LinearLayout重写以下两个方法：

public

LinearLayoutForListView(Context context) {

super

(context);

}

public

LinearLayoutForListView(Context context, AttributeSet attrs) {

super

(context, attrs);

TODO Auto-generated constructor stub

}

这两个方法可选，不过建议都写上，第一个方法可以让我们通过编程的方式实例化出来，第二个方法可以允许我们通过 XML的方式注册控件，可以在第二个方法里面为扩展的复合组件加属性，详细使用方法请。

为其添加get / set 方法

/**

* 获取Adapter

@return

adapter

public

AdapterForLinearLayout getAdpater() {

return

adapter;

}

/**

* 设置数据

@param

adpater

public

void

setAdapter(AdapterForLinearLayout adpater) {

this

.adapter

adpater;

bindLinearLayout();

}

/**

* 获取点击事件

@return

public

OnClickListener getOnclickListner() {

return

onClickListener;

}

/**

* 设置点击事件

@param

onClickListener

public

void

setOnclickLinstener(OnClickListener onClickListener) {

this

.onClickListener

onClickListener;

}

第二步：新建AdapterForLinearLayout 类继承自BaseAdapter，并为其添加构造函数

private

LayoutInflater mInflater;

private

int

resource;

private

List

extends

Map

String,

?>>

data;

private

String[] from;

private

int

[] to;

public

AdapterForLinearLayout(Context context,

List

extends

Map

String,

?>>

data,

int

resouce, String[] from,

int

[] to) {

this

.data

data;

this

.resource

resouce;

this

.data

data;

this

.from

from;

this

.to

to;

this

.mInflater

(LayoutInflater) context

.getSystemService(Context.LAYOUT_INFLATER_SERVICE);

}

此构造函数模仿 simpleAdapter 通过传进来的resouce 为布局设置数据。通过继承BaseAdapter 重要的实现方法在下面getView ，此方法判断通过传进来的 String[] from 与 int[] to 为分别查找出View 并为View 设置相应的Text，代码如下：

@Override

public

View getView(

int

position, View convertView, ViewGroup parent) {

TODO Auto-generated method stub

convertView

mInflater.inflate(resource,

null

);

Map

String,

item

data.get(position);

int

count

to.length;

for

(

int

; i

count; i

) {

View v

convertView.findViewById(to[i]);

bindView(v, item, from[i]);

}

convertView.setTag(position);

return

convertView;

}

/**

* 绑定视图

@param

view

@param

item

@param

from

private

void

bindView(View view, Map

String,

item, String from) {

Object data

item.get(from);

(view

instanceof

TextView) {

((TextView) view).setText(data

null

: data.toString());

}

Tip:

BindView 方法是一个自定义方法，在方法体内可以为通过判断使本类更具灵活性，如上，你不仅可以判断是TextView 并且可以传入任何你想要的View 只要在方法体内加入相应判断即可，数据可以通过data 做相应处理，具体如何操作读者可另行测试。

convertView.setTag(position); 此句代码为View 设置tag 在以后我们可以通过 getTag 找出下标，后文有介绍如何通过下标操作数据。

下面是两个类的全部代码，读者可以无须更改直接使用：

LinearLayoutForListView

package

com.terry.widget;

import

android.content.Context;

import

android.util.AttributeSet;

import

android.util.Log;

import

android.view.View;

import

android.widget.LinearLayout;

public

class

LinearLayoutForListView

extends

LinearLayout {

private

AdapterForLinearLayout adapter;

private

OnClickListener onClickListener

null

;

/**

* 绑定布局

public

void

bindLinearLayout() {

int

count

adapter.getCount();

for

(

int

; i

count; i

) {

View v

adapter.getView(i,

null

);

v.setOnClickListener(

this

.onClickListener);

count

) {

LinearLayout ly

(LinearLayout) v;

ly.removeViewAt(

);

}

addView(v, i);

}

Log.v(

countTAG

count);

}

public

LinearLayoutForListView(Context context) {

super

(context);

}

public

LinearLayoutForListView(Context context, AttributeSet attrs) {

super

(context, attrs);

TODO Auto-generated constructor stub

}

/**

* 获取Adapter

@return

adapter

public

AdapterForLinearLayout getAdpater() {

return

adapter;

}

/**

* 设置数据

@param

adpater

public

void

setAdapter(AdapterForLinearLayout adpater) {

this

.adapter

adpater;

bindLinearLayout();

}

/**

* 获取点击事件

@return

public

OnClickListener getOnclickListner() {

return

onClickListener;

}

/**

* 设置点击事件

@param

onClickListener

public

void

setOnclickLinstener(OnClickListener onClickListener) {

this

.onClickListener

onClickListener;

}

AdapterForLinearLayout

package

com.terry.widget;

import

java.util.List;

import

java.util.Map;

import

android.content.Context;

import

android.view.LayoutInflater;

import

android.view.View;

import

android.view.ViewGroup;

import

android.widget.BaseAdapter;

import

android.widget.TextView;

public

class

AdapterForLinearLayout

extends

BaseAdapter {

private

LayoutInflater mInflater;

private

int

resource;

private

List

extends

Map

String,

?>>

data;

private

String[] from;

private

int

[] to;

public

AdapterForLinearLayout(Context context,

List

extends

Map

String,

?>>

data,

int

resouce, String[] from,

int

[] to) {

this

.data

data;

this

.resource

resouce;

this

.data

data;

this

.from

from;

this

.to

to;

this

.mInflater

(LayoutInflater) context

.getSystemService(Context.LAYOUT_INFLATER_SERVICE);

}

@Override

public

int

getCount() {

TODO Auto-generated method stub

return

data.size();

}

@Override

public

Object getItem(

int

position) {

TODO Auto-generated method stub

return

data.get(position);

}

@SuppressWarnings(

unchecked

)

public

String get(

int

position, Object key) {

Map

String,

map

(Map

String,

) getItem(position);

return

map.get(key).toString();

}

@Override

public

long

getItemId(

int

position) {

TODO Auto-generated method stub

return

position;

}

@Override

public

View getView(

int

position, View convertView, ViewGroup parent) {

TODO Auto-generated method stub

convertView

mInflater.inflate(resource,

null

);

Map

String,

item

data.get(position);

int

count

to.length;

for

(

int

; i

count; i

) {

View v

convertView.findViewById(to[i]);

bindView(v, item, from[i]);

}

convertView.setTag(position);

return

convertView;

}

/**

* 绑定视图

@param

view

@param

item

@param

from

private

void

bindView(View view, Map

String,

item, String from) {

Object data

item.get(from);

(view

instanceof

TextView) {

((TextView) view).setText(data

null

: data.toString());

}

对应的XML 如下：

xml version="1.0" encoding="UTF-8"

LinearLayout

xmlns:android

="http://schemas.android.com/apk/res/android"

android:orientation

="vertical"

android:layout_width

="fill_parent"

android:layout_height

="fill_parent"

TextView

android:id

="@+id/TextView01"

android:layout_marginLeft

="10px"

android:textAppearance

="?android:attr/textAppearanceLarge"

android:layout_width

="wrap_content"

android:layout_height

="wrap_content"

TextView

android:id

="@+id/TextView02"

android:layout_width

="wrap_content"

android:textAppearance

="?android:attr/textAppearanceSmall"

android:layout_marginLeft

="10px"

android:layout_height

="wrap_content"

TextView

View

android:layout_height

="1px"

android:background

="#FFFFFF"

android:layout_width

="fill_parent"

></

View

LinearLayout

第三步：主页面使用控件并为其设置数据

XML如下：


<
com.terry.widget.LinearLayoutForListView

android:orientation
="vertical"
android:layout_width
="450px"

                        android:layout_height
="fill_parent"
android:id
="@+id/ListView01"
>


</
com.terry.widget.LinearLayoutForListView
>

加载数据如下：

lv
=
(LinearLayoutForListView) findViewById(R.id.ListView01);

for
(
int
i
=

0
; i
<

10
; i
++
) {

            HashMap
<
String, Object
>
map
=

new
HashMap
<
String, Object
>
();
            map.put(
"
key_name
"
,
"
name
"

+
i);
            map.put(
"
value_name
"
,
"
value
"

+
i);
            list.add(map);
        }

final
AdapterForLinearLayout Layoutadpater
=

new
AdapterForLinearLayout(

this
, list, R.layout.test,
new
String[] {
"
key_name
"
,

"
value_name
"
},
new

int
[] { R.id.TextView01,
                        R.id.TextView02 });

事件操作，并通过下标得到数据源：

lv.setOnclickLinstener(
new
OnClickListener() {

            @Override

public

void
onClick(View v) {


//
TODO Auto-generated method stub

                Toast.makeText(
                        BlueToothActivity.
this
,
                        Layoutadpater.get(Integer.parseInt(v.getTag()
                                .toString()),
"
key_name
"
),
1000
).show();
            }
        });
        lv.setAdapter(Layoutadpater);

Tip：get方法是在Layoutadpater 封装的一个通过下标获取相应数据的方法请参考上文。

至此完成。有碰到这个问题的朋友可以试试。

本文转自 terry_龙 51CTO博客，原文链接：http://blog.51cto.com/terryblog/373509，如需转载请自行联系原作者