Constraint Layout Group & Barrier

Grourp

可以將想要控制的元件,加入 Group 內。避免有多個元件原要設定 VISIBLE 或 ROTARE 等操作時,需要同時對每個元件額外做設定,加入 Group 可以方便操作。

如圖所示在 A, B, C 三個格子內,分別包含 (1), (2) 兩個元件。當按下隱藏按鈕後需要同時隱藏三個 格子內的 (2) 元件 分別為 A2, B2, C2。

按隱藏按鈕前

隱藏

可以執行的方式 :

A2.setVisible(VIEW.VISIBLE);

B2.setVisible(VIEW.VISIBLE); 

C2.setVisible(VIEW.VISIBLE);


Group 方式 :

操作方式如下

注意需要在同一個 ConstraintLayout 下,否則會發生錯誤


1. 設定基本的 Layout


2. 設定 Group


3. 設定 invisible

結果

設定一次即可,避免同時對三個元件操作

A2, B2, C2 被隱藏

Barrier

在 ConstraintLayout 內,同時有 姓名, 地址, 連絡電話 3 個 TextView。需要按照 TextView 的最大寬度,在後方加入一個 ImageView。 如果是中文的情況下會以聯絡電話,為最大的寬度。

修改成英文後 name, address, phone 會以 address 為最大寬度。那麼就需要額外針對語言來設定。

另一種方法是把這 3 個 TextView 加入 Layout,將 ImageView 放在 Laouyout旁 (比較麻煩)

已聯絡電話為準

英文以 address 為準

Barrier 方式 :

操作方式如下

中文

英文

設定 Barrier

barrierDirection 設定成 end
ImageView 以 Barrier 為基準


相關的設定



留言

熱門文章

TourCard 開通全紀錄 台胞證 支付寶

[ 教學 ] 如何使用 Sourcetree 對 Github 進行版本控制 #Mac OS 版本控制