在上一篇博文中写到了ListView的基础用法。
需要看ListView基础用法的朋友请看,Android ListView基础用法
现在大家根据上一篇博文已经可以呈现出一个列表了,但是在实际使用列表的过程中经常会在列表中用到一些按钮、选择框、下拉菜单等功能并获取用户所选择的值。这样的需求在上一篇的用法中已经无法满足,所以博主今天用ListView中嵌套spinner下拉选择列表并获取spinner中的值为例。希望可以给大家一些类似的启发。
先上效果图
在列表中可以选择良好、不良、待修、修理四个选项,点击提交返回结果(四个选项分别对应0、1、2、3)
下面是点击提交后,日志答应的结果。可以看到已经成功获取到了选择的内容
接下来,废话不多说上干货
要做列表的思路当然还是adpter+item.xml,但是因为这个例子用到了spinner这一组件,由于spinner的特性:直接使用spinner组件无法自行规定字体大小、格式等等属性,只能使用默认的,使用起来很难受。所以在做列表适配器前,我们先做一个spinner的适配器。
//Spinner适配器
public class SpotCheckSpinnerAdapter extends BaseAdapter {
private Context mContext;
private String[] values;
public SpotCheckSpinnerAdapter(Context context){
this.mContext = context;
Resources res = mContext.getResources();
this.values = res.getStringArray(R.array.checklist_values);//构建spinner中的值
}
@Override
public int getCount() {
return values.length;
}
@Override
public Object getItem(int position) {
return values[position];
}
@Override
public long getItemId(int position) {
return 0;
}
//缓存选项内容
private class ViewHolder {
TextView spinner_value;
}
public View getView(int position, View converView, ViewGroup parent){
ViewHolder holder;
if (converView == null){
converView = View.inflate( mContext,R.layout.spinner_value,null );
holder = new ViewHolder();
holder.spinner_value = (TextView) converView.findViewById( R.id.spinner_value );
converView.setTag( holder );
}else {
holder = (ViewHolder) converView.getTag();
}
String value = values[position];
holder.spinner_value.setText( value );
return converView;
}
}
说一下这里ViewHolder的作用,每次进入页面都要执行getView,所以等列表的长度超过一页时会出现当页面滑动时,有一部分内容消失,当这部分内容再次进入页面时会getView,这就导致了数据错位等现象。使用ViewHolder把所有已经选择的内容存起来当再次用到时取出,这样就避免了数据错位的问题。
spinner中的值由R.array.checklist_values确定
该文件目录为
代码如下:
- 良好
- 不良
- 待修
- 修理
这样spinner适配器就做好了。接下来要在列表适配器中加入spinner适配器
还是先写列表item.xml,很简单不做解释,直接上代码
构建列表适配器
public class SpotCheckDetailItemAdapter extends BaseAdapter {
private Context mContext;
private String[] checkListName;
private Map allValues;//用于存储spinner 内容
public SpotCheckDetailItemAdapter(Context context,String[] checkListName){
this.mContext = context;
this.checkListName = checkListName;
allValues = new HashMap();
putAllValues();
}
//把数据存储入allValues
private void putAllValues() {
for (String str:checkListName){
allValues.put(str,0);
}
}
public void setAllValues(MapallValues){
this.allValues = allValues;
}
@Override
public int getCount() {
return checkListName.length;
}
@Override
public Object getItem(int position) {
return checkListName[position];
}
@Override
public long getItemId(int i) {
return 0;
}
private class ViewHolder{
TextView checkinfo_item_name;
Spinner checkinfo_item_value;
}
public View getView(int position, View converView, ViewGroup parent){
ViewHolder holder;
if (converView == null){
converView = View.inflate(mContext,R.layout.spotcheckdetail_item,null);
holder = new ViewHolder();
holder.checkinfo_item_name = (TextView) converView.findViewById( R.id.checkinfo_item_name );
holder.checkinfo_item_value = (Spinner) converView.findViewById( R.id.checkinfo_item_value );
SpotCheckSpinnerAdapter adapter = new SpotCheckSpinnerAdapter( mContext );//spnner适配器实例
holder.checkinfo_item_value.setAdapter( adapter );
holder.checkinfo_item_value.setOnItemSelectedListener(new ItemClickSelectListener( holder.checkinfo_item_value));
converView.setTag( holder );//将holder存在converView中
}else {
holder = (ViewHolder) converView.getTag();//重新获取Viewholder
}
String checkedName = checkListName[position];
holder.checkinfo_item_name.setText( checkedName );
holder.checkinfo_item_value.setPrompt( checkedName );
int spinnerOptionPosition = allValues.get( checkedName );//获取spnner的值
holder.checkinfo_item_value.setSelection(spinnerOptionPosition);//重新加载spnner内容
return converView;
}
private class ItemClickSelectListener implements AdapterView.OnItemSelectedListener {
Spinner checkinfo_item_value;
public ItemClickSelectListener(Spinner checkinfo_item_value) {
this.checkinfo_item_value = checkinfo_item_value;
}
@Override
public void onItemSelected(AdapterView> parent, View view, int position, long id) {
allValues.put( checkinfo_item_value.getPrompt().toString(),position );//记录spinner的选择内容
}
@Override
public void onNothingSelected(AdapterView> adapterView) {
}
}
public Map getSelectValues() {
return allValues;
}
}
列表适配器中把spinner中的值存储在HashMap中,通过getSelectValues()方法返回结果。其他我认为重要的部分都加了注释,应该可以理解了。
最后一步就是在activity中调用这个适配器了
activity_spot_check_detail.xml
spot_check_commit_button.xml
这里把列表和提交按钮写在两个xml中,为的是当列表超出一页时做到同步滚动。如果直接把按钮放在列表的下方会出现按钮固定不动的问题。
最后一步,胜利在望
public class SpotCheckDetailActivity extends AppCompatActivity {
private String[] item = {"设备标牌","压力表","安全阀","密封性"};
private ListView spotCheckDetaiList;
@Override
protected void onCreate(@Nullable Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_spot_check_detail);
ActionBar actionBar = getSupportActionBar();
if (actionBar != null){
actionBar.hide();
}
//点检项列表
spotCheckDetaiList = (ListView) findViewById( R.id.list_spotcheckdetail);
//适配器实例化
final SpotCheckDetailItemAdapter adapter = new SpotCheckDetailItemAdapter( this,item);
//底部提交按钮布局加载
View view_bottom = View.inflate( SpotCheckDetailActivity.this,R.layout.spot_check_commit_button,null );
spotCheckDetaiList.addFooterView( view_bottom );//把按钮布局添加到listView的下方
Button commit = (Button) findViewById( R.id.button_commit );
commit.setOnClickListener( new View.OnClickListener() {
@Override
public void onClick(View view) {
Log.d( "MainActivity", String.valueOf( adapter.getSelectValues() ) );
}
} );
//建立适配器
spotCheckDetaiList.setAdapter( adapter );
}
}
到这里就和上一篇讲的列表的基本用法一样了。大功告成!
大家可以看到列表的使用重点是适配器的构建,基本上所有列表的操作都要在适配器中完成。