μλλ‘μ΄λ μ€νλμ€μμ μ± μ€ννλ©΄μ ꡬμ±νλ μμλ₯Ό λ·°(view)λΌκ³ ν΅μΉνλ€. μ΄ λ·°μλ ν μ€νΈλ·°, λ²νΌ, λΌλμ€λ²νΌ, μ΄λ―Έμ§λ±μ΄ μλ€. μ΄λ€ λͺ¨λ ViewλΌλ ν΄λμ€μ μμμ λ°λλ€. λ·° ν΄λμ€λ μμ ―μ΄λΌκ³ λ νλλ°, λ²νΌμ λ²νΌ μμ ―μ΄λΌ λΆλ₯΄κ³ μ€μ μ½λλ λ²νΌ ν΄λμ€λΌκ³ λΆλ₯Έλ€. λ€λ₯Έ μμ ―λ€μ λ΄μ μ μλ μμ ―μ λ μ΄μμμ΄λΌ λΆλ₯΄λ©°, λ μ΄μμλ λ·°κ·Έλ£Ήμ νμ ν΄λμ€λ€μ΄λ€. λ μ΄μμμ μμ ―λ€μ λ΄λ νμ΄λΌκ³ μκ°νλ©΄ λλ€.
μ€λΈμ νΈ ν΄λμ€λ₯Ό μμλ°μ Viewν΄λμ€λ ViewGroup ν΄λμ€μ TextView ν΄λμ€μ ImageViewν΄λμ€μ ProgressBar ν΄λμ€ 4κ°μ§λ‘ λλλ€.
ViewGroup ν΄λμ€μλ μ¬λ¬ λ μ΄ μμ ν΄λμ€μ 뷰컨ν μ΄λ ν΄λμ€κ° μμλΌ μλ€.
View ν΄λμ€μ XML μμ±

id μμ±μ λͺ¨λ μμ ―μ μμ΄λλ₯Ό λνλ΄λ©°, Java μ½λμμ λ²νΌ λ±μ μμ ―μ μ κ·Όν λ idμμ±μ μ§μ ν μμ΄λλ₯Ό μ¬μ©νλ€. μΌλ°μ μΌλ‘ idμμ±μ μμ ―μ μμ΄λλ₯Ό μλ‘ λΆμ¬νλ κ°λ μ΄λ―λ‘ @+id/ νμμΌλ‘ μ§μ νλ€./ λ€μμλ μλ‘ μ§μ ν μμ΄λλ₯Ό λ£λλ€. κ·Έλ¬λ―λ‘ android:id="@+id/button1"μ λ²νΌ μμ ― μμ΄λλ‘ button1μ λΆμ¬νλ€λ μλ―Έμ΄λ€.
μμ ―μ μ κ·ΌνκΈ° μν΄ java μ½λμμ λ€μ κ°μ νμμ μ΄λ€.
μμ ― λ³μ = (μμ ―ν)findById(R.id.μμ ―μμ΄λ);

