Loading...

[GP] Anko๋ฅผ ์ด์šฉํ•œ Android App Layout ์ž‘์„ฑ

๋ฐ˜์‘ํ˜•

์ด ๊ธ€์€ N.K Dev Lab์—์„œ ์ž‘์„ฑ๋œ ๊ธ€์ž…๋‹ˆ๋‹ค.

์•ˆ๋“œ๋กœ์ด๋“œ ๊ฐœ๋ฐœ์„ ํ•˜๋ฉด์„œ Kotlin ์–ธ์–ด๋ฅผ ์ ‘ํ•˜๊ฒŒ ๋˜์—ˆ๊ณ  ์ด๋ฅผ ์จ๋ณด๋ฉด์„œ ๋Š๋ผ๋Š” ๋ฐ”๋Š” ํ™•์‹คํžˆ Java๋ณด๋‹ค ๊ฐ•๋ ฅํ•˜๊ณ  ์•ˆ์ •์„ฑ ์žˆ๋Š” ์–ธ์–ด๋ผ๋Š” ๊ฒƒ์„ ๋งŽ์ด ๋Š๋‚๋‹ˆ๋‹ค.

๊ทธ๋Ÿฐ๋ฐ ์ œ๊ฐ€ ์ •๋ง๋กœ ์•ˆ๋“œ๋กœ์ด๋“œ ๊ฐœ๋ฐœ์„ ํ•˜๋ฉด์„œ ๋ถˆํŽธํ•˜๋‹ค๊ณ  ์ƒ๊ฐํ–ˆ๋˜ ๊ฒƒ์€ ๋ฐ”๋กœ findViewbyId ์˜€์Šต๋‹ˆ๋‹ค. ์ด ๊ฒƒ์€ XML์— ๋ ˆ์ด์•„์›ƒ์„ ์ž‘์„ฑํ•˜์—ฌ ๋ ˆ๋ฆฌ์•„์›ƒ์— ์žˆ๋Š” ์ปดํฌ๋„ŒํŠธ๋ฅผ id ๊ฐ’์„ ์ด์šฉํ•˜์—ฌ ์ž๋ฐ” ์ฝ”๋“œ๋กœ ๊ฐ€์ ธ์˜ค๋Š” ๋ฐฉ๋ฒ•์ธ๋ฐ, ์‹ค์ œ ํŒ€ ํ”„๋กœ์ ํŠธ๋ฅผ ์ง„ํ–‰ํ•  ๋•Œ Resource ๋ถ€๋ถ„์— ๊ณจ ๋•Œ๋ฆฌ๋Š” ๋ฉด์ด ์—†์ง€ ์•Š์•„ ์žˆ์—ˆ์Šต๋‹ˆ๋‹ค. ์ผ๋ถ€๋Š” ์ปดํŒŒ์ผ์ด ์•ˆ๋˜๊ฑฐ๋‚˜ ๊ฐ‘์ž๊ธฐ ๋‹ค๋ฅธ ๊ณณ์—์„œ ์ž˜ ๋˜๋Š” ๋นŒ๋“œ๊ฐ€ ์˜ฎ๊ฒจ ํƒ€๋ฉด ์•ˆ๋˜๋Š” ํ˜„์ƒ์ด ๋‚˜ํƒ€๋‚˜๋Š” ๋“ฑ ์—ฌ๋Ÿฌ๊ฐ€์ง€ ํ•ด๊ดดํ•œ ํ˜„์ƒ์„ ๋งŽ์ด ๊ฒฝํ—˜ํ–ˆ์Šต๋‹ˆ๋‹ค.

