欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识！
您现在的位置是： 首页  >  移动技术

Android应用中通过Layout_weight属性用ListView实现表格

程序员文章站 2024-03-31 13:47:22
今天主要说的是对layout_weight属性的完全解析，以及利用layout_weight这个属性使用listview来实现表格的效果，我们都知道android里面专门有...

今天主要说的是对layout_weight属性的完全解析，以及利用layout_weight这个属性使用listview来实现表格的效果，我们都知道android里面专门有一个tablelayout来实现表格的，说实话，我平常开发中用tablelayout还是比较少的，几乎没有用到，我们完全可以用linearlayout和relativelayout来代替tablelayout的使用，自己开发中主要使用linearlayout，relativelayout这两种布局，不过刚开始我还是偏爱于relativelayout，因为在relativelayout里面我们可以直接拖拽控件来布局，比较方便，现在对这两种布局偏爱各半吧，linearlayout里面有一个属性android:layout_weight比较重要，我们在开发中常常使用它来调节界面效果，也行很多人还不了解这个属性的使用，不过没关系，我首先先带大家理解android:layout_weight属性然后在利用它来实现一个表格效果
layout_weight属性
android:layout_weight是指linearlayout先给里面的控件分配完大小之后剩余空间的权重，也许你暂时还是摸不到头脑，不过没有关系，下面我通过例子来解释layout_weight到底是什么意思，先看下面的布局文件，一个linearlayout,里面3个文本框

<linearlayout xmlns:android="http://schemas.android.com/apk/res/android" 
  xmlns:tools="http://schemas.android.com/tools" 
  android:layout_width="match_parent" 
  android:layout_height="match_parent" 
  android:orientation="horizontal" > 
 
  <textview 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:background="#0045f5" 
    android:gravity="center" 
    android:text="1" /> 
 
  <textview 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:background="#00ff47" 
    android:gravity="center" 
    android:text="2"  
    android:layout_weight="1"/> 
 
  <textview 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:background="#ff5600" 
    android:gravity="center" 
    android:layout_weight="1" 
    android:text="3" /> 
 
</linearlayout>

Android应用中通过Layout_weight属性用ListView实现表格

为什么效果是这个样子呢，首先3个文本框的宽度都是“wrap_content”，根据视图内部内容自动扩展，linearlayout就先给3个textview分配空间适当的空间大小，假设为每个textview分配10dip的宽度，屏幕的宽度为480dip, 那么linearlayout的剩余空间就是 480 - 3*10 = 450dip，由于第一个textview没有设置layout_weight，所以它的宽度就是10dip,而后面两个textview设置layout_weight都是1，所以后面两个textview就平均分配linearlayout的剩余空间，即为 450 / 2  = 225dip，所以后面两个textview的宽度为10 + 225 = 235dip

如果我们实际开发中，你设置里面控件的宽度为”wrap_content“，然后想让里面的控件按比例占用大小，那么你就大错特错了，为什么呢？我们看看下面的代码

<linearlayout xmlns:android="http://schemas.android.com/apk/res/android" 
  xmlns:tools="http://schemas.android.com/tools" 
  android:layout_width="match_parent" 
  android:layout_height="match_parent" 
  android:orientation="horizontal" > 
 
  <textview 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:background="#0045f5" 
    android:gravity="center" 
    android:text="1" /> 
 
  <textview 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:background="#00ff47" 
    android:gravity="center" 
    android:text="2222222222222222222"  
    android:layout_weight="1"/> 
 
  <textview 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:background="#ff5600" 
    android:gravity="center" 
    android:layout_weight="1" 
    android:text="3" /> 
</linearlayout>

你本来想让后面两个textview平均分配剩余控件，可是下面的效果却并不是你想要的，如下图

Android应用中通过Layout_weight属性用ListView实现表格

其实因为3个textview的宽度都是”wrap_content“，linearlayout会先按照textview里面的内容分配好大小，由于第2个textview内容很多，所以linearlayout为其分配更多的空间，使得剩余空间变小了，原理和上面的一样，那么我们在实际开发中要怎么设置按比例分配呢。知道原理其实就很简单，比如我们想要3个textview按照1:2:3的效果

<linearlayout xmlns:android="http://schemas.android.com/apk/res/android" 
  xmlns:tools="http://schemas.android.com/tools" 
  android:layout_width="match_parent" 
  android:layout_height="match_parent" 
  android:orientation="horizontal" > 
 
  <textview 
    android:layout_width="0dip" 
    android:layout_height="wrap_content" 
    android:background="#0045f5" 
    android:gravity="center" 
    android:layout_weight="1" 
    android:text="1" /> 
 
  <textview 
    android:layout_width="0dip" 
    android:layout_height="wrap_content" 
    android:background="#00ff47" 
    android:gravity="center" 
    android:text="2222222222222222222"  
    android:layout_weight="2"/> 
 
  <textview 
    android:layout_width="0dip" 
    android:layout_height="wrap_content" 
    android:background="#ff5600" 
    android:gravity="center" 
    android:layout_weight="3" 
    android:text="3" /> 
