๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
APP/ANDROID

[๋ถ€์ŠคํŠธ์ฝ”์Šค] ๋ ˆ์ด์•„์›ƒ#๋ทฐ์˜ ์†์„ฑ

by mingzoo 2020. 1. 18.

๋ทฐ(view)

ํ™”๋ฉด์— ์žˆ๋Š” ๋ชจ๋“  ๊ตฌ์„ฑ์š”์†Œ

๋ˆˆ์— ๋ณด์ด๋Š” ๊ฒƒ - ์œ„์ ฏ

๋ˆˆ์— ๋ณด์ด์ง€ ์•Š๋Š” ๊ฒƒ - ๋ ˆ์ด์•„์›ƒ

๋ ˆ์ด์•„์›ƒ๋„ ๋ทฐ์ด๊ธฐ ๋•Œ๋ฌธ์—, ๋ ˆ์ด์•„์›ƒ ์•ˆ์— ๋ ˆ์ด์•„์›ƒ์„ ๋„ฃ์œผ๋ฉด์„œ ๋ณต์žกํ•œ ํ˜•์‹์„ ๋‚˜ํƒ€๋‚ธ๋‹ค.

๐Ÿ‘๋ทฐ๊ทธ๋ฃน ์•ˆ์— ๋ทฐ๊ทธ๋ฃน์ด ๊ฐ€๋Šฅํ•˜๋‹ค!

์•ˆ๋“œ๋กœ์ด๋“œ ๊ธฐ๋ฐ˜์˜ ํƒœ๋ธ”๋ฆฟ๊ณผ ์Šค๋งˆํŠธํฐ์€ ์‚ฌ์šฉ์ž๊ฐ€ ์„ธ๋กœ์™€ ๊ฐ€๋กœ์˜ ๋ฐฉํ–ฅ ๋ชจ๋‘๋ฅผ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๊ธฐ ๋•Œ๋ฌธ์— ํ™”๋ฉด ๊ณต๊ฐ„์„ ์ž˜ ํ™œ์šฉํ•˜๊ธฐ ์œ„ํ•ด์„œ ๋ ˆ์ด์•„์›ƒ์„ ์ž˜ ์‚ฌ์šฉํ•ด์•ผ ํ•œ๋‹ค.


๋”ฐ๋ผ์„œ, ๋ ˆ์ด์•„์›ƒ์˜ ํ™œ์šฉ๋„๋ฅผ ๋†’์ด๊ธฐ ์œ„ํ•œ layout_width, layout_height ์˜ ์‚ฌ์šฉ!

 

<LinearLayout xmins:android="http://schemas.android.com/apk/res/android"
	android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">
    
    <Button
    	android:id="@+id/button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Button"
        />
 </LinearLayout>

=> ๋ฒ„ํŠผ์ด ์™ผ์ชฝ ์œ„์— ์œ„์น˜ํ•จ


-match_parent

๋ทฐ ๊ทธ๋ฃน์— ๋‚จ์•„ ์žˆ๋Š” ์—ฌ์œ  ๊ณต๊ฐ„์„ ์ฑ„์›€

๋ถ€๋ชจ ๋ทฐ์˜ ๋‚ด๋ถ€ ์—ฌ๋ฐฑ(padding)์„ ์ œ์™ธํ•œ ํฌ๊ธฐ๋กœ ์„ค์ •

 

-wrap_content

๋ทฐ์— ๋“ค์–ด ์žˆ๋Š” ๋‚ด์šฉ๋ฌผ์˜ ํฌ๊ธฐ์— ๋”ฐ๋ผ ๋ทฐ์˜ ํฌ๊ธฐ๊ฐ€ ๊ฒฐ์ •๋จ

ํฌํ•จ๋œ ๋‚ด์šฉ์„ ๋ณด์—ฌ์ค„ ์ˆ˜ ์žˆ๋Š” ํฌ๊ธฐ๋กœ ์„ค์ •

 

-ํฌ๊ธฐ ๊ฐ’ ์ง€์ •

ํฌ๊ธฐ๋ฅผ ๊ณ ์ •๋œ ๊ฐ’์œผ๋กœ ์ง์ ‘ ์ง€์ •ํ•˜๊ณ  ์‹ถ์„ ๋•Œ ์‚ฌ์šฉํ•จ

ex) 100px, 200dp

 

๐Ÿ™‚๋ทฐ ํฌ๊ธฐ ์ง€์ •์— ์‚ฌ์šฉ๋˜๋Š” ๋‹จ์œ„

๋‹จ์œ„ ๋‹จ์œ„ ํ‘œํ˜„ ์„ค๋ช…
px ํ”ฝ์…€ ํ™”๋ฉด ํ”ฝ์…€
dp / dip ๋ฐ€๋„ ๋…๋ฆฝ์  ํ”ฝ์…€ 160dpi ํ™”๋ฉด์„ ๊ธฐ์ค€์œผ๋กœ ํ•œ ํ”ฝ์…€
sp / sip ์ถ•์ฒ™ ๋…๋ฆฝ์  ํ”ฝ์…€ ๊ฐ€๋ณ€ ๊ธ€๊ผด์„ ๊ธฐ์ค€์œผ๋กœ ํ•œ ํ”ฝ์…€๋กœ dp์™€ ์œ ์‚ฌํ•˜๋‚˜ ๊ธ€๊ผด์˜ ์„ค์ •์— ๋”ฐ๋ผ ๋‹ฌ๋ผ์ง
in ์ธ์น˜ 1์ธ์น˜๋กœ ๋œ ๋ฌผ๋ฆฌ์  ๊ธธ์ด
mm ๋ฐ€๋ฆฌ๋ฏธํ„ฐ 1๋ฐ€๋ฆฌ๋ฏธํ„ฐ๋กœ ๋œ ๋ฌผ๋ฆฌ์  ๊ธธ์ด
em ํ…์ŠคํŠธ ํฌ๊ธฐ ๊ธ€๊ผด๊ณผ ์ƒ๊ด€์—†์ด ๋™์ผํ•œ ํ…์ŠคํŠธ ํฌ๊ธฐ ํ‘œ์‹œ

 

 

728x90