利用ContraintLayout來幫助APP的物件排版 並符合不同螢幕尺寸的要求


如果把Layout設定成ConstraintLayout
我們可以利用contraint的方法,把imageView或是button等物件互相連接起來。
利用這個箭頭指來指去的方法,還可以和邊界連結,讓APP裡面的物件隨著螢幕的大小來移動。
不會因為換了大視窗或者是把手機橫擺就導致物件消失或看不見
也可以讓物件和物件之間連結,確認好他們的相鄰關係


可是,在Android的design視窗裡面,有的時候卻不是那麼好連接,
電腦怎麼用就是不理你,
StackOverflow上面有人就有類似的問題:
https://stackoverflow.com/questions/42757816/cant-form-a-chain-between-two-views-widgets-in-android-studio



這種時候,就不能用滑鼠直觀的點來點去
我們就必須動用XML,手動更改一些自己想要的訊息
如此一來就能順利解決了

打開自己的activity_main.xml
假設有ImageView leftPicture & ImageView rightPicture

第一行是左圖連右圖,第二行是左邊連到邊邊
app:layout_constraintEnd_toStartOf="@+id/image_rightPicture"
app:layout_constraintStart_toStartOf="parent"

第一行是右圖連左圖,第二行是右邊連到邊邊
app:layout_constraintStart_toEndOf="@+id/image_leftPicture"
app:layout_constraintEnd_toEndOf="parent"

(Start 可以用 Left 替換, End 可以用 Right 替換)

如此一來這兩張圖就會在左右的方向上置中囉,而且不管螢幕怎麼轉、有多大,都是在中間



這是官方的說明文件:
https://developer.android.com/training/constraint-layout/

留言

張貼留言

熱門文章