我们上次实现了列表中放置内容,类似于这个界面: 但是如何给里面添加资源那,如何控制它显示几列那,如何让他显示网络数据那,这都是要思考的。 我们上次在代码中实现列表的内容的,但是你看今日头条这个图片,他的listview每列的数据不一样,其实它是每列都单独用一个界面xml文件来写,而主mainactivity.xml只用来加listview控件: mainactivity.xml:
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent" >
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent">
<ListView
android:layout_width="match_parent"
android:layout_height="match_parent"
android:id="@+id/list"></ListView>
</LinearLayout>
</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="200dp"
android:orientation="horizontal">
<LinearLayout
android:layout_width="100dp"
android:layout_height="200dp">
<ImageView
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_marginTop="5dp"
android:src="@drawable/ok"
/>
</LinearLayout>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="xiandhjcvh "
/>
<TextView
android:layout_marginTop="15dp"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="OKOKOKOKOK "
/>
</LinearLayout>
</LinearLayout>
代码:
package com.example.lenovo.myapplication;
import android.app.Activity;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.LinearLayout;
import android.widget.ListView;
import android.widget.TextView;
public class MainActivity extends Activity {
class OK extends BaseAdapter{
@Override
public int getCount() {
return 1;
}
@Override
public Object getItem(int position) {
return null;
}
@Override
public long getItemId(int position) {
return 0;
}
@Override
public View getView(int position, View convertView, ViewGroup parent) {
LayoutInflater inflater=getLayoutInflater();
LinearLayout item=(LinearLayout)inflater.inflate(R.layout.layout,null);
return item;
}
}
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
ListView list=(ListView)findViewById(R.id.list);
OK ok=new OK();
list.setAdapter(ok);
}
}
okok上面是我自己想的一个办法,下面这个是我的马老师上课的办法,可能有点绕,就是把适配器类和mainactivity类分开写,然后又加了一个新闻类
MainActivity类:
package com.example.lenovo.myapplication;
import android.app.Activity;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.LinearLayout;
import android.widget.ListView;
import java.util.ArrayList;
public class MainActivity extends Activity {
ArrayList<News> m_list=new ArrayList<News>();
private void initdata(){
m_list.clear();
News n1=new News();
n1.title="okok";
n1.content="cont";
m_list.add(n1);
}
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
ListView lv=(ListView)findViewById(R.id.list);
initdata();
Adapator adapator=new Adapator(this,m_list);
lv.setAdapter(adapator) ;
}
}
适配器Adapator类:
package com.example.lenovo.myapplication;
import android.app.Activity;
import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.LinearLayout;
import android.widget.TextView;
import java.util.ArrayList;
public class Adapator extends BaseAdapter {
Activity aact;
ArrayList<News> mmlist=null;
public Adapator(Activity act, ArrayList<News> list){
aact=act;
mmlist=list;
}
@Override
public int getCount() {
return mmlist.size();
}
@Override
public Object getItem(int position) {
return null;
}
@Override
public long getItemId(int position) {
return 0;
}
@Override
public View getView(int position, View convertView, ViewGroup parent) {
LayoutInflater inflater =aact.getLayoutInflater();
LinearLayout item_view = (LinearLayout)inflater.inflate(R.layout.mylist_item, null);
TextView titleTv=(TextView)item_view.findViewById(R.id.list_item_title_tv);
TextView contentTv=(TextView)item_view.findViewById(R.id.list_item_content_tv);
titleTv.setText(mmlist.get(position).title);
contentTv.setText(mmlist.get(position).content);
return item_view;
}
}
News类:
package com.example.lenovo.myapplication;
public class News {
public String title="";
public String content="";
}
mainactivity.xml:
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent" >
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent">
<ListView
android:layout_width="match_parent"
android:layout_height="match_parent"
android:id="@+id/list"></ListView>
</LinearLayout>
</LinearLayout>
列表显示的界面(mylist_item.xml):
<?xml version="1.0" encoding="UTF-8"?>
<LinearLayout android:orientation="horizontal" android:layout_height="100dp" android:layout_width="match_parent" xmlns:android="http://schemas.android.com/apk/res/android">
-<LinearLayout android:layout_height="100dp" android:layout_width="100dp">
<ImageView android:layout_height="match_parent" android:layout_width="match_parent" android:src="@drawable/ok" android:layout_margin="5dp" android:scaleType="fitXY"/>
</LinearLayout>
<LinearLayout android:orientation="vertical" android:layout_height="match_parent" android:layout_width="match_parent" android:gravity="center_vertical">
<TextView android:layout_height="wrap_content"
android:id="@+id/list_item_title_tv" android:layout_width="match_parent" android:text="西安空气质量越来越好" android:textColor="#fe080808" android:textSize="18sp"/>
<TextView android:layout_height="wrap_content"
android:id="@+id/list_item_content_tv" android:layout_width="match_parent" android:text="今天西安收获第100阁蓝天,下午" android:textColor="#fe123456" android:textSize="14sp" android:layout_marginTop="5dp"/>
</LinearLayout>
</LinearLayout>
运行如下:
我们马老师马博士还是厉害滴,里面的类关系十分巧妙,可以细细一品,下一步应该就是从网络上获取资源来显示,下次再写
|