๊ทธ๋Ÿฐ ์ €๋Š” findViewById๊ฐ€ onCreate ๋ฉ”์†Œ๋“œ ๋ฐ‘์— ๊ท€์ฐฎ๊ฒŒ ์ƒ์„ฑํ•˜๊ณ  ํ•˜๋Š” ๊ฒƒ์ด ์˜ ๋งˆ์Œ์— ๊บผ๋ฆผ์งํ•˜์—ฌ ์•ˆ๋“œ๋กœ์ด๋“œ ๊ฐœ๋ฐœ ์ดˆ๊ธฐ์—๋Š” ButterKnife ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ๊ทธ ๋ถˆํŽธํ•จ์„ ์กฐ๊ธˆ ํ•ด์†Œํ•˜์˜€๊ณ  ๋‚˜์ค‘์—๋Š” ์•ˆ๋“œ๋กœ์ด๋“œ ์ŠคํŠœ๋””์˜ค์— ๋ฐ”์ธ๋”ฉ ํ™•์žฅ ๊ธฐ๋Šฅ์ด ๋‚˜์™€ ์กฐ๊ธˆ์€ ์™„ํ™” ๋˜์—ˆ์ง€์š”.

ํ•˜์ง€๋งŒ ์ฝ”ํ‹€๋ฆฐ ์–ธ์–ด๋ฅผ ์‚ฌ์šฉํ•œ ๋’ค, ์ฝ”ํ‹€๋ฆฐ ํ™•์žฅ ๊ธฐ๋Šฅ ์ค‘ findViewbyId๋ฅผ ์‚ฌ์šฉํ•˜์ง€ ์•Š์•„๋„ ์ž๋™์œผ๋กœ ๋ ˆ์ด์•„์›ƒ์˜ ์ปดํฌ๋„ŒํŠธ๋ฅผ ๊ฐ€์ ธ์™€์ฃผ๋Š” ํŽธ๋ฆฌํ•œ ๊ธฐ๋Šฅ์ด ์žˆ์—ˆ๊ณ  ๋ฒˆ๊ฑฐ๋กญ๊ฒŒ ButterKnife๋ฅผ ์ถ”๊ฐ€ํ•ด์•ผ ํ•  ํ•„์š”๊ฐ€ ์—†์–ด์กŒ์Šต๋‹ˆ๋‹ค. ๊ทธ๋Ÿฐ๋ฐ ์ด๊ฒƒ๋ณด๋‹ค ๋” ์ข‹์€ ๊ธฐ๋Šฅ์ด ์žˆ์—ˆ์Šต๋‹ˆ๋‹ค.

Using XML

์•ˆ๋“œ๋กœ์ด๋“œ๋Š” JavaFx์™€ ๋งˆ์ฐฌ๊ฐ€์ง€๋กœ ๋ ˆ์ด์•„์›ƒ์„ XML ์–ธ์–ด๋กœ ์ž‘์„ฑํ•˜์—ฌ ์ปดํŒŒ์ผ์‹œ ๊ทธ๋“ค์„ ํŒŒ์‹ฑํ•˜์—ฌ ๋ Œ๋”๋งํ•˜์—ฌ ์‚ฌ์šฉ์ž์—๊ฒŒ ๋ณด์—ฌ์ค๋‹ˆ๋‹ค. ๊ทธ๋ž˜์„œ ์•ˆ๋“œ๋กœ์ด๋“œ ์•ฑ์„ ๊ฐœ๋ฐœํ•˜๋ ค๋ฉด ๋‹น์—ฐ์‹œ XML ์–ธ์–ด๋ฅผ ์‚ฌ์šฉํ•  ์ค„ ์•Œ์•„์•ผ ํ•˜๊ณ  ์ด๋ฅผ ์ด์šฉํ•ด์„œ ๋ ˆ์ด์•„์›ƒ์„ ์งœ์•ผ ํ–ˆ์Šต๋‹ˆ๋‹ค.


์ด์–ด์„œ ์ฝ์œผ์‹œ๋ ค๋ฉด ์•„๋ž˜์˜ ๋ฒ„ํŠผ์„ ํด๋ฆญํ•ด์ฃผ์„ธ์š”.


... ๊ณ„์† ์ฝ๊ธฐ


๋ฐ˜์‘ํ˜•
TAGS.

Tistory Comments