Android開發5大佈局方式詳解

来源:http://www.cnblogs.com/ixiongpeng/archive/2016/08/19/5789022.html
-Advertisement-
Play Games

Android中常用的5大佈局方式有以下幾種： Android中常用的5大佈局方式有以下幾種： Android中常用的5大佈局方式有以下幾種： 線性佈局（LinearLayout）：按照垂直或者水平方向佈局的組件。 幀佈局（FrameLayout）：組件從屏幕左上方佈局組件。 表格佈局（TableL ...


Android中常用的5大佈局方式有以下幾種：
  • 線性佈局（LinearLayout）：按照垂直或者水平方向佈局的組件。
  • 幀佈局（FrameLayout）：組件從屏幕左上方佈局組件。
  • 表格佈局（TableLayout）：按照行列方式佈局組件。
  • 相對佈局（RelativeLayout）：相對其它組件的佈局方式。
  •  絕對佈局（AbsoluteLayout）：按照絕對坐標來佈局組件。
  1. 線性佈局

線性佈局是Android開發中最常見的一種佈局方式，它是按照垂直或者水平方向來佈局，通過“android:orientation”屬性可以設置線性佈局的方向。屬性值有垂直（vertical）和水平（horizontal）兩種。

常用的屬性：

android:orientation：可以設置佈局的方向
android:gravity:用來控制組件的對齊方式
layout_weight：控制各個組件在佈局中的相對大小

第一個實例

①效果圖：

 

 

②核心代碼如下：

main.xml

  1. <?xml version="1.0" encoding="utf-8"?> 
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
  3.     android:orientation="vertical" 
  4.     android:layout_width="fill_parent" 
  5.     android:layout_height="fill_parent" 
  6.     >       
  7.     <LinearLayout 
  8.         android:layout_width="fill_parent" 
  9.         android:layout_height="wrap_content" 
  10.         android:orientation="vertical" 
  11.         > 
  12.         <EditText 
  13.             android:layout_width="fill_parent" 
  14.             android:layout_height="wrap_content" 
  15.             /> 
  16.     </LinearLayout> 
  17.     <LinearLayout 
  18.         android:layout_width="fill_parent" 
  19.         android:layout_height="wrap_content" 
  20.         android:orientation="horizontal" 
  21.         android:gravity="right" 
  22.         > 
  23.     <!-- android:gravity="right"表示Button組件向右對齊 --> 
  24.         <Button 
  25.             android:layout_height="wrap_content" 
  26.             android:layout_width="wrap_content" 
  27.             android:text="確定" 
  28.             /> 
  29.         <Button 
  30.             android:layout_height="wrap_content" 
  31.             android:layout_width="wrap_content" 
  32.             android:text="取消" 
  33.             />    
  34.      </LinearLayout> 
  35. </LinearLayout> 

第二個實例

①效果圖：

 

 

②核心代碼：

