- 1、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。。
- 2、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 3、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
- 4、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
- 5、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们。
- 6、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 7、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
使用 Android 最新的 ConstrainLayout
(約束佈局) 來提升設計與執行的效能
ConstraintLayout (約束佈局) 是 Android 最新推出的佈局元件, 它和
RelativeLayout 類似, 都是利用元件與元件之間的相對關係來設計佈局, 但具備
了更多的彈性而且更容易使用。
其特色是可以用扁平(單層)的結構來設計複雜的版面, 而不像 LinearLayout
必須垂直、水平套疊好幾層, 因此可以提升執行時的佈局及存取效率。
TIP 最低可向前相容到版而開發工具則是從
版才開始支援。
ConstraintLayout 的運作原理
英文 Constraint 就是『約束』(或限制) 的意思, 而我們在 ContraintLayout
中, 也就是要在元件的上、下、左、右方向設置約束, 來安排元件的位置及大小。
基本上, 約束就是要定義元件『在某方向與其他元件(包括外層容器)的對齊或
距離關係』, 因此每個元件至少要設定 2 個約束 (在水平與垂直方向各 1 個) 才
能控制其位置, 不過通常都會設定更多的約束, 讓元件可以依不同狀況而調整其顯
示位置與大小。例如:
外層 ConstraintLayout
的邊界
A 元件設定了
按鈕設定了對 A 元
對 外 層 容 器
件的上約束 (和 A
(ConstraintLayout) 元件的上方對齊)
的上約束及左約束
B 元件設定了對 A 元件的上約束及左、右約束
(會與 A 元件左右對齊)
請注意!如果元件在水平或垂直方向未
設定約束, 那麼雖然在設計時元件會顯示
在我們擺放的位置 (以方便我們操作), 但
在執行時則會因沒有約束而向外層容器
按鈕會顯示在
(ConstraintLayout) 的左邊界、上邊界靠
螢幕的最左邊 ,
齊。例如上圖右邊的按鈕因未設定水平方向 且上側與 A 元
的約束, 在執行時會顯示如右: 件的上側對齊
TIP 當元件在水平或垂直方向未設定約束時雖然仍可正常建構、執行但佈局編輯器會將之視
為錯誤因為執行時位置會跑掉按一下編輯器右上角的 即可看到相關錯誤訊息。
範例 3-8 :學習 ConstraintLayout 的使用
接著我們就以實作來學習 ConstraintLayout 的各項使用技巧。由於
ConstraintLayout 是屬於外加的函式庫, 因此請依底下的說明框來檢查檢是否已
安裝最新版本。
檢查 ConstraintLayout 函式庫的安裝版本
請執行『Tools/Android/SDK Manager』命令 (或按工具列的 鈕) , 然後:
1 切到 S DK Tools 頁次
2 展開此項 3 檢查這二項是否為打勾狀態 , 由於筆者目前裝的
是較舊版本 , 因此會以 顯示。此時可將之打勾 ,
然後按右下方的 A p ply 鈕來安裝最新版本
4 安裝最新版本後 , 會呈打勾狀態 5 勾選此項 , 即可觀看已安裝了哪些版本
打勾為目前已安裝的版本 (也可在此打勾
或取消打勾來安裝 /移除特定版本)
TIP 由於筆者撰稿時仍在開發階段因此
文档评论(0)