android - 列表视图中的动态表单
问题描述
我想用android建立一个动态调查。问题是通过休息服务从我的 Android 应用程序中加载的服务器创建的。每个问题都有一个指示答案类型的参数。根据问题类型,我想要一个给定的小部件(Edittext,checkboxn ...)在列表视图中输入。假设这是问题列表:
"question": [
{
"name": "fieldA",
"type": "STRING",
"minCharacters": 10,
"maxCharacters": 100
},
{
"name": "fieldB",
"type": "INTEGER",
"min": 10,
"max": 100
},
{
"name": "fieldC",
"type": "BOOLEAN",
"defaultValue": true
}
],
我现在所做的是为每种类型的问题创建不同的布局并调用适配器:
boolean_layout.xml
<?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:background="#5fb0c9"
android:orientation="horizontal">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/questionLabel"
android:layout_alignParentTop="true"
android:ems="10"
android:layout_weight="1"/>
<CheckBox
android:id="@+id/questionValueCbx"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:checked="false"
android:text="Oui/Non"/>
</LinearLayout>
string_layout.xml
<?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:background="#5fb0c9"
android:weightSum="1"
android:orientation="horizontal">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentTop="true"
android:id="@+id/questionLabel"
android:layout_weight="0.8"/>
<EditText
android:id="@+id/questionValue"
android:layout_width="100dp"
android:layout_height="wrap_content"
android:layout_weight="0.2"
android:ems="10"
android:inputType="textPersonName" />
</LinearLayout>
……
我在适配器中调用适当的布局
public View getView(final int i, View view, ViewGroup viewGroup) {
final ViewHolder holder ;
// questions here refers to the list of questions
String questionType = questions.get(i).getQuestionType().trim();
if (view == null || view.getTag() == null) {
holder = new ViewHolder();
switch (questionType){
case "BOOLEAN": {
view = mInflater.inflate(R.layout.boolean_layout, viewGroup,false);
holder.tv_questionLable = (TextView)view.findViewById(R.id.questionLabel);
holder.questionAnswer = (CheckBox)view.findViewById(R.id.questionValueCbx);
}
case "STRING": {
view = mInflater.inflate(R.layout.string_question, viewGroup,false);
holder.tv_questionLable = (TextView)view.findViewById(R.id.questionLabel);
holder.questionAnswer = (EditText)view.findViewById(R.id.questionValue);
}
case "INT": {
view = mInflater.inflate(R.layout.number_question, viewGroup,false);
holder.tv_questionLable = (TextView)view.findViewById(R.id.questionLabel);
holder.questionAnswer = (EditText)view.findViewById(R.id.questionValue);
}
...
}
}
结果不符合我的期望。它将 Edittext 放置在任何地方,即使它应该放置复选框。帮助。
解决方案
如果您将不同的项目膨胀到列表视图中,则您需要使用该类getItemViewType
的此方法BaseAdapter
。
看看我的解决方案,我已经区分了视图并进行了相应的管理
public class YOUR_ADAPTER_CLASS extends BaseAdapter {
private int ITEM_BOOLEAN = 1;
private int ITEM_STRING = 2;
private int ITEM_INT = 3;
@Override
public int getCount() {
return questions.size();
}
@Override
public Object getItem(int position) {
return questions.get(position);
}
@Override
public long getItemId(int position) {
return questions.indexOf(getItem(position));
}
@Override
public int getItemViewType(int position) {
if (questions.get(position).getQuestionType().equalsIgnoreCase("BOOLEAN")) {
return ITEM_BOOLEAN;
} else if (questions.get(position).getQuestionType().equalsIgnoreCase("STRING")) {
return ITEM_STRING;
} else {
return ITEM_INT;
}
}
@Override
public View getView(int position, View convertView, ViewGroup parent) {
ViewHolder viewHolder = null;
int listViewItemType = getItemViewType(position);
if (convertView == null) {
if (listViewItemType == ITEM_BOOLEAN) {
convertView = LayoutInflater.from(getContext()).inflate(R.layout.boolean_layout, null);
} else if (listViewItemType == ITEM_STRING) {
convertView = LayoutInflater.from(getContext()).inflate(R.layout.string_question, null);
} else {
convertView = LayoutInflater.from(getContext()).inflate(R.layout.number_question, null);
}
} else {
viewHolder = (ViewHolder) convertView.getTag();
}
if (listViewItemType == ITEM_BOOLEAN) {
/**
* GET THE BOOLEAN ITEM AND INFALTE DATA INTO IT
*/
} else if (listViewItemType == ITEM_STRING) {
/**
* GET THE STRING ITEM AND INFALTE DATA INTO IT
*/
} else {
/**
* GET THE INT ITEM AND INFALTE DATA INTO IT
*/
}
return convertView;
}
}
看看我的另一个解决方案,它在 Recyclview Recyclview 中具有不同的项目膨胀
推荐阅读
- javascript - 文件上传完成时的功能
- angular - 使用打字稿中的 Angular 关闭 ngbDatePicker 弹出窗口
- php - 根据php中另一个多维数组中给出的顺序对多维数组进行排序
- sql - 两个相互需要的计算列
- sql - 如果在 django 中形成另一个模型,如何基于相同的模型从另一个模型中显示价值
- reactjs - React Component中的多选 - 如何使用所有选定值设置状态?
- google-apps-script - 通过 Google App Script 在 Google Sheet 上编辑多行时如何获得真实范围
- regex - 如何优化使用正则表达式和for循环编写的python代码?
- linux - Systemd 服务不会在启动时执行
- javascript - telegraf js中的时间触发器