mian.xml  
  1. <?xml version="1.0" encoding="utf-8"?> 
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
  3.     android:orientation="vertical" android:layout_width="fill_parent" 
  4.     android:layout_height="fill_parent"> 
  5.  
  6.     <LinearLayout 
  7.     android:orientation="horizontal" 
  8.     android:layout_width="fill_parent" 
  9.     android:layout_height="fill_parent" 
  10.     android:layout_weight="1"> 
  11.       
  12.     <TextView 
  13.         android:text="red" 
  14.         android:gravity="center_horizontal" 
  15.         android:background="#aa0000" 
  16.         android:layout_width="wrap_content" 
  17.         android:layout_height="fill_parent" 
  18.         android:layout_weight="1" 
  19.         /> 
  20.      <!--android:gravity="center_horizontal"水平居中 -->   
  21.      <!--layout_weight屬性以控制各個控制項在佈局中的相對大小。layout_weight屬性是一個非負整數值。  
  22.          線性佈局會根據該控制項layout_weight值與其所處佈局中所有控制項layout_weight值之和的比值為該控制項分配占用的區域。  
  23.         例如，在水平佈局的LinearLayout中有兩個Button，這兩個Button的layout_weight屬性值都為1，  
  24.         那麼這兩個按鈕都會被拉伸到整個屏幕寬度的一半。如果layout_weight指為0，控制項會按原大小顯示，不會被拉伸；  
  25.         對於其餘layout_weight屬性值大於0的控制項，系統將會減去layout_weight屬性值為0的控制項的寬度或者高度，  
  26.         再用剩餘的寬度或高度按相應的比例來分配每一個控制項顯示的寬度或高度--> 
  27.     <TextView 
  28.         android:text="Teal" 
  29.         android:gravity="center_horizontal" 
  30.         android:background="#008080" 
  31.         android:layout_width="wrap_content" 
  32.         android:layout_height="fill_parent" 
  33.         android:layout_weight="1"/> 
  34.       
  35.     <TextView 
  36.         android:text="blue" 
  37.         android:gravity="center_horizontal" 
  38.         android:background="#0000aa" 
  39.         android:layout_width="wrap_content" 
  40.         android:layout_height="fill_parent" 
  41.         android:layout_weight="1" 
  42.         /> 
  43.       
  44.     <TextView 
  45.         android:text="orange" 
  46.         android:gravity="center_horizontal" 
  47.         android:background="#FFA500" 
  48.         android:layout_width="wrap_content" 
  49.         android:layout_height="fill_parent" 
  50.         android:layout_weight="1" 
  51.         /> 
  52.           
  53.     </LinearLayout>   
  54.     <LinearLayout 
  55.     android:orientation="vertical" 
  56.     android:layout_width="fill_parent" 
  57.     android:layout_height="fill_parent" 
  58.     android:layout_weight="1"> 
  59.       
  60.     <TextView 
  61.         android:text="row one" 
  62.         android:textSize="15pt" 
  63.         android:background="#aa0000" 
  64.         android:layout_width="fill_parent" 
  65.         android:layout_height="wrap_content" 
  66.         android:layout_weight="1" 
  67.         /> 
  68.     <!--  -->   
  69.     <TextView 
  70.         android:text="row two" 
  71.         android:textSize="15pt" 
  72.         android:background="#DDA0DD" 
  73.         android:layout_width="fill_parent" 
  74.         android:layout_height="wrap_content" 
  75.         android:layout_weight="1" 
  76.         /> 
  77.       
  78.     <TextView 
  79.         android:text="row three" 
  80.         android:textSize="15pt" 
  81.         android:background="#008080" 
  82.         android:layout_width="fill_parent" 
  83.         android:layout_height="wrap_content" 
  84.         android:layout_weight="1" 
  85.         />    
  86.     <TextView 
  87.         android:text="row four" 
  88.         android:textSize="15pt" 
  89.         android:background="#FFA500" 
  90.         android:layout_width="fill_parent" 
  91.         android:layout_height="wrap_content" 
  92.         android:layout_weight="1" 
  93.         />       
  94.     </LinearLayout>   
  95. </LinearLayout> 
2. 幀佈局 幀佈局是從屏幕的左上角（0,0）坐標開始佈局，多個組件層疊排列，第一個添加的組件放到最底層，最後添加到框架中的視圖顯示在最上面。上一層的會覆蓋下一層的控制項。    簡單的例子 ①效果圖：     ② 核心代碼： main.xml
  1. <?xml version="1.0" encoding="utf-8"?> 
  2. <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" 
  3.     android:layout_width="fill_parent" 
  4.     android:layout_height="fill_parent" 
  5.     > 
  6.     <TextView    
  7.         android:layout_width="300dp"   
  8.         android:layout_height="300dp"   
  9.         android:background="#00BFFF"          
  10.         /> 
  11.     <TextView    
  12.         android:layout_width="260dp"   
  13.         android:layout_height="260dp"   
  14.         android:background="#FFC0CB"          
  15.         /> 
  16.     <TextView    
  17.         android:layout_width="220dp"   
  18.         android:layout_height="220dp"   
  19.         android:background="#0000FF"          
  20.         /> 
  21. </FrameLayout> 
  3.表格佈局 表格佈局是一個ViewGroup以表格顯示它的子視圖（view）元素，即行和列標識一個視圖的位置。 表格佈局常用的屬性如下： android:collapseColumns：隱藏指定的列
