\uc548\ub4dc\ub85c\uc774\ub4dc \uc571 \uac1c\ubc1c\uc5d0 \uc788\uc5b4\uc11c \ub2e4\uc591\ud55c \ud654\uba74 \ud06c\uae30\uc640 \ud574\uc0c1\ub3c4\uc5d0 \ub300\ud55c \ud638\ud658\uc131\uc740 \ud544\uc218\uc801\uc778 \uc694\uc18c\uc785\ub2c8\ub2e4. \ub2e4\uc591\ud55c \ubaa8\ubc14\uc77c \uae30\uae30\ub4e4\uc774 \uc2dc\uc7a5\uc5d0 \ub098\uc624\uba74\uc11c, \ub3d9\uc77c\ud55c \uc571\uc774 \ub2e4\uc591\ud55c \ud654\uba74 \ud06c\uae30\uc5d0\uc11c \uc720\uc6a9\ud558\uac8c \uc0ac\uc6a9\ub418\ub3c4\ub85d \ud558\ub294 \uac83\uc774 \uc911\uc694\ud574\uc84c\uc2b5\ub2c8\ub2e4. \uc774\ubc88 \ud3ec\uc2a4\ud305\uc5d0\uc11c\ub294 \uc774\ub7ec\ud55c \ud638\ud658\uc131\uc744 \uc790\ubc14\ub97c \ud1b5\ud574 \uc5b4\ub5bb\uac8c \uad6c\ucd95\ud560 \uc218 \uc788\ub294\uc9c0\uc5d0 \ub300\ud574 \uae4a\uc774 \uc788\uac8c \uc54c\uc544\ubcf4\uaca0\uc2b5\ub2c8\ub2e4.<\/p>\n
\uc548\ub4dc\ub85c\uc774\ub4dc\uc5d0\uc11c\ub294 \ud654\uba74 \ud06c\uae30\uc5d0 \ub530\ub77c\uc11c \ub2e4\uc74c\uacfc \uac19\uc740 \ubd84\ub958\ub97c \uc81c\uacf5\ud569\ub2c8\ub2e4.<\/p>\n
\uc548\ub4dc\ub85c\uc774\ub4dc\uc5d0\uc11c\ub294 \uae30\ubcf8\uc801\uc73c\ub85c \uc0ac\uc6a9\uc790 \ud654\uba74\uc758 \ubc00\ub3c4\ub97c \uace0\ub824\ud574\uc57c \ud569\ub2c8\ub2e4. \ud654\uba74 \ubc00\ub3c4\ub294 ‘dpi'(dots per inch)\ub85c \ub098\ud0c0\ub0b4\uba70, \uc544\ub798\uc640 \uac19\uc740 \ub2e4\uc591\ud55c \ubc00\ub3c4\uac00 \uc874\uc7ac\ud569\ub2c8\ub2e4.<\/p>\n
\ud638\ud658\uc131 \uc788\ub294 \uc571\uc744 \ub9cc\ub4e4\uae30 \uc704\ud574\uc11c\ub294 \ub2e4\uc591\ud55c \ud654\uba74 \ud06c\uae30\uc640 \ubc00\ub3c4\ub97c \ubaa8\ub450 \ubc18\uc601\ud560 \uc218 \uc788\ub294 \ub808\uc774\uc544\uc6c3\uc744 \ub514\uc790\uc778\ud574\uc57c \ud569\ub2c8\ub2e4. \ub2e4\uc74c\uc740 \uba87 \uac00\uc9c0 \ud544\uc218\uc801\uc778 \uc6d0\uce59\uc785\ub2c8\ub2e4.<\/p>\n
Android\uc5d0\uc11c\ub294 \ub2e4\uc591\ud55c \ud654\uba74 \ud06c\uae30\ub97c \uc9c0\uc6d0\ud558\uae30 \uc704\ud574 \ubdf0\uc758 \ud06c\uae30\uc640 \ud14d\uc2a4\ud2b8 \ud06c\uae30\ub97c \uc124\uc815\ud560 \ub54c\ub294 \uc548\ub4dc\ub85c\uc774\ub4dc\uc5d0\uc11c\ub294 \ub9ac\uc18c\uc2a4 \ub514\ub809\ud1a0\ub9ac\ub97c \ud1b5\ud574 \ub2e4\uc591\ud55c \ud654\uba74 \ud06c\uae30\uc640 \ubc00\ub3c4\uc5d0 \ub530\ub978 \ub808\uc774\uc544\uc6c3\uc744 \ubcc4\ub3c4\ub85c \uc815\uc758\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc608\ub97c \ub4e4\uc5b4, \uc544\ub798\ub294 \ub2e4\uc591\ud55c \ud654\uba74 \ud06c\uae30\uc5d0 \uc801\uc751\ud560 \uc218 \uc788\ub3c4\ub85d \uc124\uacc4\ub41c \uac04\ub2e8\ud55c \uc548\ub4dc\ub85c\uc774\ub4dc \uc571\uc758 \uc608\uc81c \ucf54\ub4dc\uc785\ub2c8\ub2e4.<\/p>\n \ub2e4\uc74c\uc740 \ub2e4\uc591\ud55c \ud654\uba74 \ud06c\uae30\uc5d0 \ub530\ub77c \ubcc0\uacbd\ub418\ub294 \ub354\ubcf4\uae30 \ubc84\ud2bc\uc744 \uac00\uc9c4 \ub808\uc774\uc544\uc6c3 \uc608\uc81c\uc785\ub2c8\ub2e4. \uc5ec\uae30\uc5d0\uc120 \ubc84\ud2bc\uc758 \uc704\uce58\uac00 \ud654\uba74 \ud06c\uae30\uc5d0 \ub530\ub77c \uc870\uc815\ub429\ub2c8\ub2e4.<\/p>\n \uc774\ubc88 \ud3ec\uc2a4\ud305\uc5d0\uc11c\ub294 \uc790\ubc14\ub97c \ud65c\uc6a9\ud55c \uc548\ub4dc\ub85c\uc774\ub4dc \uc571 \uac1c\ubc1c\uc5d0 \uc788\uc5b4 \ub2e4\uc591\ud55c \ud654\uba74 \ud06c\uae30\uc640 \ud574\uc0c1\ub3c4\uc5d0 \ub9de\ucdb0 \ud638\ud658\uc131\uc744 \ud655\ubcf4\ud558\ub294 \ubc29\ubc95\uc5d0 \ub300\ud574 \uc0b4\ud3b4\ubcf4\uc558\uc2b5\ub2c8\ub2e4. \uc571\uc758 \ud638\ud658\uc131\uc744 \ub192\uc774\uae30 \uc704\ud55c \uc5ec\ub7ec \uac00\uc9c0 \uae30\uc220\uacfc \uc6d0\uce59\uc744 \uc801\uc6a9\ud558\uc5ec, \uc0ac\uc6a9\uc790\uc5d0\uac8c \ucd5c\uc801\uc758 \uacbd\ud5d8\uc744 \uc81c\uacf5\ud558\ub294 \uc571\uc744 \uac1c\ubc1c\ud558\ub294 \ub370 \ub3c4\uc6c0\ub418\uae30\ub97c \ubc14\ub78d\ub2c8\ub2e4.<\/p>\nConstraintLayout<\/code>\uc640 \uac19\uc740 \uc720\uc5f0\ud55c \ub808\uc774\uc544\uc6c3\uc744 \uc0ac\uc6a9\ud569\ub2c8\ub2e4. \uc774 \ub808\uc774\uc544\uc6c3\uc740 \ubdf0\ub97c \uc81c\uc57d\uc744 \ud1b5\ud574 \uc11c\ub85c\uc758 \uc704\uce58\ub97c \uc0c1\ud638 \ucc38\uc870\ud558\uac8c \ub9cc\ub4e4 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n2.2 dp\uc640 sp \uc0ac\uc6a9<\/h3>\n
dp<\/code> (density-independent pixels)\uc640 sp<\/code> (scale-independent pixels)\ub97c \uc0ac\uc6a9\ud558\ub294 \uac83\uc744 \uad8c\uc7a5\ud569\ub2c8\ub2e4. \uc774 \ub450 \ub2e8\uc704\ub294 \ud654\uba74 \ubc00\ub3c4\uc5d0 \ub530\ub77c \uc790\ub3d9 \uc870\uc815\ub429\ub2c8\ub2e4. \uc608\ub97c \ub4e4\uc5b4, textSize\ub97c \uc124\uc815\ud560 \ub54c\ub294 sp<\/code>\ub97c \uc0ac\uc6a9\ud558\uc5ec \uc0ac\uc6a9\uc790 \uc124\uc815\uc5d0 \ub530\ub77c \ud06c\uae30\uac00 \uc870\uc815\ub418\ub3c4\ub85d \ud574\uc57c \ud569\ub2c8\ub2e4.<\/p>\n2.3 \ub2e4\uc591\ud55c \ub808\uc774\uc544\uc6c3 \ub9ac\uc18c\uc2a4 \uc0ac\uc6a9<\/h3>\n
layout-mdpi<\/code>, layout-hdpi<\/code>, layout-xhdpi<\/code> \ub4f1\uc73c\ub85c \ubd84\ub9ac\ud558\uc5ec \uac01\uae30 \ub2e4\ub978 \ub808\uc774\uc544\uc6c3\uc744 \uc124\uc815\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n3. \ucf54\ub4dc \uc608\uc81c<\/h2>\n
3.1 MainActivity.java<\/h3>\n
package com.example.compatibility;\n\nimport android.os.Bundle;\nimport androidx.appcompat.app.AppCompatActivity;\n\npublic class MainActivity extends AppCompatActivity {\n @Override\n protected void onCreate(Bundle savedInstanceState) {\n super.onCreate(savedInstanceState);\n setContentView(R.layout.activity_main);\n }\n}\n <\/code><\/pre>\n3.2 activity_main.xml<\/h3>\n
<?xml version=\"1.0\" encoding=\"utf-8\"?>\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\/textView\"\n android:layout_width=\"wrap_content\"\n android:layout_height=\"wrap_content\"\n android:text=\"\uc548\ub155\ud558\uc138\uc694, \uc548\ub4dc\ub85c\uc774\ub4dc!\"\n android:textSize=\"18sp\"\n android:layout_centerInParent=\"true\"\/>\n\n<\/RelativeLayout>\n <\/code><\/pre>\n3.3 \ub2e4\ub978 \ud654\uba74 \ud06c\uae30\uc5d0 \ub530\ub978 \ub808\uc774\uc544\uc6c3 \uc608\uc81c<\/h3>\n
layout-small\/activity_main.xml<\/h4>\n
<?xml version=\"1.0\" encoding=\"utf-8\"?>\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 <Button\n android:id=\"@+id\/button\"\n android:layout_width=\"match_parent\"\n android:layout_height=\"wrap_content\"\n android:text=\"\ub354\ubcf4\uae30\"\n android:layout_alignParentBottom=\"true\"\/>\n\n<\/RelativeLayout>\n <\/code><\/pre>\nlayout-normal\/activity_main.xml<\/h4>\n
<?xml version=\"1.0\" encoding=\"utf-8\"?>\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 <Button\n android:id=\"@+id\/button\"\n android:layout_width=\"wrap_content\"\n android:layout_height=\"wrap_content\"\n android:text=\"\ub354\ubcf4\uae30\"\n android:layout_alignParentBottom=\"true\"\n android:layout_centerHorizontal=\"true\"\/>\n\n<\/RelativeLayout>\n <\/code><\/pre>\nlayout-large\/activity_main.xml<\/h4>\n
<?xml version=\"1.0\" encoding=\"utf-8\"?>\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 <Button\n android:id=\"@+id\/button\"\n android:layout_width=\"wrap_content\"\n android:layout_height=\"wrap_content\"\n android:text=\"\ub354\ubcf4\uae30\"\n android:layout_alignParentBottom=\"true\"\n android:layout_centerHorizontal=\"true\"\n android:padding=\"16dp\"\/>\n\n<\/RelativeLayout>\n <\/code><\/pre>\n4. \uacb0\ub860<\/h2>\n
5. \ucc38\uace0 \uc790\ub8cc<\/h2>\n