目录
ListView多条目展示的简单实现
简单是实现步骤:
- 准备两个展示不同布局的两个子布局
- 连接网络的权限
- 准备用到的GSon和Imageloader
自局部list_item
<?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">
<LinearLayout
android:layout_width="0dp"
android:layout_height="85dp"
android:layout_weight="1"
android:orientation="vertical">
<TextView
android:id="@+id/name"
android:gravity="center_vertical"
android:textSize="16dp"
android:textStyle="bold"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="2"
android:text="GGGGGGGGGGGGG"/>
<TextView
android:id="@+id/from"
android:gravity="center_vertical"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="1"
android:text="GGGGGGGGGGGGG"/>
<TextView
android:id="@+id/timer"
android:gravity="end|bottom"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="1"
android:text="12:00"/>
</LinearLayout>
<ImageView
android:id="@+id/list_img"
android:layout_width="85dp"
android:layout_height="85dp"
android:background="@mipmap/ic_launcher"/>
</LinearLayout>
子布局2 list_item02
<?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="85dp"
android:orientation="vertical">
<!--第二个加载页面-->
<TextView
android:id="@+id/t_name"
android:gravity="center_vertical"
android:textSize="16dp"
android:textStyle="bold"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="2"
android:text="GGGGGGGGGGGGG"/>
<TextView
android:id="@+id/t_from"
android:gravity="center_vertical"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="1"
android:text="GGGGGGGGGGGGG"/>
<TextView
android:id="@+id/t_timer"
android:gravity="end|bottom"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="1"
android:text="12:00"/>
</LinearLayout>
MainActivity布局
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/activity_main"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context="com.example.administrator.duotioamuzhanshi.MainActivity">
<ListView
android:id="@+id/list"
android:layout_width="match_parent"
android:layout_height="match_parent"
></ListView>
</RelativeLayout>
MainActivity代码
package com.example.administrator.duotioamuzhanshi;
import android.os.Bundle;
import android.os.Handler;
import android.os.Message;
import android.support.v7.app.AppCompatActivity;
import android.util.Log;
import android.widget.ListView;
import com.google.gson.Gson;
import java.io.InputStream;
import java.net.HttpURLConnection;
import java.net.URL;
import java.util.ArrayList;
import java.util.List;
/**
*
*有图片的item上面展示图片没有图片的不展示图片
*/
public class MainActivity extends AppCompatActivity {
Handler handler=new Handler(){
@Override
public void handleMessage(Message msg) {
super.handleMessage(msg);
Gson gson = new Gson();
Data data = gson.fromJson(msg.obj.toString(), Data.class);
list.addAll(data.getData().getArticleList());
BaseAda baseAda = new BaseAda(list, MainActivity.this);
listView.setAdapter(baseAda);
}
};
private ListView listView;
private List<Data.DataBean.ArticleListBean> list;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
// 做一个ListView的多条目展示
listView= (ListView) findViewById(R.id.list);
list=new ArrayList<>();
new Thread(){
@Override
public void run() {
super.run();
GetDate();
}
}.start();
}
private void GetDate() {
// 写一个加载数据的连接
final String path="http://zkread.com/htnewsroom/v2.0/mobileapp/user-0/categories/articles?itemType=recommendation&itemName=%25E6%258E%25A8%25E8%258D%2590&itemId=-1&size=20&firstId=1338557&page=1";
try {
URL url = new URL(path);
HttpURLConnection httpurl= (HttpURLConnection) url.openConnection();
httpurl.connect();
if (httpurl.getResponseCode()==200){
// 从网络上读取
StringBuffer sb = new StringBuffer();
int len=-1;
byte buffer[] =new byte[1024];
InputStream in = httpurl.getInputStream();
while ((len=in.read(buffer))!=-1){
sb.append(new String(buffer,0,len));
}
in.close();
Log.e("TAG", "GetDate: "+ sb.toString() );
Message msg=Message.obtain();
msg.obj=sb.toString();
handler.sendMessage(msg);
}
httpurl.disconnect();
} catch (Exception e) {
e.printStackTrace();
}
}
}
这里和普通的listview展示是没有任何区别的
适配器里面
package com.example.administrator.duotioamuzhanshi;
import android.content.Context;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.TextView;
import com.nostra13.universalimageloader.core.DisplayImageOptions;
import com.nostra13.universalimageloader.core.ImageLoader;
import com.nostra13.universalimageloader.core.ImageLoaderConfiguration;
import java.text.SimpleDateFormat;
import java.util.Date;
import java.util.List;
/**
*
* 创作时间:2017/6/21
* 项目名称:Duotioamuzhanshi
*/
public class BaseAda extends BaseAdapter {
private List<Data.DataBean.ArticleListBean> list;
private Context context;
// 定义两个标记用来表示对应的博客
private final int TYPE_1=0;
private final int TYPE_2=1;
public BaseAda(List<Data.DataBean.ArticleListBean> list, Context context) {
this.list = list;
this.context = context;
}
@Override
public int getCount() {
return list.size();
}
@Override
public Object getItem(int position) {
return list.get(position);
}
@Override
public long getItemId(int position) {
return position;
}
ViewHolder holder=null;
@Override
public View getView(int position, View convertView, ViewGroup parent) {
holder=new ViewHolder();
int type = getItemViewType(position);
if (convertView==null){
switch (type){
// 这个对应加载有图片的布局
case TYPE_1:
convertView=View.inflate(context,R.layout.list_item,null);
holder.name= (TextView) convertView.findViewById(R.id.name);
holder.from= (TextView) convertView.findViewById(R.id.from);
holder.timer= (TextView) convertView.findViewById(R.id.timer);
holder.imageView= (ImageView) convertView.findViewById(R.id.list_img);
break;
case TYPE_2:
convertView=View.inflate(context,R.layout.list_item2,null);
holder.name= (TextView) convertView.findViewById(R.id.t_name);
holder.from= (TextView) convertView.findViewById(R.id.t_from);
holder.timer= (TextView) convertView.findViewById(R.id.t_timer);
break;
}
convertView.setTag(holder);
}else {
holder=(ViewHolder)convertView.getTag();
}
Date date = new Date(list.get(position).getCreateTime());
SimpleDateFormat format = new SimpleDateFormat("MM:ss");
String s = format.format(date);
// 给布局设置具体的值
holder.timer.setText(s);
holder.from.setText(list.get(position).getSite());
holder.name.setText(list.get(position).getTitle());
// 如果类型是TYPE_1的话就加载有图片的布局
if (type==TYPE_1){
ImageLoaderConfiguration loader = ImageLoaderConfiguration.createDefault(context);
ImageLoader instance = ImageLoader.getInstance();
instance.init(loader);
DisplayImageOptions os=new DisplayImageOptions.Builder().build();
instance.displayImage(list.get(position).getImgSrc(),holder.imageView,os);
}
return convertView;
}
// 多重写两个方法
// 进行逻辑判断返回的到底是那个方法
@Override
public int getItemViewType(int position) {
if (list.get(position).getImgSrc().startsWith("http")){
return TYPE_1;
}else {
return TYPE_2;
}
}
//返回条目的总数
@Override
public int getViewTypeCount() {
return 2;
}
class ViewHolder{
private TextView name,from,timer;
private ImageView imageView;
}
}
可以看出这里比普通的listview适配多了两个方法:
getItemViewType:进行逻辑判断到底加载那个布局
getViewTypeCount():返回你子布局的总数
值得注意的是如果你的TYPE_1不是从0开始的话你下面的返回值得加1,所以这里推荐TYPE从零开始并且一直连续
总结
以上就是listview的多条目使用的简单使用方法,其实也没什么难点只是多了一层逻辑判断