模仿新浪微博随便看看栏目

来源：互联网发布：windows下安装sass 编辑：程序博客网时间：2024/05/16 11:06

在UI布局中，关于ListView组件的使用

模拟新浪微博的随便看看栏目

最终的运行效果图为：

Step1：定义一个实体类MyListView，作为ListView 适配器的适配类型

Step2：为ListView 的子项指定一个我们自定义的布局list_layout.xml

Step3：创建一个自定义的适配器ArticleAdapter，这个适配器继承自ArrayAdapter，重写构造方法和getView 方法

public View getView(int position, View convertView, ViewGroup parent) {
       ListItem listitem;
       if(convertView==null)
       {
           convertView=(LinearLayout)LayoutInflater.from(context).inflate(R.layout.list_layout, null);

           listitem=new ListItem();
           listitem.img=(ImageView)convertView.findViewById(R.id.head_img);
           listitem.name=(TextView)convertView.findViewById(R.id.name);
           listitem.time=(TextView)convertView.findViewById(R.id.time);
           listitem.rq=(TextView)convertView.findViewById(R.id.action_settings);
           listitem.article=(TextView)convertView.findViewById(R.id.article);

           convertView.setTag(listitem);
       }else {
           listitem=(ListItem)convertView.getTag();
       }

       listitem.img.setImageDrawable(list_mes.get(position).getImg());
       listitem.name.setText(list_mes.get(position).getName());
       listitem.time.setText(list_mes.get(position).getTime());
       listitem.rq.setText(list_mes.get(position).getRq());
       listitem.article.setText(list_mes.get(position).getArticel());
       return convertView;
   }

下面分别选取几个重要的代码：

1.MainActivity.java

package bzu.edu.cn;

import java.text.SimpleDateFormat;
import java.util.ArrayList;
import java.util.Date;
import java.util.List;
import java.util.Random;

import bzu.edu.cn.adapter.ArticleAdapter;
import bzu.edu.cn.adapter.Messages;
import bzu.edu.cn.view.MyListView;
import bzu.edu.hou.R;
import android.R.integer;
import android.os.Bundle;
import android.os.Handler;
import android.os.Message;

import android.app.Activity;
import android.content.res.TypedArray;
import android.view.Menu;
import android.view.Window;
import android.widget.ArrayAdapter;
import android.widget.BaseAdapter;
import android.widget.LinearLayout;

public class MainActivity extends Activity {

   private MyListView mylistview=null;
   private List<Messages> list_msg=null;
   private BaseAdapter adapter=null;
   protected void onCreate(Bundle savedInstanceState) {
       super.onCreate(savedInstanceState);
       requestWindowFeature(Window.FEATURE_NO_TITLE);
       setContentView(R.layout.activity_main);

       init();
       if(list_msg==null){
           getData();
       }


       adapter=new ArticleAdapter(this,list_msg);

       mylistview.setOnRershListener(new OnRershListener());
       mylistview.setAdapter(adapter);
   }


   private void getData() {
       String names[];
       String article[];
       TypedArray img;
       int i;

       names=getResources().getStringArray(R.array.name);
       article=getResources().getStringArray(R.array.article);
       img=getResources().obtainTypedArray(R.array.head_photo);

       list_msg=new ArrayList<Messages>();
       for(i=0;i<names.length;i++){
           Messages message=new Messages();
           message.setImg(img.getDrawable(i));
           message.setName(names[i]);
           message.setArticel(article[i]);
           Date date=new Date();
           message.setTime(simple.format(date));
           list_msg.add(message);
       }
   }
   private void init() {
       // TODO Auto-generated method stub
       mylistview=(MyListView)findViewById(R.id.myListView1);
//       mylistview=new MyListView(this);
//       LinearLayout linear=(LinearLayout)MainActivity.this.findViewById(R.id.liner);
//       linear.addView(mylistview);
   }

   @Override
   public boolean onCreateOptionsMenu(Menu menu) {
       // Inflate the menu; this adds items to the action bar if it is present.
       getMenuInflater().inflate(R.menu.main, menu);
       return true;
   }



   Handler handler=new Handler(new Handler.Callback() {
       @Override
       public boolean handleMessage(Message arg0) {
           // TODO Auto-generated method stub
           if(arg0.what==0){
               //结束刷新
               mylistview.endOnRersh();
           }
           return false;
       }
   });


   class OnRershListener implements OnRersh{
       @Override
       public void OnRershListener() {

           new Thread(new Run()).start();
       }
   }
   class Run implements Runnable{

       public void run() {

           try {
               Thread.sleep(2000);
           } catch (Exception e) {

               e.printStackTrace();
           }
           handler.sendEmptyMessage(0);
       }
   }

}

2.布局文件 list_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="match_parent"
    android:padding="10dip"
    android:orientation="vertical" >
    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        >
        <ImageView
            android:id="@+id/head_img"
            android:src="@drawable/p1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="5dip"
            android:layout_alignParentLeft="true"
            />
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_toRightOf="@+id/head_img"
            android:layout_marginLeft="7dip"
            android:orientation="vertical">
            <RelativeLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content">
                <TextView
                    android:id="@+id/name"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_alignParentLeft="true"
                    android:textColor="#FF6666"
                    android:textSize="16sp"
                    android:typeface="sans"
                    android:textStyle="bold"
                    android:text="潇湘夜雨"/>
                <TextView
                    android:id="@+id/time"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_toRightOf="@id/name"
                    android:layout_alignBottom="@id/name"
                    android:layout_marginLeft="5dip"
                    android:textColor="#696969"
                    android:textSize="12sp"
                    android:text="12:11"/>


            </RelativeLayout>
            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginTop="5dip">
                <TextView
                    android:id="@+id/article"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:minHeight="50px"
                    android:textSize="12sp"
                    android:text="这几天我学会了使用ListView组件。这个组件真的很有用。希望在今后的学习中能大量的用到。好好学习android开发。更多的精彩还在等着我们呢......"/>
            </LinearLayout>
        </LinearLayout>
    </RelativeLayout>


</LinearLayout>

图片效果为：

0 0