转载请注明出处：http://blog.csdn.net/xiaanming/article/details/13630837

今天主要说的是对Layout_weight属性的完全解析，以及利用Layout_weight这个属性使用ListView来实现表格的效果，我们都知道Android里面专门有一个TableLayout来实现表格的，说实话，我平常开发中用TableLayout还是比较少的，几乎没有用到，我们完全可以用LinearLayout和RelativeLayout来代替TableLayout的使用，自己开发中主要使用LinearLayout，RelativeLayout这两种布局，不过刚开始我还是偏爱于RelativeLayout，因为在RelativeLayout里面我们可以直接拖拽控件来布局，比较方便，现在对这两种布局偏爱各半吧，LinearLayout里面有一个属性android:layout_weight比较重要，我们在开发中常常使用它来调节界面效果，也行很多人还不了解这个属性的使用，不过没关系，我首先先带大家理解android:layout_weight属性然后在利用它来实现一个表格效果

android:layout_weight是指LinearLayout先给里面的控件分配完大小之后剩余空间的权重，也许你暂时还是摸不到头脑，不过没有关系，下面我通过例子来解释layout_weight到底是什么意思，先看下面的布局文件，一个LinearLayout,里面3个文本框

[html] view plain copy

1. <LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"
2. xmlns:tools="http://schemas.android.com/tools"
3. android:layout_width="match_parent"
4. android:layout_height="match_parent"
5. android:orientation="horizontal">
7. <TextView
8. android:layout_width="wrap_content"
9. android:layout_height="wrap_content"
10. android:background="#0045f5"
11. android:gravity="center"
12. android:text="1"/>
14. <TextView
15. android:layout_width="wrap_content"
16. android:layout_height="wrap_content"
17. android:background="#00ff47"
18. android:gravity="center"
19. android:text="2"
20. android:layout_weight="1"/>
22. <TextView
23. android:layout_width="wrap_content"
24. android:layout_height="wrap_content"
25. android:background="#ff5600"
26. android:gravity="center"
27. android:layout_weight="1"
28. android:text="3"/>
30. </LinearLayout>

为什么效果是这个样子呢，首先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“，然后想让里面的控件按比例占用大小，那么你就大错特错了，为什么呢？我们看看下面的代码

[html] view plain copy

1. <LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"
2. xmlns:tools="http://schemas.android.com/tools"
3. android:layout_width="match_parent"
4. android:layout_height="match_parent"
5. android:orientation="horizontal">
7. <TextView
8. android:layout_width="wrap_content"
9. android:layout_height="wrap_content"
10. android:background="#0045f5"
11. android:gravity="center"
12. android:text="1"/>
14. <TextView
15. android:layout_width="wrap_content"
16. android:layout_height="wrap_content"
17. android:background="#00ff47"
18. android:gravity="center"
19. android:text="2222222222222222222"
20. android:layout_weight="1"/>
22. <TextView
23. android:layout_width="wrap_content"
24. android:layout_height="wrap_content"
25. android:background="#ff5600"
26. android:gravity="center"
27. android:layout_weight="1"
28. android:text="3"/>
29. </LinearLayout>

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

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

[html] view plain copy

1. <LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"
2. xmlns:tools="http://schemas.android.com/tools"
3. android:layout_width="match_parent"
4. android:layout_height="match_parent"
5. android:orientation="horizontal">
7. <TextView
8. android:layout_width="0dip"
9. android:layout_height="wrap_content"
10. android:background="#0045f5"
11. android:gravity="center"
12. android:layout_weight="1"
13. android:text="1"/>
15. <TextView
16. android:layout_width="0dip"
17. android:layout_height="wrap_content"
18. android:background="#00ff47"
19. android:gravity="center"
20. android:text="2222222222222222222"
21. android:layout_weight="2"/>
23. <TextView
24. android:layout_width="0dip"
25. android:layout_height="wrap_content"
26. android:background="#ff5600"
27. android:gravity="center"
28. android:layout_weight="3"
29. android:text="3"/>
30. </LinearLayout>

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

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

[html] view plain copy

