天天看點
傳回

【layout_weight權重】Android 對Layout_weight屬性完全解析以及使用ListView來實作表格

轉載請注明出處： 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 https://code.csdn.net/snippets/111697 https://code.csdn.net/snippets/111697/fork

  1. <LinearLayout xmlns: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" >  
  6.     <TextView  
  7.         android:layout_width="wrap_content"  
  8.         android:layout_height="wrap_content"  
  9.         android:background="#0045f5"  
  10.         android:gravity="center"  
  11.         android:text="1" />  
  15.         android:background="#00ff47"  
  17.         android:text="2"   
  18.         android:layout_weight="1"/>  
  22.         android:background="#ff5600"  
  24.         android:layout_weight="1"  
  25.         android:text="3" />  
  26. </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“，然後想讓裡面的控件按比例占用大小，那麼你就大錯特錯了，為什麼呢？我們看看下面的代碼

https://code.csdn.net/snippets/111697 https://code.csdn.net/snippets/111697/fork
  17.         android:text="2222222222222222222"   

你本來想讓後面兩個TextView平均配置設定剩餘控件，可是下面的效果卻并不是你想要的，如下圖

其實因為3個TextView的寬度都是”wrap_content“，LinearLayout會先按照TextView裡面的内容配置設定好大小，由于第2個TextView内容很多，是以LinearLayout為其配置設定更多的空間，使得剩餘空間變小了，原理和上面的一樣，那麼我們在實際開發中要怎麼設定按比例配置設定呢。知道原理其實就很簡單，比如我們想要3個TextView按照1:2:3的效果

https://code.csdn.net/snippets/111697 https://code.csdn.net/snippets/111697/fork
  7.         android:layout_width="0dip"  
  19.         android:layout_weight="2"/>  
  25.         android:layout_weight="3"  

我們隻需要将3個TextView的寬度設定為0dip,首先LinearLayout為3個TextView配置設定0dip的寬度，剩餘空間就是 480 - 3 * 0 = 480dip，然後剩餘空間在按照權重配置設定，是以我們看到的效果就是1:2:3

通過上面的講解，也許你會得出一個結論，權重越大，LinearLayout為其配置設定的空間就越大，我隻能說這個結論下有點早了，我們繼續看布局

https://code.csdn.net/snippets/111697 https://code.csdn.net/snippets/111697/fork
  7.         android:layout_width="fill_parent"  
  25.         android:layout_weight="2"  

也許你會很納悶，怎麼不是你想要的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的布局

https://code.csdn.net/snippets/111697 https://code.csdn.net/snippets/111697/fork
  3.     android:orientation="vertical"  
  4.     android:layout_margin="10dip"  
  6.     android:layout_height="match_parent" >  
  7.     <include   
  8.         layout="@layout/list_item"  
  9.         android:id="@+id/table_title"/>  
  10.     <ListView  
  11.         android:id="@+id/list"  
  12.         android:divider="#f9b68b"  
  13.         android:dividerHeight="1.0dip"  
  14.         android:scrollbars="none"  
  15.         android:background="@drawable/listview_bg"  
  16.         android:cacheColorHint="@android:color/transparent"  
  17.         android:fadingEdge="none"  
  19.         android:layout_height="wrap_content" >  
  20.     </ListView>  

一個線性布局，然後就是表格的title布局，下面就是一個ListView了，很簡單的布局，接下來就是ListView每個item的布局

https://code.csdn.net/snippets/111697 https://code.csdn.net/snippets/111697/fork
  1. <?xml version="1.0" encoding="UTF-8"?>  
  3.     android:orientation="horizontal"  
  4.     android:layout_width="fill_parent"  
  5.     android:layout_height="wrap_content" >  
  7.         android:id="@+id/text_name"  
  12.         android:paddingBottom="10dip"  
  13.         android:paddingTop="10dip"  
  14.         android:text="姓名" />  
  15.     <View   
  16.         android:layout_width="1.5dip"  
  17.         android:layout_height="fill_parent"  
  18.         android:background="#f9b68b"/>  
  20.         android:id="@+id/text_sex"  
  27.         android:text="性别" />  
  28.      <View   
  33.         android:id="@+id/text_age"  
  40.         android:text="年齡" />  

3個TextView的寬度都是0dip，那兩個View是中間的分割線，3個TextView的權重比值是2:1:1 ，這樣子3個TextView不會因為裡面内容的長度而變形

[java] 

