Android——AdT模拟新浪微博随便看看看看

一、项目开发

1、项目开发运行效果图

2、开发概要

本项目是模拟新浪微博随便看看，初步学习ListView控件，重写了ListView控件和BaseAdapter适配器中的方法，ListView中的数据中图片、昵称、文本都是在values目录中定义的arrays.xml资源，里面的日期和人气字段都是通过获取和随机出来的。xml文件分为两个，一个activity_main.xml和list_layout.xml.字段文本信息主要在values.xml文件中。

二、程序讲解

1、项目文件如下：

注意：本项目所用的图片主要放在drawable-hdpi文件中

2、步骤

1）重写ListView控件MyListView，新建src目录下下添加bzu.eu.view/MyListView.java,代码部分如下：

package bzu.edu.view;


import android.content.Context;
import android.util.AttributeSet;
import android.widget.ListView;

public class MyListView extends ListView {
	//重写ListView控件为MyListView
	public MyListView(Context context, AttributeSet attrs) {
		super(context, attrs);
		// TODO Auto-generated constructor stub
		
	}
}

2）、修改res/layout/activity_main.xml文件，代码部分如下：

<?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="#FA8072">
        <TextView 
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/tvTitleName"
            android:textSize="15sp"
            android:textColor="@android:color/white"
            />
    </LinearLayout>
<!-- 定义LIstView控件 -->
    <bzu.edu.view.MyListView
        android:id="@+id/myListView1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" >
    </bzu.edu.view.MyListView>
</LinearLayout>

3）、在res/layout目录下添加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控件 -->
        <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布局，纵向布局 。内部采用RelativeLayout嵌套的布局方式-->
        <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控件 -->
                <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控件 -->
                <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:12"/>
                <!-- 定义TextView控件显示人气值 -->
                 <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="9sp"
                    android:text="150人气"/>
            </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="内容部分"/>
            </LinearLayout>
        </LinearLayout>
    </RelativeLayout>
</LinearLayout>

4）、在vlues文件下添加arrays.xml，<item>代码如下：

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <!-- 头像 -->
    <array name="head_photo">
        <item>@drawable/p1</item>
        <item>@drawable/p2</item>
        <item>@drawable/p3</item>
        <item>@drawable/p4</item>
        <item>@drawable/p5</item>
        <item>@drawable/p6</item>
        <item>@drawable/p7</item>
        <item>@drawable/p8</item>
        <item>@drawable/p9</item>
        <item>@drawable/p10</item>    
    </array>
    <!-- 内容 -->
    <string-array name="article">
        <item>@string/p1</item>
        <item>@string/p2</item>
        <item>@string/p3</item>
        <item>@string/p4</item>
        <item>@string/p5</item>
        <item>@string/p6</item>
        <item>@string/p7</item>
        <item>@string/p8</item>
        <item>@string/p9</item>
        <item>@string/p10</item>
    </string-array>
    <!-- 昵称 -->
    <string-array name="name">
        <item>潇湘夜雨</item>
        <item>小小</item>
        <item>青春无悔</item>
        <item>小丸子</item>
        <item>丫丫</item>
        <item>Mil</item>
        <item>初见</item>
        <item>片刻暗恋</item>
        <item>陪你到老</item>
        <item>乐此不疲</item> 
    </string-array>
    
</resources>

5）、在src目录下添加bzu.edu.adapter/ArticleAdapter，代码如下：

package bzu.edu.adapter;

import java.util.List;

import bzu.edu.hou.R;


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;
//自定义ArticleAdapter类
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 stub
		this.list_mes=list_mes;
		this.context=context;
	}

	@Override
	public int getCount() {
		// TODO Auto-generated method stub
		return list_mes.size();
	}

	@Override
	public Object getItem(int position) {
		// TODO Auto-generated method stub
		return list_mes.get(position);
	}

	@Override
	public long getItemId(int position) {
		// TODO Auto-generated method stub
		return position;
	}
	//设置item页面的布局效果
	@Override
	public View getView(int position, View convertView, ViewGroup parent) {
		// TODO Auto-generated method stub
		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.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;
	}
}

6）、在src目录下添加bzu.edu.adapter/Messages ，代码如下：

package bzu.edu.adapter;

import android.graphics.drawable.Drawable;

public class Messages {
	private Drawable img;//图片
	private String name;//姓名
	private String time;//时间
	private String rq;//日期
	private String articel;//内容
	
	//Messages的构造方法
	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;
	}
	

}

7）、修改src/bzu.edu/MainActivity.java代码，如下：

package bzu.edu;

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

import bzu.edu.adapter.ArticleAdapter;
import bzu.edu.adapter.Messages;
import bzu.edu.hou.R;
import bzu.edu.view.MyListView;

import android.os.Bundle;




import android.app.Activity;
import android.content.res.TypedArray;
import android.view.Menu;
import android.view.Window;

import android.widget.BaseAdapter;

public class MainActivity extends Activity {
	//定义重写的MyListView对象
	//定义字符序列组用来存储的MyListView的数据源
	private MyListView mylistview=null;
	private List<Messages> list_msg=null;
	private BaseAdapter adapter=null;
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		//取消自带的标题栏
		requestWindowFeature(Window.FEATURE_NO_TITLE);
		//通过setContentView方法设置当前页面的布局文件为activity_main;
		setContentView(R.layout.activity_main);	
		findView();
		setGv();
	}
	private void setGv(){
		if(list_msg==null){
			getData();
		}
		adapter=new ArticleAdapter(this,list_msg);	
		//设置ListView的adapter;
		mylistview.setAdapter(adapter);
	}
	private void findView(){
		//通过findViewById得到对应的空间对象；
		mylistview=(MyListView)findViewById(R.id.myListView1);
	}
	private void getData() {
		// TODO Auto-generated method stub
		//获得xml的资源
		String names[];
		String article[];
		TypedArray img;
		int i;
		//通过getResources方法获取arrays内的字段
		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(1000)));
			Date date=new Date();
			SimpleDateFormat simple=new SimpleDateFormat("MM-dd");
			message.setTime(simple.format(date));
			list_msg.add(message);
		}
	}
	@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;
	}

}

到这里本项目可以说简单完工，本项目是一个简单的Android-ADT开发，菜鸟一枚！多多建议，批评！