1. <LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"
2. xmlns:tools="http://schemas.android.com/tools"
3. android:layout_width="match_parent"
4. android:layout_height="match_parent"
5. android:orientation="horizontal">
7. <TextView
8. android:layout_width="fill_parent"
9. android:layout_height="wrap_content"
10. android:background="#0045f5"
11. android:gravity="center"
12. android:layout_weight="1"
13. android:text="1"/>
15. <TextView
16. android:layout_width="fill_parent"
17. android:layout_height="wrap_content"
18. android:background="#00ff47"
19. android:gravity="center"
20. android:text="2"
21. android:layout_weight="2"/>
23. <TextView
24. android:layout_width="fill_parent"
25. android:layout_height="wrap_content"
26. android:background="#ff5600"
27. android:gravity="center"
28. android:layout_weight="2"
29. android:text="3"/>
30. </LinearLayout>

也许你会很纳闷，怎么不是你想要的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的布局

[html] view plain copy

1. <LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"
2. xmlns:tools="http://schemas.android.com/tools"
3. android:orientation="vertical"
4. android:layout_margin="10dip"
5. android:layout_width="match_parent"
6. android:layout_height="match_parent">
8. <include
9. layout="@layout/list_item"
10. android:id="@+id/table_title"/>
12. <ListView
13. android:id="@+id/list"
14. android:divider="#f9b68b"
15. android:dividerHeight="1.0dip"
16. android:scrollbars="none"
17. android:background="@drawable/listview_bg"
18. android:cacheColorHint="@android:color/transparent"
19. android:fadingEdge="none"
20. android:layout_width="fill_parent"
21. android:layout_height="wrap_content">
22. </ListView>
24. </LinearLayout>

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

[html] view plain copy

1. <?xmlversion="1.0"encoding="UTF-8"?>
2. <LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"
3. android:orientation="horizontal"
4. android:layout_width="fill_parent"
5. android:layout_height="wrap_content">
7. <TextView
8. android:id="@+id/text_name"
9. android:layout_width="0dip"
10. android:layout_height="wrap_content"
11. android:layout_weight="2"
12. android:gravity="center"
13. android:paddingBottom="10dip"
14. android:paddingTop="10dip"
15. android:text="姓名"/>
17. <View
18. android:layout_width="1.5dip"
19. android:layout_height="fill_parent"
20. android:background="#f9b68b"/>
22. <TextView
23. android:id="@+id/text_sex"
24. android:layout_width="0dip"
25. android:layout_height="wrap_content"
26. android:layout_weight="1"
27. android:paddingBottom="10dip"
28. android:paddingTop="10dip"
29. android:gravity="center"
30. android:text="性别"/>
32. <View
33. android:layout_width="1.5dip"
34. android:layout_height="fill_parent"
35. android:background="#f9b68b"/>
37. <TextView
38. android:id="@+id/text_age"
39. android:layout_width="0dip"
40. android:layout_height="wrap_content"
41. android:layout_weight="1"
42. android:paddingBottom="10dip"
43. android:paddingTop="10dip"
44. android:gravity="center"
45. android:text="年龄"/>
47. </LinearLayout>

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

[java] view plain copy

1. packagecom.example.listviewtable;
3. publicclassPerson{
4. privateStringname;
5. privateStringsex;
6. privateintage;
8. publicPerson(){
9. super();
10. }
12. publicPerson(Stringname,Stringsex,intage){
13. super();
14. this.name=name;
15. this.sex=sex;
16. this.age=age;
17. }
18. publicStringgetName(){
19. returnname;
20. }
21. publicvoidsetName(Stringname){
22. this.name=name;
23. }
24. publicStringgetSex(){
25. returnsex;
26. }
27. publicvoidsetSex(Stringsex){
28. this.sex=sex;
29. }
30. publicintgetAge(){
31. returnage;
32. }
33. publicvoidsetAge(intage){
34. this.age=age;
35. }
38. }

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

[java] view plain copy

