欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Android應(yīng)用中通過(guò)Layout_weight屬性用ListView實(shí)現(xiàn)表格

 更新時(shí)間:2016年04月05日 16:30:10   作者:xiaanming  
這篇文章主要介紹了Android應(yīng)用中通過(guò)Layout_weight屬性用ListView實(shí)現(xiàn)表格的方法,文中對(duì)Layout_weight屬性先有一個(gè)較為詳細(xì)的解釋,需要的朋友可以參考下

今天主要說(shuō)的是對(duì)Layout_weight屬性的完全解析,以及利用Layout_weight這個(gè)屬性使用ListView來(lái)實(shí)現(xiàn)表格的效果,我們都知道Android里面專(zhuān)門(mén)有一個(gè)TableLayout來(lái)實(shí)現(xiàn)表格的,說(shuō)實(shí)話,我平常開(kāi)發(fā)中用TableLayout還是比較少的,幾乎沒(méi)有用到,我們完全可以用LinearLayout和RelativeLayout來(lái)代替TableLayout的使用,自己開(kāi)發(fā)中主要使用LinearLayout,RelativeLayout這兩種布局,不過(guò)剛開(kāi)始我還是偏愛(ài)于RelativeLayout,因?yàn)樵赗elativeLayout里面我們可以直接拖拽控件來(lái)布局,比較方便,現(xiàn)在對(duì)這兩種布局偏愛(ài)各半吧,LinearLayout里面有一個(gè)屬性android:layout_weight比較重要,我們?cè)陂_(kāi)發(fā)中常常使用它來(lái)調(diào)節(jié)界面效果,也行很多人還不了解這個(gè)屬性的使用,不過(guò)沒(méi)關(guān)系,我首先先帶大家理解android:layout_weight屬性然后在利用它來(lái)實(shí)現(xiàn)一個(gè)表格效果
Layout_weight屬性
android:layout_weight是指LinearLayout先給里面的控件分配完大小之后剩余空間的權(quán)重,也許你暫時(shí)還是摸不到頭腦,不過(guò)沒(méi)有關(guān)系,下面我通過(guò)例子來(lái)解釋layout_weight到底是什么意思,先看下面的布局文件,一個(gè)LinearLayout,里面3個(gè)文本框

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

201645162758268.jpg (298×97)

為什么效果是這個(gè)樣子呢,首先3個(gè)文本框的寬度都是“wrap_content”,根據(jù)視圖內(nèi)部?jī)?nèi)容自動(dòng)擴(kuò)展,LinearLayout就先給3個(gè)TextView分配空間適當(dāng)?shù)目臻g大小,假設(shè)為每個(gè)TextView分配10dip的寬度,屏幕的寬度為480dip, 那么LinearLayout的剩余空間就是 480 - 3*10 = 450dip,由于第一個(gè)TextView沒(méi)有設(shè)置layout_weight,所以它的寬度就是10dip,而后面兩個(gè)TextView設(shè)置layout_weight都是1,所以后面兩個(gè)TextView就平均分配LinearLayout的剩余空間,即為 450 / 2  = 225dip,所以后面兩個(gè)TextView的寬度為10 + 225 = 235dip

如果我們實(shí)際開(kāi)發(fā)中,你設(shè)置里面控件的寬度為”wrap_content“,然后想讓里面的控件按比例占用大小,那么你就大錯(cuò)特錯(cuò)了,為什么呢?我們看看下面的代碼

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

你本來(lái)想讓后面兩個(gè)TextView平均分配剩余控件,可是下面的效果卻并不是你想要的,如下圖

201645162835339.jpg (296×110)

其實(shí)因?yàn)?個(gè)TextView的寬度都是”wrap_content“,LinearLayout會(huì)先按照TextView里面的內(nèi)容分配好大小,由于第2個(gè)TextView內(nèi)容很多,所以LinearLayout為其分配更多的空間,使得剩余空間變小了,原理和上面的一樣,那么我們?cè)趯?shí)際開(kāi)發(fā)中要怎么設(shè)置按比例分配呢。知道原理其實(shí)就很簡(jiǎn)單,比如我們想要3個(gè)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> 

201645162903431.jpg (294×119)

我們只需要將3個(gè)TextView的寬度設(shè)置為0dip,首先LinearLayout為3個(gè)TextView分配0dip的寬度,剩余空間就是 480 - 3 * 0 = 480dip,然后剩余空間在按照權(quán)重分配,所以我們看到的效果就是1:2:3

通過(guò)上面的講解,也許你會(huì)得出一個(gè)結(jié)論,權(quán)重越大,LinearLayout為其分配的空間就越大,我只能說(shuō)這個(gè)結(jié)論下有點(diǎn)早了,我們繼續(xù)看布局

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

201645162926638.jpg (296×98)

也許你會(huì)很納悶,怎么不是你想要的1:2:2的效果,我來(lái)為你解決疑惑吧,原理跟上面的還是一樣的,因?yàn)槲覀冞@里為每個(gè)TextView設(shè)置的寬度為”fill_parent",即為充滿整個(gè)LinearLayout,假如屏幕依然為480dip, 首先LinearLayout為3個(gè)TextView分配的寬度為480dip,屏幕剩余寬度為 480 - 3* 480 = -960dip,然后3個(gè)TextView按照權(quán)重分配剩余空間,第一個(gè)TextView分配寬度為 480 + (-960) * (1/5) = 288dip,后面兩個(gè)TextView就為480 + (-960) * (2/5) = 96dip,比例為3:1:1

