模拟新浪微博随便看看界面布局怎么弄_虚拟背景怎么弄

(1) 2024-07-20 09:12

Hi,大家好,我是编程小6,很荣幸遇见你,我把这些年在开发过程中遇到的问题或想法写出来,今天说一说
模拟新浪微博随便看看界面布局怎么弄_虚拟背景怎么弄,希望能够帮助你!!!。

模拟新浪微博随便看看界面布局怎么弄_虚拟背景怎么弄_https://bianchenghao6.com/blog__第1张

模拟新浪微博随便看看界面布局,布局是利用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" />

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

 <include layout="@layout/title"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true" />

主布局是一个listview控件

    <ListView
        android:id="@+id/listview"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" >

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" >

    <ImageView
        android:id="@+id/imageView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/ic_launcher" />

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical" >
         <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal" >

        <TextView
            android:id="@+id/tv_name"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="TextView" />

        <TextView
            android:id="@+id/tv_time"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentRight="true"
            android:text="TextView" />

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

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

<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" >

    <ImageView
        android:id="@+id/imageView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/ic_launcher" />

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical" >
         <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal" >

        <TextView
            android:id="@+id/tv_name"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="TextView" />

        <TextView
            android:id="@+id/tv_time"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentRight="true"
            android:text="TextView" />

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

布局完成之后就是数据和利用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,"学好android有饭吃学好android有饭吃学好android有饭吃 学好android有饭吃 学好android有饭吃 学好android有饭吃 学好android有饭吃", "4分钟前");
     bokelist.add(p4);
     Boke p5=new Boke("可可5",R.drawable.p5,"", "5分钟前");
     bokelist.add(p5);
     Boke p6=new Boke("可可6",R.drawable.p6," 学好android有饭吃 学好android有饭吃 学好android有饭吃 学好android有饭吃   学好android有饭吃  学好android有饭吃  学好android有饭吃", "6分钟前");
     bokelist.add(p6);
     Boke p7=new Boke("可可7",R.drawable.p7,"", "7分钟前");
     bokelist.add(p7);
     Boke p8=new Boke("可可8",R.drawable.p8,"", "8分钟前");
     bokelist.add(p8);
     Boke p9=new Boke("可可9",R.drawable.p9,"  学好android有饭吃  学好android有饭吃 学好android有饭吃 学好android有饭吃 学好android有饭吃  学好android有饭吃  学好android有饭吃", "9分钟前");
     bokelist.add(p9);
     Boke p10=new Boke("可可10",R.drawable.p10,"", "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);执行

今天的分享到此就结束了,感谢您的阅读,如果确实帮到您,您可以动动手指转发给其他人。

上一篇

已是最后文章

下一篇

已是最新文章

发表回复