模拟新浪微博随便看看界面布局

来源：互联网发布：电脑桌面有什么软件编辑：程序博客网时间：2024/05/17 03:12

模拟新浪微博随便看看界面布局，布局是利用listview控件，利用adapter使数据和空加你绑定到一起，由于只是为了模仿布局，因此数据是利用List集合设定好的。

布局：布局中标题栏的样式是新建的一个xml文件

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical"
    android:background="#D2691E" >
<TextView
            android:id="@+id/textView1"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:text="@string/tv_title" />

在主布局中引用这个标题栏

主布局是一个listview控件

listview控件中还需要一个显示数据的小布局，我是又创建了一个xml文件，在这个布局中我使用了布局嵌套。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/LinearLayout2"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="horizontal" >

    </RelativeLayout>
    <TextView
            android:id="@+id/tv_content"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="TextView" />
    </LinearLayout>
  </LinearLayout>

界面是有两个xml文件组成：第一个是listview组件，另一个是显示的布局

布局完成之后就是数据和利用adapter使数据和布局链接起来。

数据是利用List集合，创建了一个boke类和创建了一个boke方法添加数据到集合中

public class Boke {
private String name;
private int id;
private String content;
private String time;

public Boke(String name,int id,String content,String time){
  super();
  this.name=name;
  this.id=id;
  this.content=content;
  this.time=time;

}
public String getName() {
  return name;
}
public void setName(String name) {
  this.name = name;
}
public int getId() {
  return id;
}
public void setId(int id) {
  this.id = id;
}
public String getContent() {
  return content;
}
public void setContent(String content) {
  this.content = content;
}
public String getTime() {
  return time;
}
public void setTime(String time) {
  this.time = time;
}

}

private void boke(){
    Boke p1=new Boke("可可1",R.drawable.p1,"android UI Listview", "1分钟前");
    bokelist.add(p1);
    Boke p2=new Boke("可可2",R.drawable.p2,"学好android有饭吃", "2分钟前");
    bokelist.add(p2);
    Boke p3=new Boke("可可3",R.drawable.p3,"楼上说的对", "3分钟前");
    bokelist.add(p3);
    Boke p4=new Boke("可可4",R.drawable.p4,"123456798学好android有饭吃学好android有饭吃学好android有饭吃学好android有饭吃学好android有饭吃学好android有饭吃学好android有饭吃", "4分钟前");
    bokelist.add(p4);
    Boke p5=new Boke("可可5",R.drawable.p5,"123456798", "5分钟前");
    bokelist.add(p5);
    Boke p6=new Boke("可可6",R.drawable.p6,"123456798 学好android有饭吃学好android有饭吃学好android有饭吃学好android有饭吃   学好android有饭吃学好android有饭吃学好android有饭吃", "6分钟前");
    bokelist.add(p6);
    Boke p7=new Boke("可可7",R.drawable.p7,"123456798", "7分钟前");
    bokelist.add(p7);
    Boke p8=new Boke("可可8",R.drawable.p8,"123456798", "8分钟前");
    bokelist.add(p8);
    Boke p9=new Boke("可可9",R.drawable.p9,"123456798 学好android有饭吃学好android有饭吃学好android有饭吃学好android有饭吃学好android有饭吃学好android有饭吃学好android有饭吃", "9分钟前");
    bokelist.add(p9);
    Boke p10=new Boke("可可10",R.drawable.p10,"123456798", "10分钟前");
    bokelist.add(p10);
    }

最后是利用adapter把数据和布局连接在一起，创建了一个继承于ArrayAdapter的adapterboke类，并创建了adapterboke方法和getView方法把数据与布局连接到一起

主类中:

adapterboke adapter=new adapterboke(this,R.id.listview,bokelist);向adapterboke

adapterboke类中：

public adapterboke(Context context,int textViewResourceId,List<Boke>bokelist) {
super(context,textViewResourceId,bokelist);
// TODO Auto-generated constructor stub
}

public View getView(int position, View convertView, ViewGroup parent) {
  // TODO Auto-generated method stub
  Boke boke=(Boke) getItem(position);
  ViewHolder viewholder=new ViewHolder();
  if(convertView==null){                                   //如果convertView为空,则需要获取控件Id
   convertView=LayoutInflater.from(getContext()).inflate(R.layout.list_item, null);
   viewholder.imageboke=(ImageView)convertView.findViewById(R.id.imageView1);
   viewholder.name=(TextView) convertView.findViewById(R.id.tv_name);
   viewholder.content=(TextView) convertView.findViewById(R.id.tv_content);
   viewholder.createTime=(TextView) convertView.findViewById(R.id.tv_time);

   convertView.setTag(viewholder);

  }else {                                                           //如果convertView不为空，则不需要再获取控件Id
   viewholder=(ViewHolder) convertView.getTag();
  }

  viewholder.imageboke.setImageResource(boke.getId());
  viewholder.name.setText(boke.getName());
  viewholder.content.setText(boke.getContent());
  viewholder.createTime.setText(boke.getTime());
  return convertView;
}
class ViewHolder
    {
  ImageView imageboke;
        TextView name;
        TextView content;
        TextView createTime;
    }

ViewHolder的作用是缓存机制，避免每次滑动屏幕都需要获取控件Id.

最后通过 listview.setAdapter(adapter);执行

0 0