我的主要布局 main.xml 只有Button
,EditText
和空ListView
,如下所示:
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_height="fill_parent"
android:layout_width="fill_parent"
>
<LinearLayout
android:id="@+id/input_area"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
>
<EditText
android:id="@+id/input_field"
android:layout_height="40dip"
android:layout_width="fill_parent"
android:layout_weight="5"
/>
<Button
android:id="@+id/send_btn"
android:layout_width="60dip"
android:layout_height="30dip"
android:text="@string/send"
android:layout_weight="1"
/>
</LinearLayout>
<LinearLayout
android:id="@+id/output_area"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:orientation="vertical"
android:background="#006633"
android:visibility="gone"
>
<ListView
android:id="@+id/output_list"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:paddingTop="10dip"
>
<!-- When "send" button in above input_area is pressed,
text from EditText field show here programmatically as a new row of the listview-->
</ListView>
</LinearLayout>
</LinearLayout>
如上所示,主LinearLayout
托管了两个子LinearLayout
。
标识为LinearLayout
的第一个子input_area
由EditText
和Button
组成。
标识为LinearLayout
的第二个子output_area
为LinearLayout
,空ListView
,其可见性设置为“消失”。
我要实现的功能非常简单,就在 input_area 中,当用户在EditText
字段中输入一些文本,然后按发送按钮,然后输入字符串应以编程方式在输出LinearLayout
中显示为列表视图的新行。
我尝试的是下面的java代码:
EditText inputTxt = (EditText) findViewById(R.id.input_field);
Button sendBtn = (Button) findViewById(R.id.send_btn);
LinearLayout outputArea = findViewById(R.id.output_area);
//Updated by Saurabh
ListView lv = findViewById(R.id.output_list);
MyListAdapter mAdapter = new MyListAdapter(this, arraylist);
//Update finished
sendBtn.setOnClickListener(new OnClickListener(){
@Override
public void onClick(View v){
int visibility = outputArea.getVisibility();
if(visibility==View.GONE)
// set ListView visible
outputArea.setVisibility(View.VISIBLE);
//get user input
String userInput = inputTxt.getText().toString(); // show this string in a new row of listview
//BUT how to dynamically add new row to the listview here???
}
});
但我不确定如何以编程方式向listview添加新行,任何人都可以帮助我?
顺便说一句,我有另一个布局xml fiel( row.xml ),它定义了每一行的布局。
----------------------- UPDATE -------------------- ----------------
列表的每个行都包含图标和文本字符串。我的列表适配器和行布局如下所示:
我的适配器:
private static class MyListAdapter extends BaseAdapter {
private LayoutInflater mInflater;
ArrayList<String> arraylist;
public MyListAdapter(Context context, ArrayList<String> arraylist) {
mInflater = LayoutInflater.from(context);
this.arraylist = arraylist;
}
public View getView(int position, View convertView, ViewGroup parent) {
ViewHolder holder;
if (convertView == null) {
convertView = mInflater.inflate(R.layout.row, null);
holder = new ViewHolder();
holder.icon = (ImageView) convertView.findViewById(R.id.icon);
holder.userInput = (TextView) convertView.findViewById(R.id.user_input);
convertView.setTag(holder);
} else {
holder = (ViewHolder) convertView.getTag();
}
holder.icon.setImage(???);
holder.userInput.setText(arraylist.get(position));
return convertView;
}
static class ViewHolder {
ImageView icon;
TextView userInput;
}
}
我的列表行布局:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="horizontal"
>
<ImageView
android: id="@+id/icon"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
>
<TextView
android:id="@+id/user_input"
android:layout_width="wrap_content"
android:layout_height="fill_parent"
android:textSize="10dip"/>
</LinearLayout>
答案 0 :(得分:4)
制作一个全局变量,如下所示
ArrayList<String> arraylist = new ArrayList<String>();
点击发送按钮,通过添加
更新您在adapter
上设置的ListView
String userInput = inputTxt.getText().toString();
arraylist.add(userInput)
在适配器中然后调用
adapter.notifyDataSetChanged();
<强>更新强> 我在您的问题中更新了答案,并在此帖子中复制了您的新Adapter类并使用