https://code.csdn.net/snippets/111697 https://code.csdn.net/snippets/111697/fork
  1. package com.example.listviewtable;  
  2. public class Person {  
  3.     private String name;  
  4.     private String sex;  
  5.     private int age;  
  6.     public Person() {  
  7.         super();  
  8.     }  
  9.     public Person(String name, String sex, int age) {  
  11.         this.name = name;  
  12.         this.sex = sex;  
  13.         this.age = age;  
  15.     public String getName() {  
  16.         return name;  
  18.     public void setName(String name) {  
  21.     public String getSex() {  
  22.         return sex;  
  24.     public void setSex(String sex) {  
  27.     public int getAge() {  
  28.         return age;  
  30.     public void setAge(int age) {  
  33. }  

用來存放ListView每個item資料的實體類

https://code.csdn.net/snippets/111697 https://code.csdn.net/snippets/111697/fork
  2. import java.util.List;  
  3. import android.content.Context;  
  4. import android.view.LayoutInflater;  
  5. import android.view.View;  
  6. import android.view.ViewGroup;  
  7. import android.widget.BaseAdapter;  
  8. import android.widget.TextView;  
  9. public class TableAdapter extends BaseAdapter {  
  10.     private List<Person> list;  
  11.     private LayoutInflater inflater;  
  12.     public TableAdapter(Context context, List<Person> list){  
  13.         this.list = list;  
  14.         inflater = LayoutInflater.from(context);  
  16.     @Override  
  17.     public int getCount() {  
  18.         return list.size();  
  21.     public Object getItem(int position) {  
  22.         return list.get(position);  
  25.     public long getItemId(int position) {  
  26.         return position;  
  29.     public View getView(int position, View convertView, ViewGroup parent) {  
  30.         Person person = (Person) this.getItem(position);  
  31.         ViewHolder viewHolder;  
  32.         if(convertView == null){  
  33.             viewHolder = new ViewHolder();  
  34.             convertView = inflater.inflate(R.layout.list_item, null);  
  35.             viewHolder.mTextName = (TextView) convertView.findViewById(R.id.text_name);  
  36.             viewHolder.mTextSex = (TextView) convertView.findViewById(R.id.text_sex);  
  37.             viewHolder.mTextAge = (TextView) convertView.findViewById(R.id.text_age);  
  38.             convertView.setTag(viewHolder);  
  39.         }else{  
  40.             viewHolder = (ViewHolder) convertView.getTag();  
  41.         }  
  42.         viewHolder.mTextName.setText(person.getName());  
  43.         viewHolder.mTextSex.setText(person.getSex());  
  44.         viewHolder.mTextAge.setText(person.getAge() + "歲");  
  45.         return convertView;  
  47.     public static class ViewHolder{  
  48.         public TextView mTextName;  
  49.         public TextView mTextSex;  
  50.         public TextView mTextAge;  

ListView的擴充卡類，代碼很簡單，我也沒有注釋也不去講解，相信大家都看得懂這些代碼，這就是一個基本的自己定義的擴充卡類，最後就是Activity界面代碼

https://code.csdn.net/snippets/111697 https://code.csdn.net/snippets/111697/fork
  2. import java.util.ArrayList;  
  4. import android.app.Activity;  
  5. import android.graphics.Color;  
  6. import android.os.Bundle;  
  8. import android.widget.ListView;  
  9. public class ListTableActivity extends Activity {  
  11.     protected void onCreate(Bundle savedInstanceState) {  
  12.         super.onCreate(savedInstanceState);  
  13.         setContentView(R.layout.activity_main);  
  14.         //設定表格标題的背景顔色  
  15.         ViewGroup tableTitle = (ViewGroup) findViewById(R.id.table_title);  
  16.         tableTitle.setBackgroundColor(Color.rgb(255, 100, 10));  
  17.         List<Person> list = new ArrayList<Person>();  
  18.         list.add(new Person("劉德華", "男", 50));  
  28.         ListView tableListView = (ListView) findViewById(R.id.list);  
  29.         TableAdapter adapter = new TableAdapter(this, list);  
  30.         tableListView.setAdapter(adapter);  

運作程式效果如下：

通過layout_weight這個屬性，我們就輕松實作了表格的功能，通過本文章相信大家對這個屬性有了深刻的了解，大家有什麼疑問可以在下面留言，我會為大家解答的

項目源碼，點選下載下傳
java android開發 listview weight完全解析 android weight完全解析 listview weight屬性 java android開發 listview weight表格
上一篇: 劍指offer例題分享--7
下一篇: 年中終結

繼續閱讀