模拟新浪微博随便看看

1.导语

          这几天学会了ListView组件，这个组件真的很有用。希望在今后的开发中能大量用到。

通过ListView的学习，模拟了新浪微博的随便看看页面。

程序效果如下：

                  

2.源码下载

源码下载地址：

（1）GitHub地址：https://github.com/GXS1225/ListView.git

（2）CSDN地址：http://download.csdn.net/detail/gxseveryday/8671541

3.代码分析

    此文件自定义一个adapter，继承自BaseAdapter，实现getView方法，在此方法中定义了每个item的显示样式。

   知识点：

• 建立数据源
• 数据源与适配器建立关系
• AdapterView
• 创建一个自定义的适配器

4.xml布局代码

           步骤：

             我们先添加两个xml文件：

          activity_main.xml

            

            代码如下：

<span style="font-family:Comic Sans MS;font-size:12px;"><?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:id="@+id/liner"    android:layout_width="fill_parent"    android:layout_height="fill_parent"    android:orientation="vertical" >    <LinearLayout         android:layout_width="match_parent"        android:layout_height="wrap_content"        android:padding="6dip"        android:background="#CD4F39">        <TextView             android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:text="新浪微博-随便看看"            android:textSize="15sp"                        android:textColor="@android:color/white"            />    </LinearLayout>    <com.bzu.edu.gxs.view.MyListView        android:id="@+id/myListView1"        android:layout_width="match_parent"        android:layout_height="wrap_content" >    </com.bzu.edu.gxs.view.MyListView></LinearLayout></span>

      

          layout_view.xml

         

    代码如下：

<span style="font-family:Comic Sans MS;font-size:12px;"><?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="#242424"                    android:textSize="14sp"                    android:typeface="sans"                    android:textStyle="bold"                    android:text="@string/gxs"/>                <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="#FFFFFF"                    android:textSize="12sp"                    android:text=""/>                                 <TextView                     android:id="@+id/rq"                    android:layout_width="wrap_content"                    android:layout_height="wrap_content"                    android:layout_alignParentRight="true"                    android:layout_centerVertical="true"                    android:textSize="13sp"                    android:text="1分钟前"/>            </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="gxs"/>            </LinearLayout>        </LinearLayout>    </RelativeLayout>    </LinearLayout></span>

5.java代码

         MainActivity.java

<span style="font-family:Comic Sans MS;font-size:12px;">package com.bzu.gxs;import java.text.SimpleDateFormat;import java.util.ArrayList;import java.util.Date;import java.util.List;import java.util.Random;import com.bzu.edu.gxs.adapter.ArticleAdapter;import com.bzu.edu.gxs.adapter.Messages;import com.bzu.edu.gxs.view.MyListView;import com.bzu.gxs.*;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;@Overrideprotected 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() {// TODO Auto-generated method stub//获得xml的资源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]);message.setRq(String.valueOf(new Random().nextInt(120)+"分钟前"));Date date=new Date();SimpleDateFormat simple=new SimpleDateFormat("MM-dd");message.setTime(simple.format(date));list_msg.add(message);}}private void init() {// TODO Auto-generated method stubmylistview=(MyListView)findViewById(R.id.myListView1);}@Overridepublic boolean onCreateOptionsMenu(Menu menu) {getMenuInflater().inflate(R.menu.main, menu);return true;}Handler handler=new Handler(new Handler.Callback() {@Overridepublic boolean handleMessage(Message arg0) {// TODO Auto-generated method stubif(arg0.what==0){//结束刷新mylistview.endOnRersh();}return false;}});//刷新接口实现类class OnRershListener implements OnRersh{    //实现刷新接口的 方法，，在MyList中会回调该方法。//模拟@Overridepublic void OnRershListener() {// TODO Auto-generated method stubnew Thread(new Run()).start();//启动一个线程}}//线程接口实现类class Run implements Runnable{@Overridepublic void run() {// TODO Auto-generated method stubtry {Thread.sleep(2000);} catch (Exception e) {// TODO: handle exceptione.printStackTrace();}handler.sendEmptyMessage(0);}}}</span>

            ArticleAdapter.java

<span style="font-family:Comic Sans MS;font-size:12px;">package com.bzu.edu.gxs.adapter;import java.util.List;import com.bzu.gxs.*;import android.content.Context;import android.view.LayoutInflater;import android.view.View;import android.view.ViewGroup;import android.widget.BaseAdapter;import android.widget.ImageView;import android.widget.LinearLayout;import android.widget.TextView;public class ArticleAdapter extends BaseAdapter {private List<Messages> list_mes=null;private Context context;public ArticleAdapter(Context context,List<Messages> list_mes) {// TODO Auto-generated constructor stubthis.list_mes=list_mes;this.context=context;}@Overridepublic int getCount() {// TODO Auto-generated method stubreturn list_mes.size();}@Overridepublic Object getItem(int position) {// TODO Auto-generated method stubreturn list_mes.get(position);}@Overridepublic long getItemId(int position) {// TODO Auto-generated method stubreturn position;}@Overridepublic View getView(int position, View convertView, ViewGroup parent) {// TODO Auto-generated method stubListItem listitem;if(convertView==null){convertView=(LinearLayout)LayoutInflater.from(context).inflate(R.layout.layout_view, 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.rq);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;}public class ListItem{ImageView img;TextView name;TextView time;TextView rq;TextView article;}}</span>

          Messages.java

<span style="font-family:Comic Sans MS;font-size:12px;">package com.bzu.edu.gxs.adapter;import android.graphics.drawable.Drawable;public class Messages {private Drawable img;private String name;private String time;private String rq;private String articel;public Drawable getImg() {return img;}public void setImg(Drawable img) {this.img = img;}public String getName() {return name;}public void setName(String name) {this.name = name;}public String getTime() {return time;}public void setTime(String time) {this.time = time;}public String getRq() {return rq;}public void setRq(String rq) {this.rq = rq;}public String getArticel() {return articel;}public void setArticel(String articel) {this.articel = articel;}}</span><span style="font-family:Comic Sans MS;"></span>

总结：通过ListView的学习，了解了adapter适配器的使用。