\uc548\ub4dc\ub85c\uc774\ub4dc \uc571 \uac1c\ubc1c\uc5d0 \uc788\uc5b4\uc11c “\ubdf0(View)”\ub294 \uc0ac\uc6a9\uc790 \uc778\ud130\ud398\uc774\uc2a4(UI)\uc758 \uac00\uc7a5 \uae30\ubcf8\uc801\uc778 \uad6c\uc131 \uc694\uc18c\uc785\ub2c8\ub2e4. \uc774 \uac15\uc88c\uc5d0\uc11c\ub294 \ucf54\ud2c0\ub9b0\uc744 \uc0ac\uc6a9\ud558\uc5ec \uc548\ub4dc\ub85c\uc774\ub4dc \uc571\uc758 \uae30\ubcf8\uc801\uc778 \ubdf0\uc5d0 \ub300\ud574 \uc790\uc138\ud788 \uc0b4\ud3b4\ubcf4\uaca0\uc2b5\ub2c8\ub2e4. \ubdf0\uc758 \uc885\ub958\uc640 \uadf8 \ud2b9\uc131, \uadf8\ub9ac\uace0 \uc2e4\uc81c \uc608\uc81c \ucf54\ub4dc\ub97c \ud1b5\ud574 \ubdf0\ub97c \uc5b4\ub5bb\uac8c \ud65c\uc6a9\ud560 \uc218 \uc788\ub294\uc9c0\ub97c \uc54c\uc544\ubcf4\uaca0\uc2b5\ub2c8\ub2e4.<\/p>\n
\ubdf0\ub294 \uc0ac\uc6a9\uc790\uac00 \uc571\uacfc \uc0c1\ud638\uc791\uc6a9\ud560 \uc218 \uc788\ub294 \uc694\uc18c\uc785\ub2c8\ub2e4. \uc0ac\uc6a9\uc790\uc5d0\uac8c \uc815\ubcf4(\ud14d\uc2a4\ud2b8, \uc774\ubbf8\uc9c0, \ub4f1)\ub97c \ud45c\uc2dc\ud558\uac70\ub098 \uc0ac\uc6a9\uc790\uc758 \uc785\ub825\uc744 \uc218\uc9d1\ud558\ub294 \uc5ed\ud560\uc744 \ud569\ub2c8\ub2e4. \uc548\ub4dc\ub85c\uc774\ub4dc\uc5d0\uc11c \uc81c\uacf5\ud558\ub294 \ub2e4\uc591\ud55c \ubdf0\uac00 \uc788\uc73c\uba70, \uc774\ub4e4\uc740 \ubaa8\ub450 View \ud074\ub798\uc2a4\ub97c \uc0c1\uc18d\ubc1b\uc2b5\ub2c8\ub2e4.<\/p>\n
\uc77c\ubc18\uc801\uc73c\ub85c \uc0ac\uc6a9\ub418\ub294 \ubdf0\ub294 \ub2e4\uc74c\uacfc \uac19\uc2b5\ub2c8\ub2e4:<\/p>\n
\uc774\uc81c \uae30\ubcf8\uc801\uc778 \ubdf0\ub97c \uc0ac\uc6a9\ud558\uc5ec \uac04\ub2e8\ud55c \uc548\ub4dc\ub85c\uc774\ub4dc \uc571\uc744 \ub9cc\ub4e4\uc5b4 \ubcf4\uaca0\uc2b5\ub2c8\ub2e4. \uc774 \uc608\uc81c\uc5d0\uc11c\ub294 TextView, EditText, Button\uc744 \uc0ac\uc6a9\ud558\uc5ec \uc0ac\uc6a9\uc790\ub85c\ubd80\ud130 \uc785\ub825\uc744 \ubc1b\uace0, \ubc84\ud2bc \ud074\ub9ad \uc2dc \uc785\ub825\ub41c \ud14d\uc2a4\ud2b8\ub97c TextView\uc5d0 \ud45c\uc2dc\ud558\ub294 \uc571\uc744 \uad6c\ud604\ud569\ub2c8\ub2e4.<\/p>\n
\uc548\ub4dc\ub85c\uc774\ub4dc \uc2a4\ud29c\ub514\uc624\uc5d0\uc11c \uc0c8\ub85c\uc6b4 \ud504\ub85c\uc81d\ud2b8\ub97c \uc0dd\uc131\ud569\ub2c8\ub2e4. \uc544\ub798\uc758 \uc124\uc815\uc744 \ub530\ub77c \ud574\uc8fc\uc138\uc694:<\/p>\n
\ud504\ub85c\uc81d\ud2b8\uac00 \uc0dd\uc131\ub418\uba74, \uc774\uc81c \uc774\uc81c \uc571\uc744 \uc2e4\ud589\ud558\uba74, \uc0ac\uc6a9\uc790\uac00 EditText\uc5d0 \uc785\ub825\ud55c \ud14d\uc2a4\ud2b8\uac00 \ubc84\ud2bc \ud074\ub9ad \uc2dc TextView\uc5d0 \ud45c\uc2dc\ub429\ub2c8\ub2e4.<\/p>\n \uc704\uc5d0\uc11c \uc0b4\ud3b4\ubcf8 \uae30\ubcf8 \ubdf0 \uc678\uc5d0\ub3c4 \ub2e4\uc218\uc758 \ubdf0\uc640 \uadf8 \uc18d\uc131, \uc774\ubca4\ud2b8 \ud578\ub4e4\ub9c1 \ubc29\ubc95\uc744 \uc0b4\ud3b4\ubcf4\uaca0\uc2b5\ub2c8\ub2e4.<\/p>\n TextView\ub294 \ub2e4\uc591\ud55c \uc18d\uc131\uc744 \uc9c0\ub2c8\uace0 \uc788\uc2b5\ub2c8\ub2e4. \uc8fc\ub85c \uc0ac\uc6a9\ub418\ub294 \uc18d\uc131\uc740 \ub2e4\uc74c\uacfc \uac19\uc2b5\ub2c8\ub2e4:<\/p>\n EditText\ub294 \uc0ac\uc6a9\uc790\uc758 \uc785\ub825\uc744 \ubc1b\uc744 \uc218 \uc788\ub294 \ubdf0\ub85c, \ucd94\uac00\uc801\uc778 \uc18d\uc131\uc73c\ub85c \uc0ac\uc6a9\uc790\uc758 \uc785\ub825 \ud615\uc2dd \ub4f1\uc744 \uc124\uc815\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n \uc790\uc8fc \uc0ac\uc6a9\ub418\ub294 \uc18d\uc131:<\/p>\n Button\uc740 \uc774\ubca4\ud2b8\ub97c \ucc98\ub9ac\ud560 \uc218 \uc788\ub294 \ubdf0\ub85c, \ub2e4\uc591\ud55c \uc885\ub958\uc758 \ubc30\uacbd \uc0c9\uc0c1, \ud14d\uc2a4\ud2b8 \uc0c9\uc0c1 \ub4f1\uc744 \uc124\uc815\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n \ucd94\uac00\uc801\uc73c\ub85c, \uc548\ub4dc\ub85c\uc774\ub4dc\uc5d0\uc11c \ubc84\ud2bc\uc740 \ud074\ub9ad \uc774\ubca4\ud2b8\ub97c \ucc98\ub9ac\ud558\uc5ec \ub2e4\uc591\ud55c \ub3d9\uc791\uc744 \uc218\ud589\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc774\ub97c \uc704\ud574 CheckBox\ub294 \uc5ec\ub7ec \uc635\uc158 \uc911 \uc5ec\ub7ec \uac1c\ub97c \uc120\ud0dd\ud560 \uc218 \uc788\ub3c4\ub85d \ud574\uc8fc\uba70, RadioButton\uc740 \uc5ec\ub7ec \uc635\uc158 \uc911 \ud558\ub098\ub9cc \uc120\ud0dd\ud560 \uc218 \uc788\ub3c4\ub85d \ud569\ub2c8\ub2e4.<\/p>\n \uc608\ub97c \ub4e4\uc5b4, \ub2e4\uc74c\uacfc \uac19\uc774 CheckBox\uc640 RadioButton\uc744 \uc0ac\uc6a9\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4:<\/p>\n \ubaa8\ub4e0 \ubdf0\uc5d0\ub294 \ub2e4\uc591\ud55c \uc774\ubca4\ud2b8\ub97c \ucc98\ub9ac\ud560 \uc218 \uc788\ub294 \uba54\uc18c\ub4dc\uac00 \uc788\uc2b5\ub2c8\ub2e4. \ub2e4\ub8f0 \uc218 \uc788\ub294 \uae30\ubcf8 \uc774\ubca4\ud2b8\ub294 \ub2e4\uc74c\uacfc \uac19\uc2b5\ub2c8\ub2e4:<\/p>\n \ubc84\ud2bc\uc744 \ud074\ub9ad\ud588\uc744 \ub54c \ub3d9\uc791\uc744 \uc815\uc758\ud558\uae30 \uc704\ud574 EditText\uc5d0\uc11c \uc0ac\uc6a9\uc790\uac00 \ud14d\uc2a4\ud2b8\ub97c \uc785\ub825\ud560 \ub54c\ub9c8\ub2e4 \ubcc0\uacbd \uc0ac\ud56d\uc744 \uac10\uc9c0\ud558\uae30 \uc704\ud574 \uc548\ub4dc\ub85c\uc774\ub4dc\uc5d0\uc11c \ubdf0\ub97c \ubc30\uce58\ud560 \uc218 \uc788\ub294 \ub808\uc774\uc544\uc6c3\uc740 \uc5ec\ub7ec \uc885\ub958\uac00 \uc788\uc2b5\ub2c8\ub2e4. \uc774\ud558\uc758 \ub808\uc774\uc544\uc6c3\uc740 \uc790\uc8fc \uc0ac\uc6a9\ub418\ub294 \ub808\uc774\uc544\uc6c3\uc785\ub2c8\ub2e4:<\/p>\n LinearLayout\uc740 \ubdf0\ub97c \uc218\uc9c1 \ub610\ub294 \uc218\ud3c9\uc73c\ub85c \ub098\uc5f4\ud560 \uc218 \uc788\ub294 \ub808\uc774\uc544\uc6c3\uc785\ub2c8\ub2e4. RelativeLayout\uc740 \ubdf0 \uac04\uc758 \uc0c1\ub300\uc801\uc778 \uc704\uce58\ub97c \uc124\uc815\ud560 \uc218 \uc788\ub294 \ub808\uc774\uc544\uc6c3\uc785\ub2c8\ub2e4. \ubdf0\uc758 \uc704\uce58\ub97c \ub2e4\ub978 \ubdf0\uc758 \uc704\uce58\uc5d0 \ub530\ub77c \uc124\uc815\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n ConstraintLayout\uc740 \ubcf5\uc7a1\ud55c \ub808\uc774\uc544\uc6c3\uc744 \uc27d\uac8c \uad6c\uc131\ud560 \uc218 \uc788\ub3c4\ub85d \ub3c4\uc640\uc8fc\ub294 \ub808\uc774\uc544\uc6c3\uc785\ub2c8\ub2e4. \ubdf0 \uac04\uc758 \uc81c\uc57d \uc870\uac74\uc744 \uc124\uc815\ud574 \uc720\uc5f0\ud55c \ubc30\uce58\ub97c \ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n \uc548\ub4dc\ub85c\uc774\ub4dc\uc5d0\uc11c \ubdf0\ub97c \ud65c\uc6a9\ud558\ub294 \ub370 \uc788\uc5b4 \uae30\ubcf8 \uc81c\uacf5\ub418\ub294 \ubdf0 \uc678\uc5d0\ub3c4 \uc0ac\uc6a9\uc790 \uc815\uc758 \ubdf0\ub97c \uc0dd\uc131\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc0ac\uc6a9\uc790 \uc815\uc758 \ubdf0\ub294 \ud2b9\uc815\ud55c \uae30\ub2a5\uc774\ub098 \ub514\uc790\uc778\uc744 \uc694\uad6c\ud558\ub294 \uc571\uc744 \ub9cc\ub4e4 \ub54c \uc720\uc6a9\ud569\ub2c8\ub2e4.<\/p>\n \ub2e4\uc74c \uc608\uc81c\uc5d0\uc11c\ub294 \uc0ac\uc6a9\uc790 \uc815\uc758 \ubdf0\ub97c \uc0dd\uc131\ud558\ub294 \ubc29\ubc95\uc744 \uc124\uba85\ud569\ub2c8\ub2e4. \uba3c\uc800 \uc0c8\ub85c\uc6b4 Kotlin \ud074\ub798\uc2a4\ub97c \uc0dd\uc131\ud558\uc5ec View \ud074\ub798\uc2a4\ub97c \uc0c1\uc18d\ubc1b\uc2b5\ub2c8\ub2e4:<\/p>\n \uc704\uc640 \uac19\uc740 \ud074\ub798\uc2a4\ub97c \ub9cc\ub4e0 \ud6c4 XML \ub808\uc774\uc544\uc6c3 \ud30c\uc77c\uc5d0\uc11c \ud574\ub2f9 \ubdf0\ub97c \uc774\uc6a9\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4:<\/p>\n \uc774\uc81c \uae30\ubcf8\uc801\uc778 \ubdf0\uc640 \uadf8 \ud65c\uc6a9\uc5d0 \ub300\ud574 \uc54c\uc544\ubcf4\uc558\uc2b5\ub2c8\ub2e4. \uc2e4\uc81c \uc571\uc744 \ub9cc\ub4e4\uae30 \uc704\ud574 \uac16\ucdb0\uc57c \ud560 \uae30\ubcf8\uc801\uc778 \uc694\uc18c\ub4e4\uc744 \uc774\ud574\ud558\uc168\uae30\ub97c \ubc14\ub78d\ub2c8\ub2e4. \ub2e4\uc74c \uc218\uc5c5\uc5d0\uc11c\ub294 \ub354 \ubcf5\uc7a1\ud55c \ubdf0\uc640 \ub2e4\uc591\ud55c \uc5b4\ub311\ud130\ub97c \ud65c\uc6a9\ud55c \ub9ac\uc2a4\ud2b8 \ubc0f \uadf8\ub798\ud504 \uad6c\ud604\uc5d0 \ub300\ud574 \ub2e4\ub8f0 \uc608\uc815\uc785\ub2c8\ub2e4.<\/p>\n \ubb3c\ub860, \uc571\uc774 \uc644\uc131\ub418\uc5c8\ub2e4\uba74 Google Play\ub97c \ud1b5\ud574 \ubc30\ud3ec\ud560 \uc900\ube44\ub97c \ud574\uc57c \ud569\ub2c8\ub2e4. \ubc30\ud3ec\ud558\uae30 \uc804\uc5d0\ub294 \ubc18\ub4dc\uc2dc \uc571\uc744 \ucca0\uc800\ud788 \ud14c\uc2a4\ud2b8\ud558\uace0, \uc0ac\uc6a9\uc790 \ud53c\ub4dc\ubc31\uc744 \ubc18\uc601\ud574 \uac1c\uc120\ud558\ub294 \uacfc\uc815\uc774 \ud544\uc694\ud569\ub2c8\ub2e4.<\/p>\n \uc774 \uae00\uc744 \ud1b5\ud574 \ub9ce\uc740 \ub3c4\uc6c0\uc774 \ub418\uc5c8\uae30\ub97c \ubc14\ub77c\uba70, \uc55e\uc73c\ub85c\ub3c4 \ucf54\ud2c0\ub9b0\uc744 \ud65c\uc6a9\ud55c \uc548\ub4dc\ub85c\uc774\ub4dc \uc571 \uac1c\ubc1c\uc5d0 \ub300\ud55c \uad00\uc2ec\uacfc \ub178\ub825\uc744 \uacc4\uc18d \uc774\uc5b4\uac00\uc2dc\uae30 \ubc14\ub78d\ub2c8\ub2e4.<\/p>\n <\/body><\/p>\n","protected":false},"excerpt":{"rendered":"res\/layout\/activity_main.xml<\/code> \ud30c\uc77c\uc744 \uc5f4\uc5b4 \ub2e4\uc74c\uacfc \uac19\uc774 \uc5c5\ub370\uc774\ud2b8\ud569\ub2c8\ub2e4:<\/p>\n\n<LinearLayout\n xmlns:android=\"http:\/\/schemas.android.com\/apk\/res\/android\"\n android:layout_width=\"match_parent\"\n android:layout_height=\"match_parent\"\n android:orientation=\"vertical\"\n android:padding=\"16dp\">\n\n <TextView\n android:id=\"@+id\/textView\"\n android:layout_width=\"match_parent\"\n android:layout_height=\"wrap_content\"\n android:text=\"\uc5ec\uae30\uc5d0 \uc785\ub825\ub41c \ud14d\uc2a4\ud2b8\uac00 \ud45c\uc2dc\ub429\ub2c8\ub2e4.\"\n android:textSize=\"24sp\"\/>\n\n <EditText\n android:id=\"@+id\/editText\"\n android:layout_width=\"match_parent\"\n android:layout_height=\"wrap_content\"\n android:hint=\"\uc5ec\uae30\uc5d0 \ud14d\uc2a4\ud2b8 \uc785\ub825\"\/>\n\n <Button\n android:id=\"@+id\/button\"\n android:layout_width=\"match_parent\"\n android:layout_height=\"wrap_content\"\n android:text=\"\ud14d\uc2a4\ud2b8 \ud45c\uc2dc\"\/>\n\n<\/LinearLayout>\n<\/code><\/pre>\n2.3. MainActivity \ud074\ub798\uc2a4 \uad6c\ud604<\/h3>\n
MainActivity.kt<\/code> \ud30c\uc77c\ub85c \uc774\ub3d9\ud558\uc5ec \ubc84\ud2bc \ud074\ub9ad \uc2dc \ud14d\uc2a4\ud2b8\ub97c \ubcc0\uacbd\ud558\ub294 \ub85c\uc9c1\uc744 \ucd94\uac00\ud558\uaca0\uc2b5\ub2c8\ub2e4:<\/p>\n\npackage com.example.myapp\n\nimport androidx.appcompat.app.AppCompatActivity\nimport android.os.Bundle\nimport android.widget.Button\nimport android.widget.EditText\nimport android.widget.TextView\n\nclass MainActivity : AppCompatActivity() {\n\n private lateinit var textView: TextView\n private lateinit var editText: EditText\n private lateinit var button: Button\n\n override fun onCreate(savedInstanceState: Bundle?) {\n super.onCreate(savedInstanceState)\n setContentView(R.layout.activity_main)\n\n textView = findViewById(R.id.textView)\n editText = findViewById(R.id.editText)\n button = findViewById(R.id.button)\n\n button.setOnClickListener {\n textView.text = editText.text\n }\n }\n}\n<\/code><\/pre>\n2.4. \uc571 \uc2e4\ud589\ud558\uae30<\/h3>\n
3. \ub2e4\uc591\ud55c \ubdf0\uc758 \uc18d\uc131\uacfc \ud65c\uc6a9<\/h2>\n
3.1. TextView<\/h3>\n
\n
text<\/code>: \ud14d\uc2a4\ud2b8\ub97c \uc124\uc815\ud569\ub2c8\ub2e4.<\/li>\ntextSize<\/code>: \ud14d\uc2a4\ud2b8\uc758 \ud06c\uae30\ub97c \uc124\uc815\ud569\ub2c8\ub2e4.<\/li>\ntextColor<\/code>: \ud14d\uc2a4\ud2b8\uc758 \uc0c9\uc0c1\uc744 \uc124\uc815\ud569\ub2c8\ub2e4.<\/li>\ngravity<\/code>: \ud14d\uc2a4\ud2b8\uc758 \uc815\ub82c \ubc29\uc2dd\uc744 \uc124\uc815\ud569\ub2c8\ub2e4.<\/li>\n<\/ul>\n\n<TextView\n android:id=\"@+id\/textView\"\n android:layout_width=\"match_parent\"\n android:layout_height=\"wrap_content\"\n android:text=\"\uc548\ub155\ud558\uc138\uc694!\"\n android:textSize=\"18sp\"\n android:textColor=\"#FF6347\"\n android:gravity=\"center\"\/>\n<\/code><\/pre>\n3.2. EditText<\/h3>\n
\n
hint<\/code>: \uc785\ub825 \ud544\ub4dc\uc5d0 \ud78c\ud2b8\ub97c \uc81c\uacf5\ud569\ub2c8\ub2e4.<\/li>\ninputType<\/code>: \uc785\ub825 \ud615\uc2dd\uc744 \uc124\uc815\ud569\ub2c8\ub2e4(\uc608: \ud14d\uc2a4\ud2b8, \uc22b\uc790, \uc774\uba54\uc77c \ub4f1).<\/li>\n<\/ul>\n\n<EditText\n android:id=\"@+id\/editText\"\n android:layout_width=\"match_parent\"\n android:layout_height=\"wrap_content\"\n android:hint=\"\uc774\uba54\uc77c \uc785\ub825\"\n android:inputType=\"textEmailAddress\"\/>\n<\/code><\/pre>\n3.3. Button<\/h3>\n
setOnClickListener<\/code> \uba54\uc18c\ub4dc\ub97c \uc0ac\uc6a9\ud569\ub2c8\ub2e4.<\/p>\n3.4. CheckBox\uc640 RadioButton<\/h3>\n
\n<CheckBox\n android:id=\"@+id\/checkBox\"\n android:layout_width=\"wrap_content\"\n android:layout_height=\"wrap_content\"\n android:text=\"\uc635\uc158 1\"\/>\n\n<RadioGroup\n android:layout_width=\"wrap_content\"\n android:layout_height=\"wrap_content\">\n \n <RadioButton\n android:id=\"@+id\/radioButton1\"\n android:layout_width=\"wrap_content\"\n android:layout_height=\"wrap_content\"\n android:text=\"\uc635\uc158 A\"\/>\n\n <RadioButton\n android:id=\"@+id\/radioButton2\"\n android:layout_width=\"wrap_content\"\n android:layout_height=\"wrap_content\"\n android:text=\"\uc635\uc158 B\"\/>\n\n<\/RadioGroup>\n<\/code><\/pre>\n4. \uc774\ubca4\ud2b8 \ucc98\ub9ac<\/h2>\n
\n
OnClickListener<\/code>: \ud074\ub9ad \uc774\ubca4\ud2b8\ub97c \ucc98\ub9ac\ud569\ub2c8\ub2e4.<\/li>\nOnLongClickListener<\/code>: \uae38\uac8c \ud074\ub9ad\ud558\ub294 \uc774\ubca4\ud2b8\ub97c \ucc98\ub9ac\ud569\ub2c8\ub2e4.<\/li>\nTextWatcher<\/code>: \ud14d\uc2a4\ud2b8 \ubcc0\uacbd\uc744 \uac10\uc9c0\ud569\ub2c8\ub2e4.<\/li>\n<\/ul>\n4.1. Button \ud074\ub9ad \uc774\ubca4\ud2b8<\/h3>\n
setOnClickListener<\/code> \uba54\uc18c\ub4dc\ub97c \uc0ac\uc6a9\ud569\ub2c8\ub2e4. MainActivity.kts<\/code> \ud30c\uc77c\uc5d0\uc11c \ubc84\ud2bc \ud074\ub9ad \uc774\ubca4\ud2b8\ub97c \ub2e4\uc74c\uacfc \uac19\uc774 \ucc98\ub9ac\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4:<\/p>\n\nbutton.setOnClickListener {\n \/\/ \ubc84\ud2bc \ud074\ub9ad \uc2dc \uc2e4\ud589\ud560 \ucf54\ub4dc\n Toast.makeText(this, \"\ubc84\ud2bc\uc774 \ud074\ub9ad\ub418\uc5c8\uc2b5\ub2c8\ub2e4.\", Toast.LENGTH_SHORT).show()\n}\n<\/code><\/pre>\n4.2. TextWatcher \ud65c\uc6a9<\/h3>\n
TextWatcher<\/code>\ub97c \uc0ac\uc6a9\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \ub2e4\uc74c\uc740 \uc774\ub97c \uad6c\ud604\ud55c \uc608\uc81c\uc785\ub2c8\ub2e4:<\/p>\n\neditText.addTextChangedListener(object : TextWatcher {\n override fun beforeTextChanged(s: CharSequence?, start: Int, count: Int, after: Int) {}\n\n override fun onTextChanged(s: CharSequence?, start: Int, before: Int, count: Int) {\n \/\/ \ud14d\uc2a4\ud2b8\uac00 \ubcc0\uacbd\ub410\uc744 \ub54c \ucc98\ub9ac\ud558\ub294 \ucf54\ub4dc\n }\n\n override fun afterTextChanged(s: Editable?) {}\n})\n<\/code><\/pre>\n5. \ub808\uc774\uc544\uc6c3\uc758 \uc885\ub958<\/h2>\n
5.1. LinearLayout<\/h3>\n
orientation<\/code> \uc18d\uc131\uc73c\ub85c \ubc29\ud5a5\uc744 \uc124\uc815\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n<LinearLayout\n android:layout_width=\"match_parent\"\n android:layout_height=\"match_parent\"\n android:orientation=\"vertical\">\n ...\n<\/LinearLayout>\n<\/code><\/pre>\n5.2. RelativeLayout<\/h3>\n
\n<RelativeLayout\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:layout_alignParentTop=\"true\"\n android:text=\"\uc0c1\ub2e8\uc5d0 \uc704\uce58\"\/>\n\n <Button\n android:id=\"@+id\/button\"\n android:layout_width=\"wrap_content\"\n android:layout_height=\"wrap_content\"\n android:layout_below=\"@id\/textView\"\n android:text=\"\ubc84\ud2bc \uc544\ub798 \uc704\uce58\"\/>\n\n<\/RelativeLayout>\n<\/code><\/pre>\n5.3. ConstraintLayout<\/h3>\n
\n<androidx.constraintlayout.widget.ConstraintLayout\n xmlns:android=\"http:\/\/schemas.android.com\/apk\/res\/android\"\n xmlns:app=\"http:\/\/schemas.android.com\/apk\/res-auto\"\n android:layout_width=\"match_parent\"\n android:layout_height=\"match_parent\">\n\n <TextView\n android:id=\"@+id\/textView\"\n android:layout_width=\"0dp\"\n android:layout_height=\"wrap_content\"\n android:text=\"\uc548\ub155\ud558\uc138\uc694!\"\n app:layout_constraintTop_toTopOf=\"parent\"\n app:layout_constraintStart_toStartOf=\"parent\"\n app:layout_constraintEnd_toEndOf=\"parent\"\/>\n\n <Button\n android:id=\"@+id\/button\"\n android:layout_width=\"wrap_content\"\n android:layout_height=\"wrap_content\"\n android:text=\"\ud074\ub9ad\"\n app:layout_constraintTop_toBottomOf=\"@id\/textView\"\n app:layout_constraintStart_toStartOf=\"parent\"\/>\n\n<\/androidx.constraintlayout.widget.ConstraintLayout>\n<\/code><\/pre>\n6. \uace0\uae09 \ubdf0 \ubc0f \uc0ac\uc6a9\uc790 \uc815\uc758 \ubdf0<\/h2>\n
6.1. \uc0ac\uc6a9\uc790 \uc815\uc758 \ubdf0 \uc0dd\uc131\ud558\uae30<\/h3>\n
\nimport android.content.Context\nimport android.graphics.Canvas\nimport android.graphics.Color\nimport android.graphics.Paint\nimport android.util.AttributeSet\nimport android.view.View\n\nclass CustomView(context: Context, attrs: AttributeSet) : View(context, attrs) {\n\n private val paint = Paint()\n\n override fun onDraw(canvas: Canvas) {\n super.onDraw(canvas)\n paint.color = Color.BLUE\n canvas.drawRect(0f, 0f, width.toFloat(), height.toFloat(), paint)\n }\n}\n<\/code><\/pre>\n\n<com.example.myapp.CustomView\n android:layout_width=\"match_parent\"\n android:layout_height=\"200dp\"\/>\n<\/code><\/pre>\n7. \ub9c8\ubb34\ub9ac \ubc0f \ubc30\ud3ec<\/h2>\n