</linearlayout>

Android应用中通过Layout_weight属性用ListView实现表格

我们只需要将3个textview的宽度设置为0dip,首先linearlayout为3个textview分配0dip的宽度，剩余空间就是 480 - 3 * 0 = 480dip，然后剩余空间在按照权重分配，所以我们看到的效果就是1:2:3

通过上面的讲解，也许你会得出一个结论，权重越大，linearlayout为其分配的空间就越大，我只能说这个结论下有点早了，我们继续看布局

<linearlayout xmlns:android="http://schemas.android.com/apk/res/android" 
  xmlns:tools="http://schemas.android.com/tools" 
  android:layout_width="match_parent" 
  android:layout_height="match_parent" 
  android:orientation="horizontal" > 
 
  <textview 
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content" 
    android:background="#0045f5" 
    android:gravity="center" 
    android:layout_weight="1" 
    android:text="1" /> 
 
  <textview 
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content" 
    android:background="#00ff47" 
    android:gravity="center" 
    android:text="2"  
    android:layout_weight="2"/> 
 
  <textview 
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content" 
    android:background="#ff5600" 
    android:gravity="center" 
    android:layout_weight="2" 
    android:text="3" /> 
</linearlayout>

Android应用中通过Layout_weight属性用ListView实现表格

也许你会很纳闷，怎么不是你想要的1:2:2的效果，我来为你解决疑惑吧，原理跟上面的还是一样的，因为我们这里为每个textview设置的宽度为”fill_parent",即为充满整个linearlayout，假如屏幕依然为480dip， 首先linearlayout为3个textview分配的宽度为480dip，屏幕剩余宽度为 480 - 3* 480 = -960dip,然后3个textview按照权重分配剩余空间，第一个textview分配宽度为 480 + (-960) * (1/5) = 288dip,后面两个textview就为480 + (-960) * (2/5) = 96dip，比例为3:1:1

通过上面的例子和分析，你是不是对layout_weight属性理解很透彻了呢，如果我们想要按照权重比例来分配linearlayout,我们需要将其宽度设置为0dip，如果我们将其宽度设置为“fill_parent"的时候，其控件所占的比例不是权重的比例，我们需要自行计算比例

实现表格
接下来我们就通过layout_weight用listview来实现表格，我们先看activity的布局

<linearlayout xmlns:android="http://schemas.android.com/apk/res/android" 
  xmlns:tools="http://schemas.android.com/tools" 
  android:orientation="vertical" 
  android:layout_margin="10dip" 
  android:layout_width="match_parent" 
  android:layout_height="match_parent" > 
   
  <include  
    layout="@layout/list_item" 
    android:id="@+id/table_title"/> 
 
  <listview 
    android:id="@+id/list" 
    android:divider="#f9b68b" 
    android:dividerheight="1.0dip" 
    android:scrollbars="none" 
    android:background="@drawable/listview_bg" 
    android:cachecolorhint="@android:color/transparent" 
    android:fadingedge="none" 
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content" > 
  </listview> 
 
</linearlayout>

一个线性布局，然后就是表格的title布局，下面就是一个listview了，很简单的布局，接下来就是listview每个item的布局

<?xml version="1.0" encoding="utf-8"?> 
<linearlayout xmlns:android="http://schemas.android.com/apk/res/android" 
  android:orientation="horizontal" 
  android:layout_width="fill_parent" 
  android:layout_height="wrap_content" > 
 
  <textview 
    android:id="@+id/text_name" 
    android:layout_width="0dip" 
    android:layout_height="wrap_content" 
    android:layout_weight="2" 
    android:gravity="center" 
    android:paddingbottom="10dip" 
    android:paddingtop="10dip" 
    android:text="姓名" /> 
   
  <view  
    android:layout_width="1.5dip" 
    android:layout_height="fill_parent" 
    android:background="#f9b68b"/> 
 
  <textview 
    android:id="@+id/text_sex" 
    android:layout_width="0dip" 
    android:layout_height="wrap_content" 
    android:layout_weight="1" 
    android:paddingbottom="10dip" 
    android:paddingtop="10dip" 
    android:gravity="center" 
    android:text="性别" /> 
   
   <view  
    android:layout_width="1.5dip" 
    android:layout_height="fill_parent" 
    android:background="#f9b68b"/> 
 
  <textview 
    android:id="@+id/text_age" 
    android:layout_width="0dip" 
    android:layout_height="wrap_content" 
    android:layout_weight="1" 
    android:paddingbottom="10dip" 
    android:paddingtop="10dip" 
    android:gravity="center" 
    android:text="年龄" /> 
 