通過(guò)上面的例子和分析,你是不是對(duì)Layout_weight屬性理解很透徹了呢,如果我們想要按照權(quán)重比例來(lái)分配LinearLayout,我們需要將其寬度設(shè)置為0dip,如果我們將其寬度設(shè)置為“fill_parent"的時(shí)候,其控件所占的比例不是權(quán)重的比例,我們需要自行計(jì)算比例

實(shí)現(xiàn)表格
接下來(lái)我們就通過(guò)Layout_weight用ListView來(lái)實(shí)現(xiàn)表格,我們先看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> 

一個(gè)線性布局,然后就是表格的title布局,下面就是一個(gè)ListView了,很簡(jiǎn)單的布局,接下來(lái)就是ListView每個(gè)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個(gè)TextView的寬度都是0dip,那兩個(gè)View是中間的分割線,3個(gè)TextView的權(quán)重比值是2:1:1 ,這樣子3個(gè)TextView不會(huì)因?yàn)槔锩鎯?nèi)容的長(zhǎng)度而變形

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; 
  } 
   
   
} 

用來(lái)存放ListView每個(gè)item數(shù)據(jù)的實(shí)體類(lèi)

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的適配器類(lèi),代碼很簡(jiǎn)單,我也沒(méi)有注釋也不去講解,相信大家都看得懂這些代碼,這就是一個(gè)基本的自己定義的適配器類(lèi),最后就是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); 
     
    //設(shè)置表格標(biāo)題的背景顏色 
    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); 
  } 
 
 
} 

運(yùn)行程序效果如下:

201645163024613.png (480×854)

通過(guò)layout_weight這個(gè)屬性,我們就輕松實(shí)現(xiàn)了表格的功能,通過(guò)本文章相信大家對(duì)這個(gè)屬性有了深刻的理解。

相關(guān)文章

  • Android使用自定義ImageView實(shí)現(xiàn)圓形圖片效果

    Android使用自定義ImageView實(shí)現(xiàn)圓形圖片效果

    本篇文章主要介紹了Android使用自定義ImageView實(shí)現(xiàn)圓形圖片效果,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
    2018-05-05
  • Android設(shè)置重復(fù)文字水印背景的方法

    Android設(shè)置重復(fù)文字水印背景的方法

    這篇文章主要為大家詳細(xì)介紹了Android設(shè)置重復(fù)文字水印背景的方法,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2022-06-06
  • Android自定義View實(shí)現(xiàn)圓弧進(jìn)度的效果

    Android自定義View實(shí)現(xiàn)圓弧進(jìn)度的效果

    這篇文章主要為大家詳細(xì)介紹了Android自定義View實(shí)現(xiàn)圓弧進(jìn)度的效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2021-01-01
  • Android開(kāi)發(fā)ProGuard使用技巧掌握

    Android開(kāi)發(fā)ProGuard使用技巧掌握

    這篇文章主要為大家介紹了Android開(kāi)發(fā)ProGuard使用技巧的掌握,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
    2022-11-11
  • Android ContentProvider獲取手機(jī)聯(lián)系人實(shí)例

    Android ContentProvider獲取手機(jī)聯(lián)系人實(shí)例

    這篇文章主要介紹了Android ContentProvider獲取手機(jī)聯(lián)系人實(shí)例,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2017-02-02
  • Flutter 剪裁組件的使用

    Flutter 剪裁組件的使用

    今天我們主要聊聊 Flutter 中的幾個(gè)剪裁組件的使用,也是項(xiàng)目當(dāng)中經(jīng)??梢杂玫降?,希望你可以有所收獲
    2021-06-06
  • Android底部導(dǎo)航欄的三種風(fēng)格實(shí)現(xiàn)

    Android底部導(dǎo)航欄的三種風(fēng)格實(shí)現(xiàn)

    這篇文章主要介紹了Android底部導(dǎo)航欄的三種風(fēng)格實(shí)現(xiàn),文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
    2020-06-06
  • android文件操作——讀取assets和raw文件下的內(nèi)容

    android文件操作——讀取assets和raw文件下的內(nèi)容

    本篇文章主要介紹了android文件操作——讀取assets和raw文件下的內(nèi)容,并附簡(jiǎn)單實(shí)例代碼,需要的朋友可以參考下。
    2016-10-10
  • Android教你如何發(fā)現(xiàn)APP卡頓的實(shí)現(xiàn)

    Android教你如何發(fā)現(xiàn)APP卡頓的實(shí)現(xiàn)

    這篇文章主要介紹了Android教你如何發(fā)現(xiàn)APP卡頓的實(shí)現(xiàn),文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
    2020-11-11
  • Android 傳感器--光照傳感器詳解及使用

    Android 傳感器--光照傳感器詳解及使用

    本文主要介紹 Android傳感器 光照傳感器的使用,這里整理了相關(guān)資料及示例代碼,有興趣的小伙伴可以參考下
    2016-09-09

最新評(píng)論