Home界面的ListView

最终效果演示：http://fangjie.info/?page_id=54
该项目代码已经放到github：https://github.com/JayFang1993/SinaWeibo

一.首先是ListView的adapter。

因为微博列表的Item不是规则的，比如说有些微博有转发子微博，有些没有，有些有图片，有些没有图片，所以说很不固定。这里就采用BaseAdapter，要自己为微博Item设计一个WeiboAdapter.java

package com.fangjie.weibo.ui;import java.util.Date;
import java.util.List;
import com.fangjie.weibo.R;
import com.fangjie.weibo.bean.Weibo;
import android.content.Context;
import android.graphics.Bitmap;
import android.support.v4.util.LruCache;
import android.text.Html;
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 WeiboAdapter extends BaseAdapter {private Context context;private List&lt;Weibo&gt; weibos;    public WeiboAdapter(Context context,List&lt;Weibo&gt; weibos) {System.out.println(weibos.get(1).content);this.context=context;this.weibos=weibos;}public int getCount() {return weibos.size();}public Object getItem(int position) {return null;}public long getItemId(int position) {return 0;}public View getView(int position, View convertView, ViewGroup parent) {//position代表位置  //通过View关联自定义Item布局，进行填充  if(convertView == null){convertView = View.inflate(context, R.layout.wb_item, null);  }System.out.println(position);final Weibo weibo =weibos.get(position);//获取要显示的组件,注意findViewById的调用对象是上面填充了Item的布局的对象View  TextView tv_name = (TextView)convertView.findViewById(R.id.txt_wb_item_uname);  TextView tv_content = (TextView)convertView.findViewById(R.id.txt_wb_item_content);  TextView tv_time =(TextView)convertView.findViewById(R.id.txt_wb_item_time);  TextView tv_from =(TextView)convertView.findViewById(R.id.txt_wb_item_from);  TextView tv_comment =(TextView)convertView.findViewById(R.id.txt_wb_item_comment);  TextView tv_repost =(TextView)convertView.findViewById(R.id.txt_wb_item_redirect);  LinearLayout zlayout=(LinearLayout)convertView.findViewById(R.id.lyt_wb_item_sublayout);TextView tv_zcontent=(TextView)convertView.findViewById(R.id.txt_wb_item_subcontent); final ImageView iv_userhead=(ImageView)convertView.findViewById(R.id.img_wb_item_head);ImageView iv_isv=(ImageView)convertView.findViewById(R.id.img_wb_item_V);ImageView iv_content_pic=(ImageView)convertView.findViewById(R.id.img_wb_item_content_pic);ImageView iv_zcontent_pic=(ImageView)convertView.findViewById(R.id.img_wb_item_content_subpic);//组件添加内容
        tv_content.setText(weibo.getContent());tv_name.setText(weibo.getUser().getName());tv_from.setText("来自:"+Html.fromHtml(weibo.getFrom()));tv_repost.setText(weibo.getReposts_count()+"");tv_comment.setText(weibo.getComments_count()+"");tv_time.setText(dealTime(weibo.getTime()));loadBitmap(weibo.getUser().getProfile_image_url(), iv_userhead,80,80);  if(!weibo.getBmiddle_pic().equals("")){loadBitmap(weibo.getBmiddle_pic(), iv_content_pic,0,0);    iv_content_pic.setVisibility(View.VISIBLE);}else{iv_content_pic.setVisibility(View.GONE);            }if(weibo.getUser().isIsv())iv_isv.setVisibility(View.VISIBLE);elseiv_isv.setVisibility(View.GONE);if(weibo.getWeibo()!=null){zlayout.setVisibility(View.VISIBLE);tv_zcontent.setText("@"+weibo.getWeibo().getUser().getName()+":"+weibo.getWeibo().getContent());if(!weibo.getWeibo().getBmiddle_pic().equals("")){loadBitmap(weibo.getWeibo().getBmiddle_pic(), iv_zcontent_pic,0,0);    iv_zcontent_pic.setVisibility(View.VISIBLE);}}elsezlayout.setVisibility(View.GONE);return convertView;  }public void addItem(Weibo weibo){weibos.add(weibo);}
}

