模拟新浪微博随便看看

模拟新浪微博随便看看模拟新浪微博随便看看一 项目开发概要 1 项目效果图 2 开发概要本项目是模拟新浪微博随便看看 重写了 ListView 控件和 BaseAdapter 适配器中的方法 添加了头部刷新功能 ListView 中的数据中图片 昵称 文本都是在 values 目录中定义的 arrays xml 资源 日期和人气则是通过 javaAPI 中的 Date Random 类模拟出来的

 模拟新浪微博随便看看 

一,项目开发概要
1,项目效果图
这里写图片描述 这里写图片描述
2,开发概要
本项目是模拟新浪微博随便看看,重写了ListView控件和BaseAdapter适配器中的方法,添加了头部刷新功能,ListView中的数据中图片、昵称、文本都是在values目录中定义的arrays.xml资源,日期和人气则是通过java API中的Date、Random类模拟出来的。








二,开发步步骤
1,项目文件结构图
这里写图片描述 这里写图片描述




2,开发步骤

 

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 (); for(i=0;i 

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 list_mes=null; private Context context; public ArticleAdapter(Context context,List 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; } } 

list_layout.xml文件则是单个列表项的布局代码。

4,在MainActivity.java中,创建ArticleAdapter对象,并调用MyListView对象的setAdapter()设置此适配对象。

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); } } 

3,设置接口实现类:设置为MyListView对象调用mylistview.setOnRershListener(new OnRershListener());//设置接口实现类。

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()); } } 

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); } } 

header_view加载布局代码

 

此布局的状态是根据触摸事件变化的。








版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/205329.html原文链接:https://javaforall.net

(0)
上一篇 2026年3月19日 下午6:17
下一篇 2026年3月19日 下午6:17


相关推荐

  • rap韵脚大全(包含各种诗词歌曲的韵脚等)

    rap韵脚大全(包含各种诗词歌曲的韵脚等)rap韵脚(a篇)Ba:八,疤,叭,芭,把,吧,爸,罢,巴,扒,坝,霸,靶,笆,捌,拔,跋,钯,耙Ca:擦,嚓Cha:查,插,叉,茶,差,杈,岔,衩,刹,诧,姹Da:大,答,达,打,搭,嗒,哒,耷,褡,瘩,鞑,靼Fa:发,法,罚,伐,乏,阀,筏,疺Ga:尬,伽,嘎,旮Ha:哈Ka:卡,咖,喀La:拉,啦,辣,蜡,腊,喇,垃Ma:吗,妈,马,嘛,麻,骂,码,玛Na:那,拿,…

    2022年6月18日
    145
  • 《零基础》MySQL NULL 值处理(二十一)

    《零基础》MySQL NULL 值处理(二十一)MySQL使用SQLSELECT命令及WHERE子句来读取数据表中的数据,但是当提供的查询条件字段为NULL时,该命令可能就无法正常工作。为了处理这种情况,MySQL提供了三大运算符:ISNULL:当列的值是NULL,此运算符返回true。 ISNOTNULL:当列的值不为NULL,运算符返回true。 <=>:比较操作符(不同于=运算符),当比较的的两个值相等或者都为NULL时返回true。关于NULL的条件比较运算是比较特殊的…

    2022年5月5日
    40
  • 千问AI眼镜G1现货开售,用户还可通过千问APP一句话下单

    千问AI眼镜G1现货开售,用户还可通过千问APP一句话下单

    2026年3月14日
    3
  • vue生成时间戳_hive时间戳转换日期

    vue生成时间戳_hive时间戳转换日期1.首先定义好一个工具类:2.在对应的文件中引入该文件:3.局部注册过滤器:

    2022年10月21日
    4
  • python os.environ.set_os.environ详解

    python os.environ.set_os.environ详解我们想要用 Python 获得一些有关系统的各种信息的时候就不得不想到 os 的 environ 那这里面都具体包含了那些内容呢 简介对于官方的解释 environ 是一个字符串所对应环境的映像对象 这是什么意思呢 举个例子来说 environ HOME 就代表了当前这个用户的主目录 例子比如刚刚举例的 os environ HOME 在 linux 中适用而在 windows 下面是没有这个 key 的 在 windo

    2026年3月18日
    2
  • mysql utf8占几个字节_utf-8的中文是一个字符占几个字节

    mysql utf8占几个字节_utf-8的中文是一个字符占几个字节英文字母和中文汉字在不同字符集编码下的字节数英文字母:·字节数:1;编码:GB2312字节数:1;编码:GBK字节数:1;编码:GB18030字节数:1;编码:ISO-8859-1字节数:1;编码:UTF-8字节数:4;编码:UTF-16字节数:2;编码:UTF-16BE字节数:2;编码:UTF-16LE中文汉字:字节数:2;编码:GB2312字节数:2;编…

    2022年6月26日
    30

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号