android:shrinkColumns：收縮指定的列以適合屏幕，不會擠出屏幕
android:stretchColumns：儘量把指定的列填充空白部分
android:layout_column:控制項放在指定的列
android:layout_span:該控制項所跨越的列數
  簡單的列子： ①效果圖：     ② 核心代碼：  main.xml  
  1. <?xml version="1.0" encoding="utf-8"?> 
  2. <TableLayout xmlns:android="http://schemas.android.com/apk/res/android" 
  3.     android:layout_width="fill_parent" 
  4.     android:layout_height="fill_parent" 
  5.     > 
  6.     <TableRow> 
  7.         <Button 
  8.             android:text="Button1" 
  9.             /> 
  10.         <Button 
  11.             android:text="Button2" 
  12.             /> 
  13.         <Button 
  14.             android:text="Button3" 
  15.             /> 
  16.     </TableRow> 
  17.     <TableRow> 
  18.         <Button 
  19.             android:text="Button4" 
  20.             /> 
  21.         <Button 
  22.             android:layout_span="2" 
  23.             android:text="Button5" 
  24.             /> 
  25.     </TableRow> 
  26.       
  27. </TableLayout> 
  4.相對佈局 相對佈局是按照組件之間的相對位置來佈局，比如在某個組件的左邊，右邊，上面和下麵等。 相對佈局常用屬性請參考我博客的：http://liangruijun.blog.51cto.com/3061169/631816   簡單的例子 ①效果圖：     ② 核心代碼： main.xml  
  1. <?xml version="1.0" encoding="utf-8"?> 
  2. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
  3.     android:layout_width="fill_parent" 
  4.     android:layout_height="wrap_content" 
  5.     android:padding="10px" 
  6.     > 
  7.     <TextView    
  8.         android:id="@+id/tev1" 
  9.         android:layout_width="wrap_content"   
  10.         android:layout_height="wrap_content"   
  11.         android:layout_marginBottom="30dp" 
  12.         android:text="Please Type Here:" 
  13.         /> 
  14.     <EditText 
  15.         android:id="@+id/tx1" 
  16.         android:layout_width="match_parent" 
  17.         android:layout_height="wrap_content" 
  18.         android:layout_below="@id/tev1" 
  19.         /> 
  20.     <Button 
  21.         android:id="@+id/btn1" 
  22.         android:layout_height="wrap_content" 
  23.         android:layout_width="wrap_content" 
  24.         android:layout_below="@id/tx1" 
  25.         android:layout_alignParentRight="true" 
  26.         android:text="確定" 
  27.         /> 
  28.     <Button 
  29.         android:id="@+id/btn2" 
  30.         android:layout_height="wrap_content" 
  31.         android:layout_width="wrap_content" 
  32.         android:layout_below="@id/tx1" 
  33.         android:layout_toLeftOf="@id/btn1" 
  34.         android:layout_marginRight="30dp" 
  35.         android:text="取消" 
  36.         /> 
  37. </RelativeLayout> 
5. 絕對佈局  絕對佈局通過指定子組件的確切X,Y坐標來確定組件的位置，在Android2.0 API文檔中標明該類已經過期，可以使用FrameLayout或者RelativeLayout來代替。所以這裡不再詳細介紹。

 