微博Item的布局文件 wb_item.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:layout_height="wrap_content"android:background="@drawable/list_item"><ImageViewandroid:id="@+id/img_wb_item_head"android:layout_width="48dp"android:layout_height="48dp"android:src="@drawable/user_head"android:layout_marginLeft="3dp"android:layout_marginTop="5dp"/><!-- 右边框架 --><LinearLayoutandroid:layout_width="match_parent"android:orientation="vertical"android:layout_height="wrap_content"android:layout_margin="5dp"><!-- 用户名称、新浪认证部分 --> <LinearLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"android:orientation="horizontal"><!-- 用户名称 --><TextView android:id="@+id/txt_wb_item_uname"android:layout_width="wrap_content"android:layout_height="wrap_content"android:textColor="#424d54"android:textSize="15dp"/><!-- 新浪认证 --><ImageView android:id="@+id/img_wb_item_V"android:layout_width="wrap_content"android:layout_height="wrap_content"android:visibility="gone"android:src="@drawable/v"/><RelativeLayout android:layout_width="fill_parent"android:layout_height="wrap_content"android:gravity="right"><!-- 发布时间 --><TextView android:id="@+id/txt_wb_item_time"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="1小时前"android:textColor="#efa608"android:textSize="12dp"/>  </RelativeLayout>          </LinearLayout> <!-- 微博正文内容 --> <LinearLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"android:orientation="vertical"><!-- 微博正文内容 --><TextView android:id="@+id/txt_wb_item_content"android:layout_width="fill_parent"android:layout_height="wrap_content"android:text="微博正文内容微博正文内容微博正文内容微博正文内容微博正文内容微博正文内容微博正文内容"android:textColor="#6b717b"android:textSize="13dp"/>  <ImageView android:id="@+id/img_wb_item_content_pic"android:layout_width="wrap_content"android:layout_height="wrap_content"android:src="@drawable/user_head"android:layout_marginTop="3dp"android:visibility="gone"/></LinearLayout><!-- 转发的子微博内容 --> <LinearLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"android:id="@+id/lyt_wb_item_sublayout"android:orientation="vertical"android:layout_marginTop="3dp"android:visibility="gone"android:background="@drawable/popup"><!-- 微博正文内容 --><TextView android:id="@+id/txt_wb_item_subcontent"android:layout_width="fill_parent"android:layout_height="wrap_content"android:text="微博正文内容微博正文内容微博正文内容微博正文内容微博正文内容微博正文内容微博正文内容"android:textColor="#6b717b"android:textSize="13dp"/>  <ImageView android:id="@+id/img_wb_item_content_subpic"android:layout_width="wrap_content"android:layout_height="wrap_content"android:src="@drawable/user_head"android:layout_marginTop="3dp"android:visibility="gone"/></LinearLayout><!-- 微博来源部分 --> <LinearLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"android:orientation="horizontal"android:layout_marginTop="3dp"android:layout_marginBottom="3dp" ><!-- 用户名称 --><TextView android:id="@+id/txt_wb_item_from"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="来自:Touch Android"android:textColor="#9ba0aa"android:textSize="12dp"/><LinearLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"android:orientation="horizontal"android:gravity="right"><TextView android:id="@+id/txt_wb_item_redirect"android:layout_width="wrap_content"android:layout_height="wrap_content"android:drawableLeft="@drawable/redirect_icon"android:text="10"android:textColor="#9ba0aa"android:textSize="13dp"/><TextView android:id="@+id/txt_wb_item_comment"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_marginLeft="5dp"android:drawableLeft="@drawable/comment_icon"android:text="100"android:textColor="#9ba0aa"android:textSize="13dp"/>  </LinearLayout></LinearLayout></LinearLayout>
</LinearLayout>

WeiboAdapter的作用就是将List<Weibo> weibos的数据绑定到每一个View的控件上去。注：关于图片ImagView控件的加载loadBitmap采用的是异步加载，在下一篇中会讲到。

二.ListView的细节——底部加载更多

首先需要为这个东西写一个布局文件 load_more.xml，布局很简单，就是一个button。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"android:orientation="vertical"android:layout_width="fill_parent"android:layout_height="wrap_content"><Buttonandroid:id="@+id/loadMoreButton"android:layout_width="fill_parent"android:layout_height="wrap_content"android:text="加载更多"android:onClick="loadMore"/>
</LinearLayout>

