一、项目开发
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>
<?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>
<?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,代码如下:
<?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>
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;
}
}
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;
}
}
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.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;
}
}
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开发,菜鸟一枚!多多建议,批评!
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;
}
}