本文出自 “IT的點點滴滴” 博客，請務必保留此出處http://liangruijun.blog.51cto.com/3061169/632532


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • javascript數字驗證
    現在有一個需求如下圖： 產品經理說Card Number只能讓輸入數字（中間的空格是格式自加的，也是用js實現的），有時候我腦海中出現了個聲音，啥玩意，加個type=number不就行了，事實發現圖樣圖森破了，先不說type=number後面會有個上下標(雖然用css可幹掉)，但是這個類型是支持科學 ...
  • angular懶載入的一些坑
    寫在前面 最近在工作中接觸到angular模塊化打包載入的一些內容,感覺中間踩了一些坑,在此標記一下. 項目背景: 項目主要用到angularJs作為前端框架,項目之前發佈的時候會把所有的前端腳本打包壓縮到一個文件中,在頁面初次訪問的時候載入,造成頁面初始載入緩慢,在此基礎上,提出按需載入,即只有當 ...
  • jQuery 迭代器
    在 葉小釵 的博客中看到一段關於遍歷的代碼 jQuery 中的each 不僅僅是用來遍歷jQuery對象，還可以用來作為合併介面。 其中就利用了$.each(fn)的特性，jQuery 源碼中 ： 為obj 執行回調函數 callback。 裡面的巧妙之處在於： 在為obj執行回調函數的時候，回調函 ...
  • angular設置title
    Javascript框架在處理seo方面存在問題，因為爬蟲在檢索seo信息的時候會讀不了js給其賦的值，導致搜索引擎收錄不了或者收錄了無效的信息,比如收錄的可能是title={{title}}這樣的，下麵先說如何在路由跳轉時修改頁面的seo信息，現在spa跳轉一般用route-ui了，就以這個為基礎 ...
  • JavaScript的閉包
    1. 閉包的概念 據我們所知，局部變數在函數退出之後就不占據記憶體空間，但存在一種特殊的函數，能使局部變數在函數退出之後繼續占據記憶體，為外部函數所調用，這個特殊的函數就是 。那麼閉包是怎麼做到將局部函數一直占據記憶體的呢？看看下麵的例子。 function a(){ var Aitem=2;//定義局部 ...
  • js自調用匿名函數的三種寫法
    第一種： 第二種： 第三種： ...
  • Android開發學習之路-DiffUtil使用教程
    谷歌最近更新了Support Library 24.2.0，而DiffUtil就是在這個版本添加的一個工具類。 DiffUtil是一個查找集合變化的工具類，是搭配RecyclerView一起使用的，如果你還不瞭解RecyclerView，可以閱讀一些資料或者我的博客：RecyclerView使用初探 ...
  • ListFragment的使用
    ListFragment繼承了Fragment，顧名思義，ListFragment是一種特殊的Fragment，它包含了一個ListView，在ListView裡面顯示數據。 1. MainActivity Java類文件： xml佈局文件： 可見MainActivity是比較簡單的，在佈局裡面放了 ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發（一）：使用.NET MAUI開發第一個安卓APP
    移動開發（一）：使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說，近來想嘗試開發一款安卓APP，考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP，畢竟是使用Visual Studio開發工具，使用起來也比較的順手，結合微軟官方的教程進行了安卓 ...
  • wpf ToggleButton選中效果和一個登錄界面
    前言 QuestPDF 是一個開源 .NET 庫，用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫，它徹底改變了我們生成 PDF 文檔的方 ...
  • 彈幕樹洞項目功能新增篇
    項目地址 項目後端地址： https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址： ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址： http://tree ...
  • 第27篇 sqlserver2022詳細安裝步驟
    話不多說，直接開乾 一.下載 1.官方鏈接下載： https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe，運行開始下載SQL server； 二. ...
  • .NET 開源高性能 MQTT 類庫
    前言 隨著物聯網（IoT）技術的迅猛發展，MQTT（消息隊列遙測傳輸）協議憑藉其輕量級和高效性，已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫，為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog文檔翻譯系列（六） - 可用的接收器、增強器、格式化輸出
    Serilog支持多種接收器用於日誌存儲，增強器用於添加屬性，LogContext管理動態屬性，支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項，適用於不同需求。 ...
  • 警惕 Visual Studio 屬性求值副作用導致邏輯不符合預期
    目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據，爬取信息時需要模擬瀏覽器行為，否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下： 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • [使用目前最新版]HybridCLR6.9.0+YooAsset2.2.4實現純C# Unity熱更新方案 (一)
    1.前言 什麼是熱更新 游戲或者軟體更新時，無需重新下載客戶端進行安裝，而是在應用程式啟動的情況下，在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR，Xlua，ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles，Addressable， ...
  • 在 ASP.NET Core Web API 中使用操作篩選器統一處理通用操作
    本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺，其實像阿裡雲，騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後，它會送 ...
  • 第28篇 如何.net中實現高效可靠數據同步api
    通過以下方式可以高效，並保證數據同步的可靠性 1.API設計 使用RESTful設計，確保API端點明確，並使用適當的HTTP方法（如POST用於創建，PUT用於更新）。 設計清晰的請求和響應模型，以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證，確保接收到的數據符合預期格 ...
所有分類