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
}
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;
}
* 获取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);
}
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 = 0 ; 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);
if (view instanceof TextView) {
((TextView) view).setText(data == null ? "" : data.toString());
}
}
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 = 0 ; 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);
if (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 = 0 ; i < count; i ++ ) {
View v = adapter.getView(i, null , null );
v.setOnClickListener( this .onClickListener);
if (i == count - 1 ) {
LinearLayout ly = (LinearLayout) v;
ly.removeViewAt( 2 );
}
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;
}
}
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 = 0 ; i < count; i ++ ) {
View v = adapter.getView(i, null , null );
v.setOnClickListener( this .onClickListener);
if (i == count - 1 ) {
LinearLayout ly = (LinearLayout) v;
ly.removeViewAt( 2 );
}
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 = 0 ; 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);
if (view instanceof TextView) {
((TextView) view).setText(data == null ? "" : data.toString());
}
}
}
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 = 0 ; 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);
if (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 >
< 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 >
< 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 >
< 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，如需转载请自行联系原作者