Android开发--微信布局（ListView）基本运用

Posted 2020-08-21

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

　　效果图

　　　　

 

　　　　　这就是微信界面了。