然后在HomeActivity.java中为ListView增加一个底部视图，ListView.addFooterView(View view);

        //设置列表底部视图-加载更多View loadMoreView = getLayoutInflater().inflate(R.layout.load_more, null);  loadMoreButton= (Button) loadMoreView.findViewById(R.id.loadMoreButton);  weibolist.addFooterView(loadMoreView);

三.ListView的刷新按钮

在点击主界面的刷新按钮时，会出现progressbar，这些都不是很难。首先写好一个progress的布局，在刷新任务开始之前然progressbar显示，任务结束后就View.gone就OK啦，详细请看源代码HomeActivity.

四.注意：我在写ListView的时候，在模拟器测试完全OK，但是在真机上调试时，ListView与上面的TitleBar和TabHost交界处会有阴影。加上这句就可以了。

ListView.setFadingEdgeLength(0);

可能讲的不是很直观，最后附上HomeActivity.java的全部代码，这个就是Home界面的代码

package com.fangjie.weibo.ui;import java.util.HashMap;
import java.util.List;
import java.util.Map;
import com.fangjie.weibo.R;
import com.fangjie.weibo.bean.Task;
import com.fangjie.weibo.bean.Weibo;
import com.fangjie.weibo.logic.MainService;
import com.fangjie.weibo.util.SharePreferencesUtil;
import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.LinearLayout;
import android.widget.ListView;
import android.widget.TextView;
import android.widget.Toast;public class HomeActivity extends Activity implements IWeiboAcitivity {private ListView weibolist;private List&lt;Weibo&gt; weibos;private WeiboAdapter adapter;private TextView tv_title;private Button btn_refresh;private Button btn_update;private LinearLayout progress;private Button loadMoreButton;protected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.home);        init();}public void init() {weibolist=(ListView)findViewById(R.id.lv_weibos);tv_title=(TextView)findViewById(R.id.txt_wb_title);btn_refresh=(Button)findViewById(R.id.btn_refresh);btn_update=(Button)findViewById(R.id.btn_writer);progress=(LinearLayout)findViewById(R.id.layout_progress);//设置列表底部视图-加载更多View loadMoreView = getLayoutInflater().inflate(R.layout.load_more, null);  loadMoreButton= (Button) loadMoreView.findViewById(R.id.loadMoreButton);  weibolist.addFooterView(loadMoreView);   weibolist.setFadingEdgeLength(0);final String token=SharePreferencesUtil.getLoginUser(HomeActivity.this).getToken();tv_title.setText(SharePreferencesUtil.getLoginUser(HomeActivity.this).getUserName());Map&lt;String,Object&gt; params=new HashMap&lt;String,Object&gt;();params.put("token", token);Task task=new Task(Task.GET_WEIBOS, params);progress.setVisibility(View.VISIBLE);MainService.newTask(task);MainService.addActivty(HomeActivity.this);loadMoreButton.setOnClickListener(new OnClickListener() {public void onClick(View v) {Map&lt;String,Object&gt; params=new HashMap&lt;String,Object&gt;();params.put("token", token);params.put("max_id", weibos.get(weibos.size()-1).getWid());loadMoreButton.setText("正在加载，请稍候...");Task task=new Task(Task.LOADMORE, params);MainService.newTask(task);MainService.addActivty(HomeActivity.this);                }});btn_refresh.setOnClickListener(new OnClickListener() {public void onClick(View v) {Map&lt;String,Object&gt; params=new HashMap&lt;String,Object&gt;();params.put("token", token);progress.setVisibility(View.VISIBLE);Task task=new Task(Task.GET_WEIBOS, params);MainService.newTask(task);MainService.addActivty(HomeActivity.this);    }});btn_update.setOnClickListener(new OnClickListener() {public void onClick(View v) {Toast.makeText(HomeActivity.this, "亲，程序猿还没写好呢...", Toast.LENGTH_LONG).show();}});}@SuppressWarnings("unchecked")public void refresh(int taskID, Object... objects) {switch (taskID){case Task.GET_WEIBOS:weibos=(List&lt;Weibo&gt;)objects[0];adapter=new WeiboAdapter(HomeActivity.this,weibos);weibolist.setAdapter(adapter);                break;case Task.LOADMORE:weibos=(List&lt;Weibo&gt;)objects[0];for(int i=1;i&lt;weibos.size();i++)adapter.addItem(weibos.get(i));adapter.notifyDataSetChanged(); //数据集变化后,通知adapter loadMoreButton.setText("加载更多");}progress.setVisibility(View.GONE);MainService.reMoveActivty(HomeActivity.this);}
}

