列表视图中的动态表单

Question

我想用 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 放在任何地方，甚至是应该放置复选框的地方。帮助。

Answer 1

如果您将不同的项目膨胀到列表视图中，则需要使用 BaseAdapter class.

的此方法 getItemViewType

看看我的解决方案我已经区分了视图并进行了相应的管理

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;
    }

}

Have a look on my another solution which is in the Recyclview

列表视图中的动态表单

dynamic form in a listview

android

listview

survey