最近學習了ListView,想要嘗試做一個“模拟新浪微網誌随便看看欄目”,希望可以和你們一起,願我們在學習安卓的道路上越走越遠······
下載下傳源代碼:http://download.csdn.net/detail/hou1620089770/8656693點選打開連結
MainActivity.java
package bzu.edu.hou;
import java.text.SimpleDateFormat;
import java.util.ArrayList;
import java.util.Date;
import java.util.List;
import java.util.Random;
import bzu.edu.hou.adapter.ArticleAdapter;
import bzu.edu.hou.adapter.Messages;
import bzu.edu.hou.view.MyListView;
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;
@Override
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() {
// 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(1000)));
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 stub
mylistview=(MyListView)findViewById(R.id.myListView1);
}
@Override
public boolean onCreateOptionsMenu(Menu menu) {
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{
//實作重新整理接口的 方法,,在MyList中會回調該方法。
//模拟
@Override
public void OnRershListener() {
// TODO Auto-generated method stub
new Thread(new Run()).start();//啟動一個線程
}
}
//線程接口實作類
class Run implements Runnable{
@Override
public void run() {
// TODO Auto-generated method stub
try {
Thread.sleep(2000);
} catch (Exception e) {
// TODO: handle exception
e.printStackTrace();
}
handler.sendEmptyMessage(0);
}
}
}
ArticleAdapter.java
package bzu.edu.hou.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;
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;
}
@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;
}
}
HeaderView.java
import java.text.SimpleDateFormat;
import java.util.Calendar;
import java.util.Date;
import bzu.edu.hou.R;
import android.content.Context;
import android.opengl.Visibility;
import android.view.LayoutInflater;
import android.view.View;
import android.view.animation.RotateAnimation;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.ProgressBar;
import android.widget.TextView;
public class HeaderView extends LinearLayout {
private LinearLayout linear=null;
//目前狀态
private int STATE=DOWN;
//下拉狀态
public static final int DOWN=0;
//上拉狀态
public static final int UP=1;
//重新整理狀态
public static final int UPDATA=2;
//布局控件
private TextView t1,t2=null;
private ImageView img=null;
private ProgressBar probar=null;
//旋轉動畫對象
private RotateAnimation rotate1,rotate2=null;
public HeaderView(Context context) {
super(context);
// TODO Auto-generated constructor stub
//初始化重新整理頭部
initView(context);
}
private void initView(Context context) {
// TODO Auto-generated method stub
/*
1,加載header_view布局
2,初始化建立動畫對象
* */
linear=(LinearLayout)LayoutInflater.from(context).inflate(R.layout.header_view, null);//加載布局,第二個對象表示根視圖,null表示此布局是根視圖。
LinearLayout.LayoutParams layoutparams=new LinearLayout.LayoutParams(LinearLayout.LayoutParams.MATCH_PARENT, 0);
this.addView(linear, layoutparams);
//初始化布局控件
t1=(TextView)linear.findViewById(R.id.text);
t2=(TextView)linear.findViewById(R.id.text1);
img=(ImageView)linear.findViewById(R.id.pull);
probar=(ProgressBar)linear.findViewById(R.id.progress);
//建立動畫對象
rotate1 = new RotateAnimation(0, -180, 1, 0.5f, 1, 0.5f);//中點逆時針旋轉180度。
rotate2 = new RotateAnimation(-180, 0, 1, 0.5f, 1, 0.5f);
rotate1.setDuration(200);
rotate2.setDuration(200);
rotate1.setFillAfter(true);
rotate2.setFillAfter(true);
}
/**
* 設定view的高度
* */
public void setHeaderViewHight(int height){
if(height<0){
height=0;
}
//獲得HeaderView的布局設定
LinearLayout.LayoutParams layp=(LayoutParams)linear.getLayoutParams();
layp.height=height;
//設定HeaderView的高度
linear.setLayoutParams(layp);
}
public int getSTATE() {
return STATE;
}
/**
* 根據父容器MyListView的觸摸位移
* 設定HeaderView的顯示條的狀态
* */
public void setSTATE(int sTATE) {
//顯示條的3種狀态
/*
* 1,下拉狀态:
* 顯示img,隐藏進度條
* 判斷上一個狀态,如果是上拉則開始動畫2,回到原始狀态(觸摸移動發生時,有向上移動)。
* 2,重新整理狀态
* 隐藏img,顯示進度條
* 3,上拉狀态
* 顯示img,隐藏進度條
* 判斷上一個狀态,如果是下拉則開始動畫1.
* */
switch (sTATE) {
case DOWN://下拉狀态
t1.setText("下拉重新整理");
img.setVisibility(View.VISIBLE);
probar.setVisibility(View.GONE);
switch (STATE) {//某一時刻 開始動畫。
case DOWN:
break;
case UP:
img.startAnimation(rotate2);//如果上一個狀态是下拉,則傳回原始
break;
}
break;
case UPDATA:
t1.setText("正在重新整理");
img.clearAnimation();//清除動畫
img.setVisibility(View.GONE);
probar.setVisibility(View.VISIBLE);
switch (STATE) {
case DOWN:
break;
case UPDATA:
break;
case UP:
break;
}
break;
case UP:
t1.setText("松開重新整理");
img.setVisibility(View.VISIBLE);
probar.setVisibility(View.GONE);
switch (STATE) {
case DOWN:
img.startAnimation(rotate1);//如果上一個狀态是旋轉上拉動畫,
break;
case UPDATA:
break;
case UP:
break;
}
break;
}
STATE = sTATE;//設定目前的狀态
}
/**獲得header的高度*/
public float getHeaderViewHight() {
// TODO Auto-generated method stub
return linear.getHeight();
}
public void setTime(){
Date date=new Date();
SimpleDateFormat simple=new SimpleDateFormat("yyyy/MM/dd hh:mm:ss");
String datatime=simple.format(date);
t2.setText("重新整理時間:"+datatime);
}
}
MyListView.java
package bzu.edu.hou.view;
import bzu.edu.hou.OnRersh;
import android.content.Context;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.widget.ListView;
public class MyListView extends ListView {
private HeaderView head_view=null;
//起始的y坐标
private float pageY = 0f;
//阻尼器
private float DAMPER=1.25f;
private OnRersh onRershListener=null;
public MyListView(Context context, AttributeSet attrs) {
super(context, attrs);
// TODO Auto-generated constructor stub
initView(context);
}
private void initView(Context context) {
// TODO Auto-generated method stub
head_view=new HeaderView(context);
this.addHeaderView(head_view);
}
//觸摸事件方法,發生螢幕按下、擡起、滑動,程式都回調該方法
@Override
public boolean onTouchEvent(MotionEvent ev) {
// TODO Auto-generated method stub
/**
一,判斷使用者觸發事件的三種狀态
1,螢幕按下事件:
螢幕按下時,獲得使用者在螢幕的起始y坐标
2,螢幕移動事件:
螢幕移動時,動态的變化HeaderVeiw的狀态
(1)獲得移動的距離
(2)獲得最終的y坐标
(3)首項item為HeaderView時,并且狀态不是重新整理,
則調用setHeaderViewHight()方法來設定高度,---設定狀态
3,螢幕擡起事件:
螢幕擡起時:根據HeaderView目前顯示條的狀态判斷是否重新整理
(1)獲得HeaderView的狀态,
下拉時:不重新整理
上拉時:重新整理
重新整理時:
* */
switch (ev.getAction()) {
case MotionEvent.ACTION_DOWN:
pageY=ev.getY();
break;
case MotionEvent.ACTION_MOVE:
float move=0;//移動的距離
move=ev.getY()-pageY;
pageY=ev.getY();
if(head_view.getSTATE()!=HeaderView.UPDATA && getFirstVisiblePosition()==0 &&
(move/DAMPER+head_view.getHeaderViewHight())>0){
setHeaderViewHight(move/DAMPER);
return true;
}
break;
case MotionEvent.ACTION_UP:
switch (head_view.getSTATE()) {
case HeaderView.DOWN:
//下拉顯示狀态,不重新整理,高度0
setHeaderViewHight(-head_view.getHeaderViewHight());
break;
case HeaderView.UPDATA:
//重新整理狀态
break;
case HeaderView.UP:
//開始重新整理
setHeaderViewHight(75-head_view.getHeaderViewHight());//設定HeaderView的高為75
head_view.setSTATE(HeaderView.UPDATA);
head_view.setTime();
//調用重新整理接口
if(onRershListener!=null){
onRershListener.OnRershListener();
}
break;
}
break;
}
return super.onTouchEvent(ev);
}
/**設定HeaderView的高度,并根據滑動位移,設定其狀态*/
private void setHeaderViewHight(float f) {
// TODO Auto-generated method stub
//設定HeaderView的高度 并給HeaderView設定不同的狀态。(不同的狀态顯示不同的header樣式)
/*
*
1, 調用Headeview的方法設定其高度
2,判斷Headeview的狀态不是UPDATA
判斷HeaderView的高度,來設定狀态
(1)距離大于60---設定UP
(2)否則大于0---設定Down
*/
head_view.setHeaderViewHight((int)(f+head_view.getHeaderViewHight()));
if(head_view.getSTATE()!=HeaderView.UPDATA){
if(head_view.getHeaderViewHight()>75){
head_view.setSTATE(HeaderView.UP);//上拉狀态
}else if(head_view.getHeaderViewHight()>0) {
head_view.setSTATE(HeaderView.DOWN);
}
}
}
public void setOnRershListener(OnRersh onRershListener) {
this.onRershListener = onRershListener;
}
/**結束重新整理*/
public void endOnRersh() {
// TODO Auto-generated method stub
//狀态設定為Down(預設的初始狀态),高度0
head_view.setSTATE(HeaderView.DOWN);
head_view.setHeaderViewHight(-(int)head_view.getHeaderViewHight());
}
}
MainActivity.java
package com.example.listviewproject;
import android.os.Bundle;
import android.app.Activity;
import android.view.Menu;
public class MainActivity extends Activity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
}
@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;
}
}
現在還需要設定一個接口監聽器
package bzu.edu.hou;
public interface OnRersh {
//重新整理接口的監聽器
public void OnRershListener();
}
建立一個實體類
package bzu.edu.hou.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;
}
}