1. packagecom.example.listviewtable;
3. importjava.util.List;
5. importandroid.content.Context;
6. importandroid.view.LayoutInflater;
7. importandroid.view.View;
8. importandroid.view.ViewGroup;
9. importandroid.widget.BaseAdapter;
10. importandroid.widget.TextView;
12. publicclassTableAdapterextendsBaseAdapter{
13. privateList<Person>list;
14. privateLayoutInflaterinflater;
16. publicTableAdapter(Contextcontext,List<Person>list){
17. this.list=list;
18. inflater=LayoutInflater.from(context);
19. }
21. @Override
22. publicintgetCount(){
23. returnlist.size();
24. }
26. @Override
27. publicObjectgetItem(intposition){
28. returnlist.get(position);
29. }
31. @Override
32. publiclonggetItemId(intposition){
33. returnposition;
34. }
36. @Override
37. publicViewgetView(intposition,ViewconvertView,ViewGroupparent){
38. Personperson=(Person)this.getItem(position);
39. ViewHolderviewHolder;
40. if(convertView==null){
41. viewHolder=newViewHolder();
42. convertView=inflater.inflate(R.layout.list_item,null);
43. viewHolder.mTextName=(TextView)convertView.findViewById(R.id.text_name);
44. viewHolder.mTextSex=(TextView)convertView.findViewById(R.id.text_sex);
45. viewHolder.mTextAge=(TextView)convertView.findViewById(R.id.text_age);
46. convertView.setTag(viewHolder);
47. }else{
48. viewHolder=(ViewHolder)convertView.getTag();
49. }
51. viewHolder.mTextName.setText(person.getName());
52. viewHolder.mTextSex.setText(person.getSex());
53. viewHolder.mTextAge.setText(person.getAge()+"岁");
56. returnconvertView;
57. }
59. publicstaticclassViewHolder{
60. publicTextViewmTextName;
61. publicTextViewmTextSex;
62. publicTextViewmTextAge;
64. }
66. }

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

[java] view plain copy

1. packagecom.example.listviewtable;
3. importjava.util.ArrayList;
4. importjava.util.List;
6. importandroid.app.Activity;
7. importandroid.graphics.Color;
8. importandroid.os.Bundle;
9. importandroid.view.ViewGroup;
10. importandroid.widget.ListView;
12. publicclassListTableActivityextendsActivity{
14. @Override
15. protectedvoidonCreate(BundlesavedInstanceState){
16. super.onCreate(savedInstanceState);
17. setContentView(R.layout.activity_main);
19. //设置表格标题的背景颜色
20. ViewGrouptableTitle=(ViewGroup)findViewById(R.id.table_title);
21. tableTitle.setBackgroundColor(Color.rgb(255,100,10));
23. List<Person>list=newArrayList<Person>();
24. list.add(newPerson("刘德华","男",50));
25. list.add(newPerson("刘德华","男",50));
26. list.add(newPerson("刘德华","男",50));
27. list.add(newPerson("刘德华","男",50));
28. list.add(newPerson("刘德华","男",50));
29. list.add(newPerson("刘德华","男",50));
30. list.add(newPerson("刘德华","男",50));
31. list.add(newPerson("刘德华","男",50));
32. list.add(newPerson("刘德华","男",50));
33. list.add(newPerson("刘德华","男",50));
35. ListViewtableListView=(ListView)findViewById(R.id.list);
36. TableAdapteradapter=newTableAdapter(this,list);
37. tableListView.setAdapter(adapter);
38. }
41. }

运行程序效果如下：

通过layout_weight这个属性，我们就轻松实现了表格的功能，通过本文章相信大家对这个属性有了深刻的理解，大家有什么疑问可以在下面留言，我会为大家解答的
项目源码，点击下载

更多相关文章

1. android横竖屏 用法总结
2. Android(安卓): 控制图片如何resized/moved来匹对ImageView的siz
3. Android大图轮播-学习笔记
4. android 设置界面
5. Android布局方式(AbsoluteLayout)学习
6. 隐藏Listview和RecyclerView 滑动边界的阴影，去除滚动条加分隔线
7. Android之Weight属性源码解析
8. Android进阶(一)View体系
9. Adapter

随机推荐

1. android 应用程序包文件 (APK)
2. android 开发规范
3. Linux手机打电话代码分析
4. YUV420图像旋转90算法的优化
5. 如何让android 支持多种屏幕尺寸
6. Android事件分发机制完全解析，带你从源码
7. Android学习总结
8. Android常用Layout源码总结—FrameLayout
9. AndroidX终极迁移指南
10. 全球开发者：iOS、Android、WP哪个最赚钱？