小屋創作

日誌2018-10-21 15:41

AndroidStudio-ConstraintLayout佈局

作者:音無

在AS使用畫面佈局的時候,通常都是在畫面直接拉好位置之後就定位也訂好大小了!

不過在Android手機種類多到炸裂的時代,螢幕大小真的很讓人頭痛(對我來說啦),
所以,在佈局的時候,當前已經有ConstraintLayout可以使用。

先上代碼
MainActivity.java


activity_main.xml


佈局畫面


包住TextView的是ConstraintLayout
假使你沒有設定任何的位置訊息,那麼他就會在預設值,左上方(0, 0)
不過這不是我們要講的重點!

重點在於MainActivity.java裡面


這裡在設定項目的Layout佈局時,一定要將LayoutParams設為ConstraintLayout的屬性
ConstraintLayout.LayoutParams layoutParams_Hello = (ConstraintLayout.LayoutParams) txtHello.getLayoutParams();

像是這樣,我們才能夠"正確"的使用ConstraintLayout的功能!
.topMargin = 0;//元件與上方元件的距離
.topToBottom = R.id.txt_Hello; //元件的Top與txt_Hello的Bottom對齊
.leftToLeft = R.id.txt_Hello;//元件的Left與txt_Hello的Left對齊
.width = 80;//元件的寬度Width設定
執行後就會看見他們一上一下排在左上角了,其他的設定值,多改幾次就會上手了解了!此外說一下我們要因應各種手機螢幕的大小所以必須加上WindowManager windowManager = MainActivity.this.getWindowManager();
Display display = windowManager.getDefaultDisplay();
//這樣我們就可以使用display
display.getWidth();//取得螢幕寬度
display.getHeight();//取得螢幕高度

設計版面上,大概就是這樣,其他就是自己思考怎麼樣佈局自己的畫面讓使用者更加方便使用。

0

0

LINE 分享

相關創作

APP程式設計EP.1

AndroidStudio-EditText的清空Clear

AndroidStudio-Spinner元件建立Array

留言

開啟 APP

face基於日前微軟官方表示 Internet Explorer 不再支援新的網路標準,可能無法使用新的應用程式來呈現網站內容,在瀏覽器支援度及網站安全性的雙重考量下,為了讓巴友們有更好的使用體驗,巴哈姆特即將於 2019年9月2日 停止支援 Internet Explorer 瀏覽器的頁面呈現和功能。
屆時建議您使用下述瀏覽器來瀏覽巴哈姆特:
。Google Chrome(推薦)
。Mozilla Firefox
。Microsoft Edge(Windows10以上的作業系統版本才可使用)

face我們了解您不想看到廣告的心情⋯ 若您願意支持巴哈姆特永續經營,請將 gamer.com.tw 加入廣告阻擋工具的白名單中,謝謝 !【教學】