\uc548\ub4dc\ub85c\uc774\ub4dc \uc571 \uac1c\ubc1c\uc5d0\uc11c \ud654\uba74 \uad6c\uc131\uc740 \ub9e4\uc6b0 \uc911\uc694\ud569\ub2c8\ub2e4. \ub2e4\uc591\ud55c UI \uc694\uc18c\ub97c \ud6a8\uc728\uc801\uc73c\ub85c \ubc30\uce58\ud558\uae30 \uc704\ud574 \uc5ec\ub7ec \uac00\uc9c0 \ub808\uc774\uc544\uc6c3\uc744 \uc0ac\uc6a9\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uadf8 \uc911 RelativeLayout<\/strong>\uc740 \ub2e4\ub978 \ubdf0\uc5d0 \ub300\ud55c \uc0c1\ub300\uc801 \uc704\uce58\uc5d0 \ub530\ub77c \ubdf0\ub97c \ubc30\uce58\ud560 \uc218 \uc788\ub294 \uac15\ub825\ud55c \ub808\uc774\uc544\uc6c3\uc785\ub2c8\ub2e4. \uc774 \uae00\uc5d0\uc11c\ub294 \uac04\ub2e8\ud55c \uc608\uc81c\ub97c \ud1b5\ud574 \uc704\uc5d0\uc11c \uc791\uc131\ud55c XML \ucf54\ub4dc\uc640 \ub3d9\uc77c\ud55c \ub0b4\uc6a9\uc744 \ucf54\ud2c0\ub9b0\uc73c\ub85c \uc791\uc131\ud558\ub294 \uc608\uc81c\uc785\ub2c8\ub2e4. \uc774 \ucf54\ub4dc\ub294 \uac01 \ub808\uc774\uc544\uc6c3\uc5d0\ub294 \uc7a5\uc810\uacfc \ub2e8\uc810\uc774 \uc788\uc2b5\ub2c8\ub2e4. \uc0c1\ub300 \uc704\uce58\ub85c \ubc30\uce58\ud558\ub294 \uac83 \uc678\uc5d0\ub3c4 \ub2e4\uc591\ud55c \ub808\uc774\uc544\uc6c3\uc744 \uc0ac\uc6a9\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc774\ubc88 \uae00\uc5d0\uc11c\ub294 \ub354 \uae4a\uc774 \uc788\ub294 \uc548\ub4dc\ub85c\uc774\ub4dc \uc571 \uac1c\ubc1c\uc744 \uc6d0\ud558\uc2e0\ub2e4\uba74, \uacf5\uc2dd \ubb38\uc11c\ub098 \uad00\ub828 \uc11c\uc801\uc744 \ucc38\uc870\ud558\uc2dc\uae30 \ubc14\ub78d\ub2c8\ub2e4. \ucd94\uac00\uc801\uc778 \uc9c8\ubb38\uc774\ub098 \ub3c4\uc6c0\uc774 \ud544\uc694\ud558\uc2dc\ub2e4\uba74 \ub313\uae00\ub85c \ubb38\uc758\ud574 \uc8fc\uc138\uc694!<\/p>\n <\/body><\/p>\n","protected":false},"excerpt":{"rendered":"RelativeLayout<\/code>\uc758 \uac1c\ub150, \uc0ac\uc6a9\ubc95, \uadf8\ub9ac\uace0 \uc608\uc81c \ucf54\ub4dc\ub97c \ud1b5\ud574 \uc790\uc138\ud788 \uc54c\uc544\ubcf4\uaca0\uc2b5\ub2c8\ub2e4.<\/p>\nRelativeLayout\uc758 \uae30\ubcf8 \uac1c\ub150<\/h2>\n
RelativeLayout<\/code>\uc740 \uc790\uc2dd \uc694\uc18c\ub4e4\uc774 \uc11c\ub85c\uc758 \uc704\uce58\uc5d0 \ub530\ub77c \uc815\ub82c\ub418\ub294 \ub808\uc774\uc544\uc6c3\uc785\ub2c8\ub2e4. \uac01 \uc694\uc18c\ub294 \ubd80\ubaa8 \ub808\uc774\uc544\uc6c3 \ub0b4\uc5d0\uc11c \uc11c\ub85c \uc0c1\ub300\uc801\uc778 \uc704\uce58\ub97c \uac00\uc9c8 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc774\ub97c \ud1b5\ud574 \ubcf5\uc7a1\ud55c UI \uad6c\uc870\ub97c \uac04\ud3b8\ud558\uac8c \uc124\uacc4\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\nRelativeLayout\uc758 \uc18d\uc131<\/h2>\n
RelativeLayout<\/code>\uc5d0\uc11c \uc911\uc694\ud55c \uc18d\uc131\ub4e4\uc740 \ub2e4\uc74c\uacfc \uac19\uc2b5\ub2c8\ub2e4.<\/p>\n\n
layout_alignParentTop<\/code>: \ubd80\ubaa8\uc758 \uc0c1\ub2e8\uc5d0 \uc815\ub82c\ud569\ub2c8\ub2e4.<\/li>\nlayout_alignParentBottom<\/code>: \ubd80\ubaa8\uc758 \ud558\ub2e8\uc5d0 \uc815\ub82c\ud569\ub2c8\ub2e4.<\/li>\nlayout_alignParentLeft<\/code>: \ubd80\ubaa8\uc758 \uc67c\ucabd\uc5d0 \uc815\ub82c\ud569\ub2c8\ub2e4.<\/li>\nlayout_alignParentRight<\/code>: \ubd80\ubaa8\uc758 \uc624\ub978\ucabd\uc5d0 \uc815\ub82c\ud569\ub2c8\ub2e4.<\/li>\nlayout_toLeftOf<\/code>: \uc9c0\uc815\ud55c \ubdf0\uc758 \uc67c\ucabd\uc5d0 \uc704\uce58\ud569\ub2c8\ub2e4.<\/li>\nlayout_toRightOf<\/code>: \uc9c0\uc815\ud55c \ubdf0\uc758 \uc624\ub978\ucabd\uc5d0 \uc704\uce58\ud569\ub2c8\ub2e4.<\/li>\nlayout_above<\/code>: \uc9c0\uc815\ud55c \ubdf0\uc758 \uc704\uc5d0 \uc704\uce58\ud569\ub2c8\ub2e4.<\/li>\nlayout_below<\/code>: \uc9c0\uc815\ud55c \ubdf0\uc758 \uc544\ub798\uc5d0 \uc704\uce58\ud569\ub2c8\ub2e4.<\/li>\n<\/ul>\nRelativeLayout \uc0ac\uc6a9 \uc608\uc81c<\/h2>\n
RelativeLayout<\/code>\uc758 \uc0ac\uc6a9\ubc95\uc744 \ubcf4\uc5ec\ub4dc\ub9ac\uaca0\uc2b5\ub2c8\ub2e4. \uc774 \uc608\uc81c\uc5d0\uc11c\ub294 \ubc84\ud2bc\uacfc \ud14d\uc2a4\ud2b8 \ubdf0\ub97c \ubc30\uce58\ud560 \uac83\uc785\ub2c8\ub2e4.<\/p>\n<RelativeLayout xmlns:android=\"http:\/\/schemas.android.com\/apk\/res\/android\"\n android:layout_width=\"match_parent\"\n android:layout_height=\"match_parent\">\n\n <TextView\n android:id=\"@+id\/titleText\"\n android:layout_width=\"wrap_content\"\n android:layout_height=\"wrap_content\"\n android:text=\"Hello, RelativeLayout!\"\n android:layout_alignParentTop=\"true\"\n android:layout_centerHorizontal=\"true\"\n android:textSize=\"24sp\"\/>\n\n <Button\n android:id=\"@+id\/myButton\"\n android:layout_width=\"wrap_content\"\n android:layout_height=\"wrap_content\"\n android:text=\"\ud074\ub9ad\ud558\uc138\uc694\"\n android:layout_below=\"@id\/titleText\"\n android:layout_centerHorizontal=\"true\"\n android:layout_marginTop=\"20dp\"\/>\n\n<\/RelativeLayout><\/code><\/pre>\n\ucf54\ud2c0\ub9b0\uc73c\ub85c RelativeLayout \uc124\uc815\ud558\uae30<\/h2>\n
Activity<\/code>\uc5d0\uc11c RelativeLayout<\/code>\uc744 \ucf54\ub4dc\ub85c \uc0dd\uc131\ud558\uace0 \ud65c\uc6a9\ud558\ub294 \ubc29\ubc95\uc744 \ubcf4\uc5ec\uc90d\ub2c8\ub2e4.<\/p>\nimport android.os.Bundle\nimport android.widget.Button\nimport android.widget.RelativeLayout\nimport android.widget.TextView\nimport androidx.appcompat.app.AppCompatActivity\n\nclass MainActivity : AppCompatActivity() {\n override fun onCreate(savedInstanceState: Bundle?) {\n super.onCreate(savedInstanceState)\n\n val relativeLayout = RelativeLayout(this)\n\n val titleText = TextView(this).apply {\n text = \"Hello, RelativeLayout!\"\n textSize = 24f\n }\n\n val myButton = Button(this).apply {\n text = \"\ud074\ub9ad\ud558\uc138\uc694\"\n }\n\n \/\/ RelativeLayout.LayoutParams \uc124\uc815\n val titleParams = RelativeLayout.LayoutParams(\n RelativeLayout.LayoutParams.WRAP_CONTENT,\n RelativeLayout.LayoutParams.WRAP_CONTENT\n ).apply {\n addRule(RelativeLayout.ALIGN_PARENT_TOP)\n addRule(RelativeLayout.CENTER_HORIZONTAL)\n }\n\n val buttonParams = RelativeLayout.LayoutParams(\n RelativeLayout.LayoutParams.WRAP_CONTENT,\n RelativeLayout.LayoutParams.WRAP_CONTENT\n ).apply {\n addRule(RelativeLayout.BELOW, titleText.id)\n addRule(RelativeLayout.CENTER_HORIZONTAL)\n setMargins(0, 20, 0, 0)\n }\n\n \/\/ \ubdf0 \ucd94\uac00\n relativeLayout.addView(titleText, titleParams)\n relativeLayout.addView(myButton, buttonParams)\n\n setContentView(relativeLayout)\n }\n}<\/code><\/pre>\nRelativeLayout\uc758 \uc7a5\uc810\uacfc \ub2e8\uc810<\/h2>\n
RelativeLayout<\/code>\uc758 \uacbd\uc6b0:<\/p>\n\uc7a5\uc810<\/h3>\n
\n
\ub2e8\uc810<\/h3>\n
\n
RelativeLayout\uc758 \ub300\uc548<\/h2>\n
ConstraintLayout<\/code>\uc740 \ub354 \uc720\uc5f0\ud558\uace0 \ubcf5\uc7a1\ud55c \uad6c\uc870\ub97c \uc27d\uac8c \uad6c\ud604\ud560 \uc218 \uc788\ub294 \ub300\uc548\uc785\ub2c8\ub2e4. \uc774 \ub808\uc774\uc544\uc6c3\uc740 \uc131\ub2a5 \ub610\ud55c \uace0\ub824\ud558\uc5ec \uc124\uacc4\ub418\uc5c8\uc2b5\ub2c8\ub2e4. RelativeLayout<\/code>\uc774 \uc9c0\uc6d0\ud558\uc9c0 \uc54a\ub294 \ub9ce\uc740 \uae30\ub2a5\uc744 \uc81c\uacf5\ud558\uae30 \ub54c\ubb38\uc5d0, \ubcf5\uc7a1\ud55c UI\ub97c \uc124\uacc4\ud560 \ub54c \uad8c\uc7a5\ub429\ub2c8\ub2e4.<\/p>\n\uacb0\ub860<\/h2>\n
RelativeLayout<\/code>\uc758 \uac1c\ub150\uacfc \uc0ac\uc6a9\ubc95, \uc608\uc81c \ucf54\ub4dc\ub97c \uc0b4\ud3b4\ubcf4\uc558\uc2b5\ub2c8\ub2e4. RelativeLayout<\/code>\uc740 \uc548\ub4dc\ub85c\uc774\ub4dc \uac1c\ubc1c\uc5d0\uc11c \uc911\uc694\ud55c \uc5ed\ud560\uc744 \ud558\uba70, \ub2e4\ub978 \ub808\uc774\uc544\uc6c3\uacfc\uc758 \uc870\ud654\ub97c \ud1b5\ud574 \ub354 \ub098\uc740 \uc0ac\uc6a9\uc790 \uacbd\ud5d8\uc744 \uc81c\uacf5\ud569\ub2c8\ub2e4. \ub2e4\uc591\ud55c \ub808\uc774\uc544\uc6c3\uc744 \ud65c\uc6a9\ud574 \ubcf4\uc2dc\uace0, \ucd5c\uc801\uc758 UI\ub97c \uad6c\ud604\ud574 \ubcf4\uc2dc\uae30 \ubc14\ub78d\ub2c8\ub2e4.<\/p>\n