λ²νΌ, λΌλμ€λ²νΌ, 체ν¬λ°μ€λ±μ μμ ―λ€μ μΌλ°μ μΌλ‘ ν΄λ¦ λλ ν°μΉνμ λ μ΄λ€ λμμ νκΈ° μν κ²μ΄λ―λ‘ idμμ±μ μ§μ νλ€. νμ§λ§ ν΄λ¦μ΄λ ν°μΉλ₯Ό ν΄λ μ무 λμμ΄ νμ μλ κΈμ(ν μ€νΈ λ·°)λ λ°°κ²½ μ΄λ―Έμ§(μ΄λ―Έμ§λ·°)λ±μ κ΅³μ΄ idμμ±μ μ§μ νμ§ μμλ λλ€.
layout_width, layout_height μμ±
μ΄λμ κ°κ° μμ ―μ λλΉμ λμ΄λ₯Ό λνλ΄λ©° match_parent, wrap_content κ°μΌλ‘ μ€μ ν μ μλ€.
match_parentμ λ§ κ·Έλλ‘ μμ μ λΆλͺ¨ (λλΆλΆ λ μ΄μμ)μ λλΉλ λμ΄λ₯Ό λ§μΆλ€λ μλ―Έμ΄κ³ wrap_contentμ κΈμκ° κΌ λ€μ΄κ° μ λλ‘ μμ μ λλΉλ λμ΄λ₯Ό μ€μ νλ€λ μλ―Έμ΄λ€.
κ°μ μ«μλ‘λ μ ν μ μλλ° κ°μ₯ λ¨μν κ²μ΄ px(PiXel)λ¨μμ΄λ€.
λ§μ½ λ²νΌμ ν¬κΈ°λ₯Ό κ°λ‘ μΈλ‘κΈΈμ΄λ₯Ό ν΄μλ μ΅λκ°κ³Ό λκ°μ pxλ‘ νμ¬ μ€μ νλ€λ©΄, layout_width=" match_parent" , layout_height="match_parent" μ€μ ν κ²κ³Ό λκ°μ΄ λλ€ λΆλͺ¨ λ μ΄μμμ ν¬κΈ°μ λκ°μμ§ κ²μ΄λ€.
background μμ±
λ°±κ·ΈλΌμ΄λ μμ±μ μμ ―μ μμμ μ£Όλ‘ #RRGGBBκ°μΌλ‘ μ§μ νλ€. κ° κ°μ λΉ¨κ°μ, μ΄λ‘μ, νλμμ μλ―Ένλ©°, RR, GG, BBμ μμΉλ 16μ§μ 00~FFλ‘ ννν μ μλ€. μλ₯Ό λ€μ΄ λΉ¨κ°μμ #FF0000μΌλ‘ νλμμ #0000FFλ‘ μ§μ νλ€. κ°μ μ μ ν μ‘°ν©νλ©΄ νμν μμ λ§λ€ μ μλ€.
μμμ μ§μ νκΈ° μν΄ #AARRGGBB λ°©μμ μ¬μ©ν μλ μλ€. μ¬κΈ°μ AAλ μν κ°μΌλ‘ ν¬λͺ λμ΄λ€.
00~FFλ‘ μ§μ ν μ μλλ° 00μ μμ ν¬λͺ μ FFλ μμ λΆν¬λͺ μ μ΄μΌκΈ°νλ€.
padding, layout_margin μμ±
padding μμ±μ μ¬μ©νμ¬ μμ ―μ κ²½κ³μ μΌλ‘λΆν° μμ ― μμ μμκ° λ¨μ΄μ§κ² μ€μ ν μ μλ€. κΈ°λ³Έμ μΌλ‘ μ½λ©μ νκ² λλ©΄ λ μ΄μμ λ΄μ λ²νΌλ€μ΄λ ν μ€νΈ λ·° μμ ―λ€μ λ μ΄μμ κ²½κ³μ μ λ± λΆμ΄μ ννλλλ°, paddingμμ±μ μ¬μ©νλ©΄ λ μ΄μμμ κ²½κ³μ κ³Ό μμ ― μ¬μ΄μ μ¬λ°±μ λ μ μλ€.
λ¨μλ‘λ dpλ₯Ό μ£Όλ‘ μ°κ³
<LinearLayout
androidr:padding="20dp" >
μ΄μ κ°μ΄ μ΄λ€. λ μ΄μμμ΄ μλ λ²νΌ μμ paddingμ μ€μ νλ©΄ λ²νΌ μμ κΈμκ° λ²νΌμ κ²½κ³μ μμ μΌμ κ°κ²© λ¨μ΄μ Έμ ννλλ€.
μ΄μλ¬λ¦¬ μμ ―κ³Ό μμ ―μ¬μ΄μ κ°κ²©μ λκ³ μΆλ€λ©΄ layout_marginμμ±μ μ¬μ©νλ€.
paddingμ μμ μ λ΄λΆμ λ€μ΄μλ μμ ―κ³Ό μμ μ κ²½κ³μ μ¬μ΄ κ°κ²©μ μ§μ νκ³ , layout_margin μμ±μ μμ κ³Ό λΆλͺ¨ λ μ΄μμμ΄λ μμ ― μ¬μ΄μ κ°κ²© λλ μ£Όμ λ€λ₯Έ μμ ―κ³Όμ κ°κ²©μ μ§μ νλ€.
visibilityμμ±
visibility μμ±μΌλ‘ μμ ―μ λ³΄μΌ κ²μΈμ§ μ¬λΆλ₯Ό μ€μ ν μ μλ€. 3κ°μ§ κ²½μ°κ° μλ λν΄νΈμΈ visible 보μ΄λ μν invisibleκ³Ό goneμ μ 보μ΄λ μνμ΄λ€. μ΄ λμ μ°¨μ΄λ invisibleμ 보μ΄μ§λ§ μμ λΏ μλμ μ리λ₯Ό κ³μ μ μ§νμ§λ§, goneμ κ·Έ μ리κΉμ§ μμ λ΄λλ κ²μ΄λ€.
λκΈ