ListView
1.ListVeiw 用来展示列表的View。
2.适配器 用来把数据映射到ListView上的中介。
3.数据 具体的将被映射的字符串,图片,或者基本组件。
根据列表的适配器类型,列表分为三种,ArrayAdapter,SimpleAdapter和SimpleCursorAdapter
其中以ArrayAdapter最为简单,只能展示一行字。SimpleAdapter有最好的扩充性,可以自定义出各种效果。SimpleCursorAdapter可以认为是SimpleAdapter对数据库的简单结合,可以方面的把数据库的内容以列表的形式展示出来。
接着上一篇的布局:显示列表仿照聊天,也是一样添加LinearLayout文件,添加ListView控件
<ListView android:id="@+id/listView1" android:layout_width="match_parent" android:layout_height="wrap_content" > </ListView>
添加布局文件,显示图片和聊天记录
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="horizontal" > <ImageView //显示图片 android:id="@+id/imageView1" android:layout_width="80dp" android:layout_height="80dp" android:layout_marginTop="10dp" android:layout_marginLeft="13dp" android:src="@drawable/lad" /> <LinearLayout android:layout_width="match_parent" android:layout_height="match_parent" android:layout_weight="1" android:orientation="vertical" > <TextView //显示名字 android:id="@+id/name" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginTop="10dp" android:textSize="15dp" android:textStyle="bold" android:layout_marginLeft="10dp" android:text="TextView" /> <TextView //显示聊天信息 android:id="@+id/mess" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginLeft="10dp" android:layout_marginTop="20dp" android:textSize="15dp" android:text="TextView" /> </LinearLayout> <TextView //时间 android:id="@+id/date" android:layout_marginTop="10dp" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginRight="13dp" android:text="TextView" /> </LinearLayout>
接下来就是主要代码了,添加一个类,显示
public class mess { private String lad; private String name; private String messeng; private String date; public String getLad() { return lad; } public void setLad(String lad) { this.lad = lad; } public String getName() { return name; } public void setName(String name) { this.name = name; } public String getMesseng() { return messeng; } public void setMesseng(String messeng) { this.messeng = messeng; } public String getDate() { return date; } public void setDate(String date) { this.date = date; } }
MainActivity类
public class MainActivity extends Activity { private ListView lv; //集合 private List<mess> messagetlist=new ArrayList<mess>(); @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.wei); //循环读取数据,模仿数据库 for (int i = 0; i <50; i++) { mess me=new mess(); //添加数据 me.setLad("喜欢"); me.setName("胡"); me.setMesseng("最近过的还好吗"); me.setDate("2016-11-25"); //添加到集合 messagetlist.add(me); } //查找listView1对象 lv=(ListView)findViewById(R.id.listView1); lv.setAdapter(new BaseAdapter() { @Override public int getCount() { return messagetlist.size();//集合的大小 } //每一个item项,返回一次界面 @Override public View getView(int position, View convertView, ViewGroup parent) { View view=null; //布局不变,数据变 //如果缓存为空,我们生成新的布局作为1个item if(convertView==null) { Log.i("info","没有缓存,重新生成"+position); LayoutInflater ter=MainActivity.this.getLayoutInflater(); //因为getView()返回的对象,adapter会自动赋给ListView view=ter.inflate(R.layout.img,null); } else { Log.i("info","有缓存,不需要重新生成"+position); view=convertView; } mess m=messagetlist.get(position); //读取数据 TextView tv1=(TextView)view.findViewById(R.id.name); tv1.setText(m.getName() ); tv1.setTextSize(15); TextView tv2=(TextView)view.findViewById(R.id.mess); tv2.setText(m.getMesseng()); tv2.setTextSize(12); TextView tv3=(TextView)view.findViewById(R.id.date); tv3.setText(m.getDate()); tv3.setTextSize(12); return view; } @Override public long getItemId(int arg0) { // TODO Auto-generated method stub return 0; } @Override public Object getItem(int arg0) { // TODO Auto-generated method stub return null; } }); } }
效果图
这就是微信界面了。
时间: 2024-10-03 14:44:50