</linearlayout>

3个textview的宽度都是0dip，那两个view是中间的分割线，3个textview的权重比值是2:1:1 ，这样子3个textview不会因为里面内容的长度而变形

package com.example.listviewtable; 
 
public class person { 
  private string name; 
  private string sex; 
  private int age; 
   
  public person() { 
    super(); 
  } 
   
  public person(string name, string sex, int age) { 
    super(); 
    this.name = name; 
    this.sex = sex; 
    this.age = age; 
  } 
  public string getname() { 
    return name; 
  } 
  public void setname(string name) { 
    this.name = name; 
  } 
  public string getsex() { 
    return sex; 
  } 
  public void setsex(string sex) { 
    this.sex = sex; 
  } 
  public int getage() { 
    return age; 
  } 
  public void setage(int age) { 
    this.age = age; 
  } 
   
   
}

用来存放listview每个item数据的实体类

package com.example.listviewtable; 
 
import java.util.list; 
 
import android.content.context; 
import android.view.layoutinflater; 
import android.view.view; 
import android.view.viewgroup; 
import android.widget.baseadapter; 
import android.widget.textview; 
 
public class tableadapter extends baseadapter { 
  private list<person> list; 
  private layoutinflater inflater; 
   
  public tableadapter(context context, list<person> list){ 
    this.list = list; 
    inflater = layoutinflater.from(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; 
  } 
 
  @override 
  public view getview(int position, view convertview, viewgroup parent) { 
    person person = (person) this.getitem(position); 
    viewholder viewholder; 
    if(convertview == null){ 
      viewholder = new viewholder(); 
      convertview = inflater.inflate(r.layout.list_item, null); 
      viewholder.mtextname = (textview) convertview.findviewbyid(r.id.text_name); 
      viewholder.mtextsex = (textview) convertview.findviewbyid(r.id.text_sex); 
      viewholder.mtextage = (textview) convertview.findviewbyid(r.id.text_age); 
      convertview.settag(viewholder); 
    }else{ 
      viewholder = (viewholder) convertview.gettag(); 
    } 
     
    viewholder.mtextname.settext(person.getname()); 
    viewholder.mtextsex.settext(person.getsex()); 
    viewholder.mtextage.settext(person.getage() + "岁"); 
     
     
    return convertview; 
  } 
   
  public static class viewholder{ 
    public textview mtextname; 
    public textview mtextsex; 
    public textview mtextage; 
     
  } 
 
}

listview的适配器类，代码很简单，我也没有注释也不去讲解，相信大家都看得懂这些代码，这就是一个基本的自己定义的适配器类，最后就是activity界面代码

package com.example.listviewtable; 
 
import java.util.arraylist; 
import java.util.list; 
 
import android.app.activity; 
import android.graphics.color; 
import android.os.bundle; 
import android.view.viewgroup; 
import android.widget.listview; 
 
public class listtableactivity extends activity { 
 
  @override 
  protected void oncreate(bundle savedinstancestate) { 
    super.oncreate(savedinstancestate); 
    setcontentview(r.layout.activity_main); 
     
    //设置表格标题的背景颜色 
    viewgroup tabletitle = (viewgroup) findviewbyid(r.id.table_title); 
    tabletitle.setbackgroundcolor(color.rgb(255, 100, 10)); 
     
    list<person> list = new arraylist<person>(); 
    list.add(new person("刘德华", "男", 50)); 
    list.add(new person("刘德华", "男", 50)); 
    list.add(new person("刘德华", "男", 50)); 
    list.add(new person("刘德华", "男", 50)); 
    list.add(new person("刘德华", "男", 50)); 
    list.add(new person("刘德华", "男", 50)); 
    list.add(new person("刘德华", "男", 50)); 
    list.add(new person("刘德华", "男", 50)); 
    list.add(new person("刘德华", "男", 50)); 
    list.add(new person("刘德华", "男", 50)); 
     
    listview tablelistview = (listview) findviewbyid(r.id.list); 
    tableadapter adapter = new tableadapter(this, list); 
    tablelistview.setadapter(adapter); 
  } 
 
 
}

运行程序效果如下：

Android应用中通过Layout_weight属性用ListView实现表格

通过layout_weight这个属性，我们就轻松实现了表格的功能，通过本文章相信大家对这个属性有了深刻的理解。

上一篇： java动态添加外部jar包到classpath的实例详解

下一篇： 详解Java中Hibernate的基本原理

推荐阅读