可能大家在HomeActivity中只看到新开一些任务，但是这些任务具体做什么操纵不清楚，大家可以看看前面的博文，因为有一个逻辑处理的MainService处理类。针对Task.GET_WEIBOS和Task.LOADMORE，其中的代码又增加了。这里也附上MainService.java关于这两个任务的部分代码。

            //刷新微博case Task.GET_WEIBOS:{String token=(String)task.getParams().get("token");WeiboUtil weiboutil=new WeiboUtil();List<Weibo> weibos=weiboutil.getWeiboList(token,0);msg.obj=weibos;break;}//加载更多case Task.LOADMORE:{String token=(String)task.getParams().get("token");long max_id=(Long) task.getParams().get("max_id");WeiboUtil weiboutil=new WeiboUtil();List<Weibo> weibos=weiboutil.getWeiboList(token,max_id);msg.obj=weibos;break;}

Home界面的ListView相关推荐

SAP S4HANA BP事务代码初始界面的ROLE和Grouping配置
SAP S4HANA BP事务代码初始界面的ROLE和Grouping配置 SAP S/4 HANA系统里,创建供应商不再使用MK01/FK01/XK01等事务代码,而是使用BP事务代码. BP事务代 ...
pyqt tcp通信_实验十基于PyQt界面的TCP通信程序(一).doc_学小易找答案
[简答题]请同学们找一个目前已学的知识点,出一个题目上传,不能是上课讲的程序和上机的题目 [简答题]请拍照模块五完成情况 [简答题]请拍照模块六完成情况 [计算题]书本80页,3-7;3-8;3-9; ...
不支持图形化界面的Linux系统如何显示图像化界面？飞腾服务器显示图像化界面方法，DISPLAY environment variable is undefined问题解决方法
我用的本地 windows 环境访问的飞腾服务器,这个服务器里的系统是不支持图像化界面的,需要通过 display 指定自己的电脑来显示图像化界面. 命令如下,这个 ip 是对应自己电脑的,通过 ip ...
window10 运行linux软件,现在你可以直接在Windows 10平台上运行带用户界面的Linux桌面软件...
微软目前正在继续更新 Windows 10 WSL 子系统功能 , 此次更新主要带来GPU硬件加速可让用户运行桌面软件. 以往我们要想运行Linux软件肯定得使用Linux操作系统,在 WSL 发布后 ...
C++将带ui界面的qt工程封装为动态库dll
C++将带ui界面的qt工程封装为动态库dll 功能如下完整源代码实现如下功能如下将工程封装后可以在别的工程下直接引用该界面,以及该界面的函数, 完整源代码实现如下 #ifndef BUILD_ ...
编写带对话框界面的OCX
编写带对话框界面的OCX步骤: 1.添加Dialog资源,切换到资源视图,将对话框的Style设置为Child,在对话框界面右击添加类,输入类名MyDlg,使得其继承与CDialogEx.(继承CDi ...
python快速开发框架_GitHub - lee2029/pyui4win: 一个用python实现业务逻辑、用xml和html/css/js描述界面的windows程序的快速开发框架...
pyui4win 一个用python实现业务逻辑.用xml和html/css/js描述界面的windows程序的快速开发框架应用框架 1.pyui4win根据xml/html/js/css创建界面 ...
win7如何隐藏所有微软服务器,如何隐藏Win7登录界面的administrator用户名
Win7之家( www.win7china.com):如何隐藏Win7登录界面的administrator用户名很多朋友一直在用着第三方的Windows7系统盘来装机,例如下载了Ghost格式的一些 ...
MAC地址中的“O”和“0”怎么区别？命令行黑窗口界面的“O”和“0”怎么区别？
在Windows系统下查电脑mac地址的时候,通过cmd进入命令行黑窗口界面,敲"ipconfig /all"可以很方便查到. 有时候需要抄在本子上或者Excel等其他地方,很多人 ...

Home界面的ListView

Home界面的ListView相关推荐

最新文章

热门文章