android 实现调查问卷-单选-多选
非常久没写东西了。今天来总结下有关android调查问卷的需求实现。
转载请加地址:http://blog.csdn.net/jing110fei/article/details/46618229
先上效果图
个人分析,最好是用动态布局载入来实现,好了。说思路。将这总体分为3块
最外面这个布局里面。依据第二层问题的数量来动态生成布局,增加在第一层布局里面,
然后再依据问题下答案的数量来动态生成布局。增加第二层布局里面,思路这么透彻,想想还有些小激动呢。
先建造三个实体类
- public class Page {
- //问卷id
- private String pageId;
- //问卷状态
- private String status;
- //问卷主题
- private String title;
- //题目
- private ArrayList<Quesition> quesitions;
- public ArrayList<Quesition> getQuesitions() {
- return quesitions;
- }
- public void setQuesitions(ArrayList<Quesition> quesitions) {
- this.quesitions = quesitions;
- }
- public String getPageId() {
- return pageId;
- }
- public void setPageId(String pageId) {
- this.pageId = pageId;
- }
- public String getStatus() {
- return status;
- }
- public void setStatus(String status) {
- this.status = status;
- }
- public String getTitle() {
- return title;
- }
- public void setTitle(String title) {
- this.title = title;
- }
- }
- public class Quesition {
- //题目id
- private String quesitionId;
- //单选多选标识
- private String type;
- //题目
- private String content;
- //选项
- private ArrayList<Answer> answers;
- //是否解答
- private int que_state;
- public int getQue_state() {
- return que_state;
- }
- public void setQue_state(int que_state) {
- this.que_state = que_state;
- }
- public String getQuesitionId() {
- return quesitionId;
- }
- public void setQuesitionId(String quesitionId) {
- this.quesitionId = quesitionId;
- }
- public String getType() {
- return type;
- }
- public void setType(String type) {
- this.type = type;
- }
- public String getContent() {
- return content;
- }
- public void setContent(String content) {
- this.content = content;
- }
- public ArrayList<Answer> getAnswers() {
- return answers;
- }
- public void setAnswers(ArrayList<Answer> answers) {
- this.answers = answers;
- }
- }
- public class Answer {
- //答案id
- private String answerId;
- //答案主体
- private String answer_content;
- //答案是否被解答
- private int ans_state;
- public int getAns_state() {
- return ans_state;
- }
- public void setAns_state(int ans_state) {
- this.ans_state = ans_state;
- }
- public String getAnswerId() {
- return answerId;
- }
- public void setAnswerId(String answerId) {
- this.answerId = answerId;
- }
- public String getAnswer_content() {
- return answer_content;
- }
- public void setAnswer_content(String answer_content) {
- this.answer_content = answer_content;
- }
- }
建造这三个实体类的目的是为了在做demo的时候直接通过假数据来尽可能的贴近项目。使demo完毕后能尽快的移植进项目。
以下来看看布局,总工用到了3个布局。
首先是activity_main.xml
- <ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
- xmlns:tools="http://schemas.android.com/tools"
- android:layout_width="match_parent"
- android:layout_height="match_parent"
- android:background="#e6e4e3" >
- <LinearLayout
- android:layout_width="match_parent"
- android:layout_height="match_parent"
- android:orientation="vertical"
- >
- <LinearLayout
- android:layout_width="match_parent"
- android:layout_height="wrap_content"
- android:background="#EA5514"
- android:orientation="horizontal" >
- <ImageView
- android:id="@+id/test_back"
- android:layout_width="wrap_content"
- android:layout_height="wrap_content"
- android:layout_gravity="left|center_vertical"
- android:layout_marginLeft="5dp"
- android:padding="5dp"
- android:background="@drawable/ic_back_white"
- />
- <TextView
- android:layout_width="0dp"
- android:layout_height="wrap_content"
- android:layout_weight="1"
- android:text="调查问卷"
- android:textSize="18sp"
- android:textColor="@android:color/white"
- android:layout_gravity="center"
- android:gravity="center"/>
- </LinearLayout>
- <TextView
- android:id="@+id/txt_title"
- android:layout_width="match_parent"
- android:layout_height="wrap_content"
- android:textSize="10sp"
- android:layout_marginTop="40dp"
- android:layout_marginLeft="30dp"
- android:textColor="#898989"
- />
- <LinearLayout
- android:id="@+id/lly_test"
- android:layout_width="match_parent"
- android:layout_height="wrap_content"
- android:orientation="vertical">
- </LinearLayout>
- <LinearLayout
- android:layout_width="match_parent"
- android:layout_height="wrap_content"
- android:orientation="vertical"
- >
- <Button
- android:id="@+id/submit"
- android:layout_width="wrap_content"
- android:layout_height="wrap_content"
- android:layout_marginTop="50dp"
- android:layout_marginBottom="30dp"
- android:text="提交"
- android:textSize="20sp"
- android:textColor="@android:color/white"
- android:layout_gravity="center"
- android:gravity="center"
- android:background="@drawable/button_submit"/>
- </LinearLayout>
- </LinearLayout>
- </ScrollView>
id为lly_test的布局就是终于要增加的目的布局
然后是quesition_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:orientation="vertical"
- android:paddingTop="35dp"
- >
- <TextView
- android:id="@+id/txt_question_item"
- android:layout_width="match_parent"
- android:layout_height="wrap_content"
- android:textSize="14sp"
- android:textColor="#3e3a39"
- android:layout_marginLeft="45dp"
- />
- <LinearLayout
- android:id="@+id/lly_answer"
- android:layout_width="match_parent"
- android:layout_height="wrap_content"
- android:orientation="vertical"
- android:layout_marginLeft="30dp"
- android:layout_marginRight="30dp"
- android:layout_marginTop="10dp"
- android:background="@drawable/shape_dialog_radius_all"
- >
- </LinearLayout>
- </LinearLayout>
//然后是answer_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="30dp"
- android:orientation="vertical"
- >
- <LinearLayout
- android:id="@+id/lly_answer_size"
- android:layout_width="match_parent"
- android:layout_height="match_parent"
- android:orientation="horizontal"
- >
- <ImageView
- android:id="@+id/image"
- android:layout_width="wrap_content"
- android:layout_height="wrap_content"
- android:layout_margin="10dp"/>
- <TextView
- android:id="@+id/txt_answer_item"
- android:layout_width="match_parent"
- android:layout_height="wrap_content"
- android:textSize="12sp"
- android:textColor="#595757"
- android:layout_gravity="center_vertical"
- />
- </LinearLayout>
- <View
- android:id="@+id/vw_line"
- android:layout_width="match_parent"
- android:layout_height="1dp"
- android:background="#9EA0A0"
- >
- </View>
- </LinearLayout>
然后是主要代码。长久不写博客,有点生疏了,大家顺着思路来看,凝视也差点儿相同详尽,假设有不明确的再讨论
- public class MainActivity extends Activity {
- private LinearLayout test_layout;
- private Page the_page;
- //答案列表
- private ArrayList<Answer> the_answer_list;
- //问题列表
- private ArrayList<Quesition> the_quesition_list;
- //问题所在的View
- private View que_view;
- //答案所在的View
- private View ans_view;
- private LayoutInflater xInflater;
- private Page page;
- //以下这两个list是为了实现点击的时候改变图片。由于单选多选时情况不一样。为了方便控制
- //存每一个问题下的imageview
- private ArrayList<ArrayList<ImageView>> imglist=new ArrayList<ArrayList<ImageView>>();
- //存每一个答案的imageview
- private ArrayList<ImageView> imglist2;
- @Override
- protected void onCreate(Bundle savedInstanceState) {
- super.onCreate(savedInstanceState);
- setContentView(R.layout.activity_main);
- xInflater = (LayoutInflater) getSystemService(Context.LAYOUT_INFLATER_SERVICE);
- //假数据
- initDate();
- //提交按钮
- Button button=(Button)findViewById(R.id.submit);
- button.setOnClickListener(new submitOnClickListener(page));
- }
- private void initDate() {
- //假数据
- // TODO Auto-generated method stub
- Answer a_one=new Answer();
- a_one.setAnswerId("0");
- a_one.setAnswer_content("男");
- a_one.setAns_state(0);
- Answer a_two=new Answer();
- a_two.setAnswerId("1");
- a_two.setAnswer_content("女");
- a_two.setAns_state(0);
- Answer a_three=new Answer();
- a_three.setAnswerId("3");
- a_three.setAnswer_content("是");
- a_three.setAns_state(0);
- Answer a_four=new Answer();
- a_four.setAnswerId("4");
- a_four.setAnswer_content("不是");
- a_four.setAns_state(0);
- Answer a_three1=new Answer();
- a_three1.setAnswerId("3");
- a_three1.setAnswer_content("是");
- a_three1.setAns_state(0);
- Answer a_four1=new Answer();
- a_four1.setAnswerId("4");
- a_four1.setAnswer_content("不是");
- a_four1.setAns_state(0);
- ArrayList<Answer> answers_one=new ArrayList<Answer>();
- answers_one.add(a_one);
- answers_one.add(a_two);
- ArrayList<Answer> answers_two=new ArrayList<Answer>();
- answers_two.add(a_one);
- answers_two.add(a_two);
- answers_two.add(a_three);
- answers_two.add(a_four);
- ArrayList<Answer> answers_three=new ArrayList<Answer>();
- answers_three.add(a_one);
- answers_three.add(a_two);
- answers_three.add(a_three);
- answers_three.add(a_four);
- answers_three.add(a_three1);
- answers_three.add(a_four1);
- Quesition q_one=new Quesition();
- q_one.setQuesitionId("00");
- q_one.setType("0");
- q_one.setContent("1、您的性别:");
- q_one.setAnswers(answers_one);
- q_one.setQue_state(0);
- Quesition q_two=new Quesition();
- q_two.setQuesitionId("01");
- q_two.setType("1");
- q_two.setContent("2、您是党员吗?");
- q_two.setAnswers(answers_two);
- q_two.setQue_state(0);
- Quesition q_three=new Quesition();
- q_three.setQuesitionId("03");
- q_three.setType("1");
- q_three.setContent("3、您是dsfsdfsd吗?");
- q_three.setAnswers(answers_three);
- q_three.setQue_state(0);
- ArrayList<Quesition> quesitions=new ArrayList<Quesition>();
- quesitions.add(q_one);
- quesitions.add(q_two);
- quesitions.add(q_three);
- page=new Page();
- page.setPageId("000");
- page.setStatus("0");
- page.setTitle("第一次调查问卷");
- page.setQuesitions(quesitions);
- //载入布局
- initView(page);
- }
- private void initView(Page page) {
- // TODO Auto-generated method stub
- //这是要把问题的动态布局增加的布局
- test_layout=(LinearLayout)findViewById(R.id.lly_test);
- TextView page_txt=(TextView)findViewById(R.id.txt_title);
- page_txt.setText(page.getTitle());
- //获得问题即第二层的数据
- the_quesition_list=page.getQuesitions();
- //依据第二层问题的多少,来动态载入布局
- for(int i=0;i<the_quesition_list.size();i++){
- que_view=xInflater.inflate(R.layout.quesition_layout, null);
- TextView txt_que=(TextView)que_view.findViewById(R.id.txt_question_item);
- //这是第三层布局要增加的地方
- LinearLayout add_layout=(LinearLayout)que_view.findViewById(R.id.lly_answer);
- //推断单选-多选来实现后面是*号还是*多选,
- if(the_quesition_list.get(i).getType().equals("1")){
- set(txt_que,the_quesition_list.get(i).getContent(),1);
- }else{
- set(txt_que,the_quesition_list.get(i).getContent(),0);
- }
- //获得答案即第三层数据
- the_answer_list=the_quesition_list.get(i).getAnswers();
- imglist2=new ArrayList<ImageView>();
- for(int j=0;j<the_answer_list.size();j++){
- ans_view=xInflater.inflate(R.layout.answer_layout, null);
- TextView txt_ans=(TextView)ans_view.findViewById(R.id.txt_answer_item);
- ImageView image=(ImageView)ans_view.findViewById(R.id.image);
- View line_view=ans_view.findViewById(R.id.vw_line);
- if(j==the_answer_list.size()-1){
- //最后一条答案以下不要线是指布局的问题
- line_view.setVisibility(View.GONE);
- }
- //推断单选多选载入不同选项图片
- if(the_quesition_list.get(i).getType().equals("1")){
- image.setBackgroundDrawable(getResources().getDrawable(R.drawable.multiselect_false));
- }else{
- image.setBackgroundDrawable(getResources().getDrawable(R.drawable.radio_false));
- }
- Log.e("---", "------"+image);
- imglist2.add(image);
- txt_ans.setText(the_answer_list.get(j).getAnswer_content());
- LinearLayout lly_answer_size=(LinearLayout)ans_view.findViewById(R.id.lly_answer_size);
- lly_answer_size.setOnClickListener(new answerItemOnClickListener(i,j,the_answer_list,txt_ans));
- add_layout.addView(ans_view);
- }
- /*for(int r=0; r<imglist2.size();r++){
- Log.e("---", "imglist2--------"+imglist2.get(r));
- }*/
- imglist.add(imglist2);
- test_layout.addView(que_view);
- }
- /*for(int q=0;q<imglist.size();q++){
- for(int w=0;w<imglist.get(q).size();w++){
- Log.e("---", "共同拥有------"+imglist.get(q).get(w));
- }
- }*/
- }
- private void set(TextView tv_test, String content,int type) {
- //为了载入问题后面的* 和*多选
- // TODO Auto-generated method stub
- String w;
- if(type==1){
- w = content+"*[多选题]";
- }else{
- w = content+"*";
- }
- int start = content.length();
- int end = w.length();
- Spannable word = new SpannableString(w);
- word.setSpan(new AbsoluteSizeSpan(25), start, end,
- Spannable.SPAN_INCLUSIVE_INCLUSIVE);
- word.setSpan(new StyleSpan(Typeface.BOLD), start, end,
- Spannable.SPAN_INCLUSIVE_INCLUSIVE);
- word.setSpan(new ForegroundColorSpan(Color.RED), start, end,
- Spannable.SPAN_INCLUSIVE_INCLUSIVE);
- tv_test.setText(word);
- }
- class answerItemOnClickListener implements OnClickListener{
- private int i;
- private int j;
- private TextView txt;
- private ArrayList<Answer> the_answer_lists;
- public answerItemOnClickListener(int i,int j, ArrayList<Answer> the_answer_list,TextView text){
- this.i=i;
- this.j=j;
- this.the_answer_lists=the_answer_list;
- this.txt=text;
- }
- //实现点击选项后改变选中状态以及相应图片
- @Override
- public void onClick(View arg0) {
- // TODO Auto-generated method stub
- //推断当前问题是单选还是多选
- /*Log.e("------", "选择了-----第"+i+"题");
- for(int q=0;q<imglist.size();q++){
- for(int w=0;w<imglist.get(q).size();w++){
- // Log.e("---", "共同拥有------"+imglist.get(q).get(w));
- }
- }
- Log.e("----", "点击了---"+imglist.get(i).get(j));*/
- if(the_quesition_list.get(i).getType().equals("1")){
- //多选
- if(the_answer_lists.get(j).getAns_state()==0){
- //假设未被选中
- txt.setTextColor(Color.parseColor("#EA5514"));
- imglist.get(i).get(j).setBackgroundDrawable(getResources().getDrawable(R.drawable.multiselect_true));
- the_answer_lists.get(j).setAns_state(1);
- the_quesition_list.get(i).setQue_state(1);
- }else{
- txt.setTextColor(Color.parseColor("#595757"));
- imglist.get(i).get(j).setBackgroundDrawable(getResources().getDrawable(R.drawable.multiselect_false));
- the_answer_lists.get(j).setAns_state(0);
- the_quesition_list.get(i).setQue_state(1);
- }
- }else{
- //单选
- for(int z=0;z<the_answer_lists.size();z++){
- the_answer_lists.get(z).setAns_state(0);
- imglist.get(i).get(z).setBackgroundDrawable(getResources().getDrawable(R.drawable.radio_false));
- }
- if(the_answer_lists.get(j).getAns_state()==0){
- //假设当前未被选中
- imglist.get(i).get(j).setBackgroundDrawable(getResources().getDrawable(R.drawable.radio_true));
- the_answer_lists.get(j).setAns_state(1);
- the_quesition_list.get(i).setQue_state(1);
- }else{
- //假设当前已被选中
- the_answer_lists.get(j).setAns_state(1);
- the_quesition_list.get(i).setQue_state(1);
- }
- }
- //推断当前选项是否选中
- }
- }
- class submitOnClickListener implements OnClickListener{
- private Page page;
- public submitOnClickListener(Page page){
- this.page=page;
- }
- @Override
- public void onClick(View arg0) {
- // TODO Auto-generated method stub
- //推断是否答完题
- boolean isState=true;
- //终于要的json数组
- JSONArray jsonArray = new JSONArray();
- //点击提交的时候,先推断状态,假设有未答完的就提示。假设没有再把每条答案提交(包括问卷ID 问题ID 及答案ID)
- //注:不用管是否是一个问题的答案,就以答案的个数为准来提交上述格式的数据
- for(int i=0;i<the_quesition_list.size();i++){
- the_answer_list=the_quesition_list.get(i).getAnswers();
- //推断是否有题没答完
- if(the_quesition_list.get(i).getQue_state()==0){
- Toast.makeText(getApplicationContext(), "您第"+(i+1)+"题没有答完", Toast.LENGTH_LONG).show();
- jsonArray=null;
- isState=false;
- break;
- }else{
- for(int j=0;j<the_answer_list.size();j++){
- if(the_answer_list.get(j).getAns_state()==1){
- JSONObject json = new JSONObject();
- try {
- json.put("psychologicalId", page.getPageId());
- json.put("questionId", the_quesition_list.get(i).getQuesitionId());
- json.put("optionId", the_answer_list.get(j).getAnswerId());
- jsonArray.put(json);
- } catch (JSONException e) {
- // TODO Auto-generated catch block
- e.printStackTrace();
- }
- }
- }
- }
- }
- if(isState){
- if(jsonArray.length()>0){
- Log.e("af", jsonArray.toString());
- for(int item=0;item<jsonArray.length();item++){
- JSONObject job;
- try {
- job = jsonArray.getJSONObject(item);
- Log.e("----", "pageId--------"+job.get("pageId"));
- Log.e("----", "quesitionId--------"+job.get("quesitionId"));
- Log.e("----", "answerId--------"+job.get("answerId"));
- } catch (JSONException e) {
- // TODO Auto-generated catch block
- e.printStackTrace();
- } // 遍历 jsonarray 数组。把每一个对象转成 json 对象
- }
- }
- }
- }
- }
- }
人不能懒惰啊,以后要多多总结。欢迎大家讨论。
android 实现调查问卷-单选-多选的更多相关文章
- Android开发技巧——自定义单选或多选的ListView
这篇其实应该是属于写自定义单选或多选的ListView的基础教程,无奈目前许多人对此的实现大多都绕了远路,反而使得这正规的写法倒显得有些技巧性了. 本文原创,转载请注明在CSDN上的出处: http: ...
- JavasScript实现调查问卷插件
原文:JavasScript实现调查问卷插件 鄙人屌丝程序猿一枚,闲来无事,想尝试攻城师是感觉,于是乎搞了点小玩意.用js实现调查问卷,实现了常规的题型,单选,多选,排序,填空,矩阵等. 遂开源贴出来 ...
- SpinnerViewPop【PopWindow样式(单选)、Dialog样式(单选+多选)的下拉菜单】
版权声明:本文为HaiyuKing原创文章,转载请注明出处! 前言 对下拉菜单的文本区域和列表区域进行了封装.包括两种展现方式:popwindow(单选).dialog(单选+多选) 因为该封装需要在 ...
- [SAP ABAP开发技术总结]选择屏幕——按钮、单选复选框
声明:原创作品,转载时请注明文章来自SAP师太技术博客( 博/客/园www.cnblogs.com):www.cnblogs.com/jiangzhengjun,并以超链接形式标明文章原始出处,否则将 ...
- "琳琅满屋"调查问卷 心得体会及结果分析
·关于心得体会 当时小组提出这个校园二手交易市场的时候,就确定了对象范围,仅仅是面向在校大学生,而且在我们之前就已经有了很多成功的商品交易的例子可以让我们去借鉴,再加上我们或多或少的有过网 ...
- 关于“Durian”调查问卷的心得体会
这周我们做了项目着手前的客户需求调查,主要以调查问卷的方式进行.其实做问卷调查并不是想象中的那么简单,首先要确定问卷调查的内容,每一个问题都要经过深思熟虑,字字斟酌,既要切合问卷主要目的,又要简洁扼要 ...
- 从Adobe调查问卷看原型设计工具大战
近年国内外原型设计工具新品频出,除了拥趸众多的老牌Axure在RP 8之后没有什么大的动作,大家都拼了命地在出新品.今天 inVision 的 Craft 出了 2.0 的预告视频,明天 Adobe ...
- 微信小程序button选中改样式-实现单选/多选
小程序实现多button单选/多选 红色为选中状态 单选 多选 ①wxss /* pages/button-select/button-select.wxss */ .button_container ...
- Scrum立会报告+燃尽图(十一月十七日总第二十五次):设计调查问卷;修复上一阶段bug
此作业要求参见:https://edu.cnblogs.com/campus/nenu/2018fall/homework/2284 项目地址:https://git.coding.net/zhang ...
随机推荐
- ZOJ 2967 Colorful Rainbows
暴力. 先删掉一些边,平行的线只保留$b$最大的.然后暴力,每次放入第$i$条边,和还没有被完全覆盖的边都算一遍,更新一下. #pragma comment(linker, "/STACK: ...
- Java 获取JVM内存和物理内存信息
package com.sysinfo; public class MonitorInfo { /** jvm可使用内存. */ private long totalMemory; /** jvm剩余 ...
- 26、Flask实战第26天:cms用户模型定义
编辑cms.models.py from exts import db from datetime import datetime class CMSUser(db.Model): __tablena ...
- 关于windows环境下cordova命令行无法启动adb.exe的解决办法
使用phonegap开发手机APP,常常需要更改代码之后进行调试,使用安卓模拟器每次启动非常缓慢,而且不能保证最终在真机上的效果.所以一般都采用真机进行调试. 搭建真机的调试环境这里就不再赘述了,网上 ...
- 解决在jqmobi框架上使用mobiscroll控件的bug问题
jqmobi(appframework)框架的好处主要是它很轻量级,用在手机上占用内存较小,实际表现较为流畅,这也是它区别于jQuery mobile的一大特色,上一篇博客中提供了在它上面使用日期控件 ...
- 写的模块和方法 wap 和 pc
createjs 画了一个曲线功能 rem 的适配方式 $.fn.stop 方法, zepto 没有的, 对于 2d的旋转 变形 还有 移动都可以停下来, 做动画的属性存储, getComputedS ...
- BZOJ 3022 [Balkan2012]The Best Teams(扫描线+线段树)
[题目链接] http://www.lydsy.com/JudgeOnline/problem.php?id=3022 [题目大意] 给定n个球员,第i个球员年龄为AGEi,水平为SKILLi. 没有 ...
- [转]JSP中常见的Tomcat报错错误解析(二)
jsp常见错误代码文章分类:Java编程 jsp常见错误代码你用的是weblogic还是tomcat服务器.?出现404和500错误是初学jsp的朋友经常遇到的问题. IIS状态代码的含义 概要 当用 ...
- Manthan, Codefest 16 A. Ebony and Ivory 水题
A. Ebony and Ivory 题目连接: http://www.codeforces.com/contest/633/problem/A Description Dante is engage ...
- JS对象和数组
/* 数组和对象 [JavaScript 权威指南 第五版] */ /* 对象: 是一个无序属性集合, 每个属性都有自己的名字和值 */ /* 创建对象简单方法, 对象直接量 */ var obj = ...