前些日子,在oschina中看到一个网友的问题,是Android技术的。他需要在在后台java代码中根据服务器传回来的数据类型去动态的生成控件来展示数据。由于他是一个Android新手,如果要做真正的后台动态生成控件的话,会比较吃力,我给他建议使用listview控件,将数据要求中所有可能用到的界面在xml布局中弄好,然后后台根据数据要求,引入对应的数据的界面到listview的item中即可。如此也就简单易懂了。
需求:实现一份问卷,备选答案展现形式由服务器传过来的数据决定。即,根据数据要求,选择不同的控件展现答案。
服务器传过来的数据类型有:text、radio、checkbox等。
详细代码实现:
界面布局:activity_main.xml
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical" >
<ListView
android:id="@+id/listView1"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:descendantFocusability="beforeDescendants" >
</ListView>
</LinearLayout>
主界面布局中使用了ListView 控件,下面就需要为其添加item界面,这就是核心部分,这个item界面需要为每一种可能的展现形式定义一个布局文件。
数据要求的text的展现布局代码:listview_item_text.xml
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical"
android:padding="20dp" >
<TextView
android:id="@+id/textView1"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_marginBottom="30dp"
android:text="我是题目~~" />
<LinearLayout
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:orientation="horizontal" >
<EditText
android:id="@+id/answer"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:hint="我是答案" />
</LinearLayout>
<Button
android:id="@+id/button1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:text="测试下输入框文本" />
</LinearLayout>
数据要求是radio的展示布局代码:listview_item.xml
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical"
android:padding="20dp" >
<TextView
android:id="@+id/textView1"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_marginBottom="30dp"
android:text="我是题目~~" />
<LinearLayout
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="horizontal" >
<RadioGroup
android:id="@+id/sex"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="horizontal" >
<RadioButton
android:id="@+id/boy"
android:text="男" />
<RadioButton
android:id="@+id/gril"
android:text="女" />
</RadioGroup>
</LinearLayout>
</LinearLayout>
这里就不再写其它类型的布局了,都是雷同的。
后台代码:MainActivity.java
package com.example.listviewtest;
import android.os.Bundle;
import android.app.Activity;
import android.widget.ListView;
/**
* @author Rickey
*
*/
public class MainActivity extends Activity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);//引入主布局
ListView view = (ListView) findViewById(R.id.listView1);//获得主布局的主控机listview
String [] type = new String []{"text","radio"};//定义数据类型
ListviewAdapter adapter = new ListviewAdapter(this);//初始化listview适配器
adapter.setStr(type);//给适配器传值
view.setAdapter(adapter);//启动适配器,画出界面
}
}
这里的listview不使用系统自带的简单适配器,因为我需要在适配器中根据数据的不同,选择引入不同的布局,所以就自定义了一个listview的适配器:ListviewAdapter.java
package com.example.listviewtest;
import android.content.Context;
import android.view.KeyEvent;
import android.view.LayoutInflater;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.Button;
import android.widget.EditText;
import android.widget.RadioButton;
import android.widget.TextView;
import android.widget.TextView.OnEditorActionListener;
import android.widget.Toast;
/**
* @author Rickey
*
*/
public class ListviewAdapter extends BaseAdapter {
private LayoutInflater inflater;//画布
private Context context;//当前上下文
public ListviewAdapter(Context context){
this.context = context;//初始化当前上下文
inflater = LayoutInflater.from(context); //初始化画布
}
private String [] str = null;//需要显示的数据
/**
* @return the str
*/
public String[] getStr() {
return str;
}
/**
* @param str the str to set
*/
public void setStr(String[] str) {
this.str = str;
}
@Override
public int getCount() {//需要显示多少条数据
// TODO Auto-generated method stub
return str.length;
}
@Override
public Object getItem(int position) {//当前数据
// TODO Auto-generated method stub
return str[position];
}
@Override
public long getItemId(int position) {//当前数据的id
// TODO Auto-generated method stub
return position;
}
@Override
public View getView(int position, View convertView, ViewGroup parent) {//开始画出界面
// TODO 自动生成的方法存根
ViewHolder holder = new ViewHolder();//初始化ViewHolder对象
if (convertView == null) {//如果当前画出的对象为null
if (str[position].equals("text")) {//文本
convertView = inflater.inflate(R.layout.listview_item_text, null);//引入待画出的布局
convertView.setTag(holder);//将界面tag赋给ViewHolder保存
textData(convertView, holder);//给界面赋值
}
if (str[position].equals("radio")) {//单选
convertView = inflater.inflate(R.layout.listview_item, null);//引入待画出的布局
convertView.setTag(holder);//将界面tag赋给ViewHolder保存
radioDataVoid(convertView, holder);//给界面赋值
}
}
else {//否则
holder = (ViewHolder) convertView.getTag();//直接取tag给ViewHolder
}
return convertView;//将界面返回画出
}
class ViewHolder {//子界面控制
TextView itemName;//题目
RadioButton boy;//单选按钮1
RadioButton gril;//单选按钮2
EditText answer;//编辑框的答案
Button button1;//测试编辑框按钮
}
/**
* 给textview界面赋值
* @param convertView
* @param holder
*/
private void textData(final View convertView, final ViewHolder holder) {
holder.itemName = (TextView) convertView.findViewById(R.id.textView1);
holder.answer = (EditText) convertView.findViewById(R.id.answer);
holder.button1 = (Button) convertView.findViewById(R.id.button1);
holder.button1.setOnClickListener(new OnClickListener() {//测试编辑框答案的按钮设置点击监听事件
@Override
public void onClick(View v) {
// TODO Auto-generated method stub
Toast.makeText(context, holder.answer.getText().toString(), Toast.LENGTH_SHORT).show();//显示编辑框的答案值
}
});
//上面与下面两个方法都可以,随便选一种就行
holder.answer.setOnEditorActionListener(new OnEditorActionListener() {//编辑框设置编辑完成监听,当用户点击键盘上的“完成”按钮,则将编辑框的答案值显示
@Override
public boolean onEditorAction(TextView v, int actionId, KeyEvent event) {
// TODO Auto-generated method stub
Toast.makeText(context, holder.answer.getText().toString(), Toast.LENGTH_SHORT).show();
return false;
}
});
}
/**
* 给单选的界面赋值
* @param convertView
* @param holder
*/
private void radioDataVoid(final View convertView, final ViewHolder holder) {
holder.itemName = (TextView) convertView.findViewById(R.id.textView1);
holder.boy = (RadioButton) convertView.findViewById(R.id.boy);
holder.gril = (RadioButton) convertView.findViewById(R.id.gril);
holder.boy.setOnClickListener(new OnClickListener() {//为单选按钮设置点击选中监听
@Override
public void onClick(View v) {
// TODO Auto-generated method stub
Toast.makeText(context, "你选择了【"+holder.boy.getText().toString()+"】", Toast.LENGTH_SHORT).show();
}
});
holder.gril.setOnClickListener(new OnClickListener() {//为单选按钮设置点击选中监听
@Override
public void onClick(View v) {
// TODO Auto-generated method stub
Toast.makeText(context, "你选择了【"+holder.gril.getText().toString()+"】", Toast.LENGTH_SHORT).show();
}
});
}
}
整个代码到这里就结束了。主要是在listview的适配器中做数据的判断和选择引入不同的界面就可以实现了,简单容易理解。比较适合新手。如果要求真正的技术或者比较熟悉了Android这个技术了,这种方法还是很不建议的,使用后台生成界面,最难的就是明白整么控制布局,Android的布局不像web,Android的布局严格的遵循一个类似于父子关系的规矩。比如给布局的一个textview设置长宽,需要先设置它父亲的长度,然后通过它父亲的长宽来设置它的长宽。
到此止了。