λ³Έλ¬Έ λ°”λ‘œκ°€κΈ°
βœ’οΈ Android/Android Studio

[Android] 15. λ ˆμ΄μ•„μ›ƒ : κ·Έλ¦¬λ“œ λ ˆμ΄μ•„μ›ƒ(Grid Layout), ν”„λ ˆμž„ λ ˆμ΄μ•„μ›ƒ(Frame Layout)

by A Lim Han 2023. 1. 9.

# λ ˆμ΄μ•„μ›ƒ : κ·Έλ¦¬λ“œ λ ˆμ΄μ•„웃(Grid Layout), ν”„λ ˆμž„ λ ˆμ΄μ•„웃(Frame Layout)

 

 

# λ ˆμ΄μ•„μ›ƒ : κ·Έλ¦¬λ“œ λ ˆμ΄μ•„μ›ƒ(Grid Layout)

: grid(격자) λ‚΄λΆ€μ˜ 셀에 μžμ‹ λ·°λ₯Ό λ°°μΉ˜ν•˜λŠ” λ·° κ·Έλ£Ή

 

+ 각각의 μžμ‹ λ·°κ°€ μžμ‹ μ˜ μœ„μΉ˜ 및 μ°¨μ§€ν•˜λŠ” μ…€ 개수λ₯Ό λ…λ¦½μ μœΌλ‘œ 지정 κ°€λŠ₯

 

 

 

- <GriLayout> μžμ²΄μ— 자주 μ‚¬μš©λ˜λŠ” 속성

rowCount ν–‰μ˜ 개수
columnCount μ—΄μ˜ 개수
orientation κ·Έλ¦¬λ“œμ— λŒ€ν•΄ μˆ˜ν‰, 수직 λ°©ν–₯ 쀑 μš°μ„  μˆœμœ„ κ²°μ •

 

 

 

- κ·Έλ¦¬λ“œ λ ˆμ΄μ•„μ›ƒ μ•ˆμ— ν¬ν•¨λœ μœ„μ ―μ— λŒ€ν•΄ μ„€μ •ν•˜λŠ” 속성

layout_row μžμ‹ μ΄ μœ„μΉ˜ν•  ν–‰ 번호
layout_column μžμ‹ μ΄ μœ„μΉ˜ν•  μ—΄ 번호
layout_rowSpan 행을 지정돀 수만큼 ν™•μž₯
layout_columnSpan 열을 μ§€μ •λœ 수만큼 ν™•μž₯
layout_gravity 주둜 full, fill_vertical, fill_horizontal λ“±μœΌλ‘œ 지정

+ ν–‰ λ²ˆν˜Έμ™€ μ—΄ λ²ˆν˜ΈλŠ” 0λ²ˆλΆ€ν„° μ‹œμž‘ν•œλ‹€.

 

 

ex) layout_row, layout_column 속성을 μ΄μš©ν•˜μ—¬ 6번 λ²„νŠΌμ„ μ›ν•˜λŠ” μœ„μΉ˜(μ—΄κ³Ό ν–‰)으둜 μ΄λ™μ‹œν‚€κΈ°

Line 46, 47 μΆ”κ°€

 

 

ex) Line 16, 17을 μΆ”κ°€ν•˜μ—¬ λ²„νŠΌμ— layout_rowSpan, layout_gravity 속성 λΆ€μ—¬ν•˜κΈ°

 

 

 

 

# λ ˆμ΄μ•„μ›ƒ : ν”„λ ˆμž„ λ ˆμ΄μ•„μ›ƒ(Frame Layout)

: λ ˆμ΄μ•„μ›ƒ μ•ˆμ˜ μœ„μ ―μ„ μ™Όμͺ½ 상단뢀터 κ²Ήμ³μ„œ 좜λ ₯

 

- ν”„λ ˆμž„ λ ˆμ΄μ•„μ›ƒμ˜ 속성

foreground ν”„λ ˆμž„ λ ˆμ΄μ•„μ›ƒμ˜ μ „κ²½ 이미지 μ €μž₯
foregroundGravity μ „κ²½ 이미지 μœ„μΉ˜ 지정

+ ν”„λ ˆμž„ λ ˆμ΄μ•„μ›ƒμ€ fill, right, left, bottom, top λ“±μ˜ 속성값을 κ°€μ§ˆ 수 μžˆλ‹€. 

 

 

ex 1) foreground 속성을 μ΄μš©ν•˜μ—¬ 이미지(ic_launcher.png) μ‚½μž…ν•˜κΈ°

Line 7 μΆ”κ°€

 

 

ex 2) foregroundGravity 속성을 μ΄μš©ν•˜μ—¬ ex 1μ—μ„œ μ‚½μž…ν•œ 이미지(ic_launcher.png)λ₯Ό 쀑앙 ν•˜λ‹¨μœΌλ‘œ μ΄λ™μ‹œν‚€κΈ°

Line 8 μΆ”κ°€