\uc548\ub155\ud558\uc138\uc694! \uc624\ub298\uc740 Kotlin\uc744 \uc774\uc6a9\ud55c \uc548\ub4dc\ub85c\uc774\ub4dc \uc571 \uac1c\ubc1c\uc5d0\uc11c \ud544\uc218\uc801\uc778 AppCompat \ub77c\uc774\ube0c\ub7ec\ub9ac<\/strong>\uc5d0 \ub300\ud574 \uc790\uc138\ud788 \uc54c\uc544\ubcf4\uaca0\uc2b5\ub2c8\ub2e4. Android \uc571\uc744 \uac1c\ubc1c\ud560 \ub54c \ub2e4\uc591\ud55c API \ub808\ubca8\uc758 \uae30\uae30\uc5d0\uc11c \ud638\ud658\uc131\uc744 \uc720\uc9c0\ud558\ub294 \uac83\uc740 \ub9e4\uc6b0 \uc911\uc694\ud55c \uacfc\uc81c\ub85c, \uc774\uc5d0 \ub300\ud55c \ud574\uacb0\ucc45\uc73c\ub85c AppCompat \ub77c\uc774\ube0c\ub7ec\ub9ac<\/strong>\ub97c \ud65c\uc6a9\ud558\ub294 \ubc29\ubc95\uc744 \ub2e4\ub8f0 \uac83\uc785\ub2c8\ub2e4.<\/p>\n AppCompat \ub77c\uc774\ube0c\ub7ec\ub9ac\ub294 \uad6c\ud615 Android \uae30\uae30\uc5d0\uc11c \ucd5c\uc2e0 Android \uae30\ub2a5\uc744 \uc0ac\uc6a9\ud560 \uc218 \uc788\ub3c4\ub85d \uc9c0\uc6d0\ud558\ub294 \ub77c\uc774\ube0c\ub7ec\ub9ac\uc785\ub2c8\ub2e4. \uc774\ub97c \ud1b5\ud574 \uac1c\ubc1c\uc790\ub294 \ub2e4\uc591\ud55c \uae30\uae30\uc640 API \ub808\ubca8\uc5d0\uc11c\ub3c4 \uc77c\uad00\ub41c UI\uc640 UX\ub97c \uc81c\uacf5\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \ud2b9\ud788, Material Design<\/strong>\uacfc \ud638\ud658\ub418\ub294 \ub2e4\uc591\ud55c \ubdf0, \ud14c\ub9c8 \ub4f1\uc744 \uc0ac\uc6a9\ud560 \uc218 \uc788\uc5b4\uc11c UI \uac1c\ubc1c\uc774 \ud6e8\uc52c \uac04\ud3b8\ud574\uc9d1\ub2c8\ub2e4.<\/p>\n \uc548\ub4dc\ub85c\uc774\ub4dc\uc758 \ub2e4\uc591\ud55c API \ub808\ubca8\uc744 \uc9c0\uc6d0\ud558\ub294 \uac83\uc740 \uc810\uc810 \ub354 \uc5b4\ub824\uc6cc\uc9c0\uace0 \uc788\uc2b5\ub2c8\ub2e4. API 21 (Lollipop)\ubd80\ud130 \ub3c4\uc785\ub41c \uc0c8\ub85c\uc6b4 UI \uad6c\uc131 \uc694\uc18c\ub294 \uc774\uc804 \ubc84\uc804\uc5d0\uc11c\ub294 \uc9c0\uc6d0\ub418\uc9c0 \uc54a\uc2b5\ub2c8\ub2e4. \uadf8\ub7ec\ub098 AppCompat\uc744 \uc0ac\uc6a9\ud558\uba74 \uc774\ub7ec\ud55c \uad6c\uc131 \uc694\uc18c\ub97c \uc774\uc804 \ubc84\uc804\uc5d0\uc11c\ub3c4 \uc0ac\uc6a9\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc774\ub97c \ud1b5\ud574 \ub2e4\uc74c\uacfc \uac19\uc740 \uc774\uc810\uc744 \uc5bb\uc744 \uc218 \uc788\uc2b5\ub2c8\ub2e4:<\/p>\n AppCompat \ub77c\uc774\ube0c\ub7ec\ub9ac\ub97c \uc0ac\uc6a9\ud558\uae30 \uc704\ud574\uc11c\ub294 \ud504\ub85c\uc81d\ud2b8\uc5d0 \ud574\ub2f9 \ub77c\uc774\ube0c\ub7ec\ub9ac\ub97c \ucd94\uac00\ud574\uc57c \ud569\ub2c8\ub2e4. \uc774\ub97c \uc704\ud574\uc11c\ub294 \uc758\uc874\uc131\uc744 \ucd94\uac00\ud55c \ud6c4, Gradle\uc744 \ub3d9\uae30\ud654\ud558\uc5ec Lib\uc744 \ud504\ub85c\uc81d\ud2b8\uc5d0 \ud3ec\ud568\uc2dc\ucf1c\uc57c \ud569\ub2c8\ub2e4.<\/p>\n \uc548\ub4dc\ub85c\uc774\ub4dc\uc5d0\uc11c Activity\ub97c \uc0dd\uc131\ud560 \ub54c \uc704 \ucf54\ub4dc\uc5d0\uc11c \uc571\uc758 \uc804\ubc18\uc801\uc778 \ub514\uc790\uc778\uc744 \uc77c\uad00\ub418\uac8c \uc720\uc9c0\ud558\uae30 \uc704\ud574\uc11c\ub294 \ud14c\ub9c8\uc640 \uc2a4\ud0c0\uc77c\uc744 \uc124\uc815\ud574\uc57c \ud569\ub2c8\ub2e4. AppCompat\uc744 \uc0ac\uc6a9\ud558\uba74 \ud14c\ub9c8\ub97c \ud1b5\ud574 \ub2e4\uc591\ud55c UI \uc694\uc18c\uc758 \uc2a4\ud0c0\uc77c\uc744 \uc815\uc758\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc774 \uacfc\uc815\uc740 \uc774\ub807\uac8c \uc124\uc815\ub41c \ud14c\ub9c8\ub294 AppCompat \ub77c\uc774\ube0c\ub7ec\ub9ac\ub97c \uc0ac\uc6a9\ud558\uba74 Material Design\uc744 \uc900\uc218\ud558\ub294 Dialog\ub97c \uc27d\uac8c \uc0dd\uc131\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \ub2e4\uc74c\uc740 \uac04\ub2e8\ud55c AlertDialog\ub97c \ub9cc\ub4dc\ub294 \uc608\uc81c\uc785\ub2c8\ub2e4:<\/p>\n \uc548\ub4dc\ub85c\uc774\ub4dc \uc571\uc5d0\uc11c UI\ub97c \uad6c\uc131\ud560 \ub54c Fragment\ub97c \uc0ac\uc6a9\ud558\ub294 \uac83\uc740 \uc77c\ubc18\uc801\uc785\ub2c8\ub2e4. AppCompat \ub77c\uc774\ube0c\ub7ec\ub9ac\ub294 Fragment\ub97c \uc9c0\uc6d0\ud558\uc5ec \ub2e4\uc591\ud55c \ud654\uba74 \ud06c\uae30\uc640 \ubc29\ud5a5\uc5d0 \ub300\uc751\ud560 \uc218 \uc788\ub294 \uc720\uc5f0\uc131\uc744 \uc81c\uacf5\ud569\ub2c8\ub2e4. Fragment\ub97c \uc0ac\uc6a9\ud558\ub294 \ubc29\ubc95\uc740 \ub2e4\uc74c\uacfc \uac19\uc2b5\ub2c8\ub2e4:<\/p>\n RecyclerView\ub294 \ub300\ub7c9\uc758 \ub370\uc774\ud130\ub97c \ud45c\uc2dc\ud558\ub294 \ub370 \uc0ac\uc6a9\ub418\ub294 \uac15\ub825\ud55c \uc544\uc774\ud15c \ubaa9\ub85d\uc785\ub2c8\ub2e4. AppCompat \ub77c\uc774\ube0c\ub7ec\ub9ac\ub294 RecyclerView\uc640 \uc27d\uac8c \ud1b5\ud569\ub420 \uc218 \uc788\ub3c4\ub85d \ub3c4\uc640\uc90d\ub2c8\ub2e4. RecyclerView\ub97c \uc124\uc815\ud558\ub294 \uae30\ubcf8\uc801\uc778 \ubc29\ubc95\uc740 \ub2e4\uc74c\uacfc \uac19\uc2b5\ub2c8\ub2e4:<\/p>\n \uc624\ub298\uc740 Kotlin\uc744 \ud65c\uc6a9\ud55c \uc548\ub4dc\ub85c\uc774\ub4dc \uc571 \uac1c\ubc1c\uc5d0\uc11c AppCompat \ub77c\uc774\ube0c\ub7ec\ub9ac<\/strong>\ub97c \uc0ac\uc6a9\ud558\ub294 \uc774\uc720\uc640 \ubc29\ubc95\uc5d0 \ub300\ud574 \uc54c\uc544\ubcf4\uc558\uc2b5\ub2c8\ub2e4. \ub2e4\uc591\ud55c API \ud638\ud658\uc131\uc744 \uc720\uc9c0\ud558\uba70 \ucd5c\uc2e0 Android \uae30\ub2a5\uc744 \uc0ac\uc6a9\ud568\uc73c\ub85c\uc368 \ubcf4\ub2e4 \ub098\uc740 \uc0ac\uc6a9\uc790 \uacbd\ud5d8\uc744 \uc81c\uacf5\ud558\ub294 \uac83\uc774 AppCompat\uc758 \uc7a5\uc810\uc785\ub2c8\ub2e4. \ud5a5\ud6c4 \uc571 \uac1c\ubc1c\uc5d0 \uc774 \ub0b4\uc6a9\uc744 \uc801\uc6a9\ud568\uc73c\ub85c\uc368, \ub354 \ub9ce\uc740 \uae30\uae30\uc640 \ub2e4\uc591\ud55c \uc0ac\uc6a9\uc790\uc5d0\uac8c \uc990\uac70\uc6b4 \uacbd\ud5d8\uc744 \uc81c\uacf5\ud560 \uc218 \uc788\uae38 \ubc14\ub78d\ub2c8\ub2e4.<\/p>\n1. AppCompat \ub77c\uc774\ube0c\ub7ec\ub9ac\ub780?<\/h2>\n
2. \uc65c AppCompat\uc744 \uc0ac\uc6a9\ud558\ub294\uac00?<\/h2>\n
\n
3. AppCompat \uc758\uc874\uc131 \ucd94\uac00\ud558\uae30<\/h2>\n
build.gradle<\/code> \ud30c\uc77c\uc5d0\uc11c \ub2e4\uc74c\uacfc \uac19\uc774 \uc758\uc874\uc131\uc744 \ucd94\uac00\ud569\ub2c8\ub2e4:<\/p>\ndependencies {\n implementation 'androidx.appcompat:appcompat:1.3.0'\n}<\/code><\/pre>\n4. AppCompatActivity\uc640 \uae30\ubcf8 Activity\uc758 \ucc28\uc774\uc810<\/h2>\n
AppCompatActivity<\/code>\ub97c \uc0c1\uc18d\ud558\uc5ec \uc0ac\uc6a9\ud574\uc57c \ud558\ub294 \uc774\uc720\ub294 \uc774 \ud074\ub798\uc2a4\uac00 \ucd5c\uc2e0 UI \uad6c\uc131 \uc694\uc18c\uc640 Material Design\uc744 \uc9c0\uc6d0\ud558\uae30 \ub54c\ubb38\uc785\ub2c8\ub2e4. \uae30\ubcf8 Activity<\/code> \ub300\uc2e0 AppCompatActivity<\/code>\ub97c \uc0ac\uc6a9\ud558\uba74 \uac01\uc885 UIColor, Toolbar \ub4f1\uc758 \uae30\ub2a5\uc744 \ubcf4\ub2e4 \uc27d\uac8c \uad6c\ud604\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \ub2e4\uc74c\uc740 \ub450 \ud074\ub798\uc2a4\uc758 \uac04\ub2e8\ud55c \ube44\uad50\uc785\ub2c8\ub2e4:<\/p>\nimport androidx.appcompat.app.AppCompatActivity\n\nclass MyActivity : AppCompatActivity() {\n \/\/ ...\n}<\/code><\/pre>\n5. Toolbar \uc0ac\uc6a9\ud558\uae30<\/h2>\n
Toolbar<\/code>\ub294 \uc548\ub4dc\ub85c\uc774\ub4dc \uc571\uc5d0\uc11c \uc77c\ubc18\uc801\uc73c\ub85c \uc0ac\uc6a9\ud558\ub294 UI \uc694\uc18c\ub85c, \uc571\uc758 \uc561\uc158\ubc14\ub97c \ub300\uccb4\ud569\ub2c8\ub2e4. \uae30\ubcf8\uc801\uc73c\ub85c AppCompatActivity<\/code>\ub97c \uc0ac\uc6a9\ud560 \uacbd\uc6b0 Toolbar\ub97c \uc124\uc815\ud558\ub294 \ubc29\ubc95\uc740 \ub2e4\uc74c\uacfc \uac19\uc2b5\ub2c8\ub2e4:<\/p>\nimport androidx.appcompat.app.AppCompatActivity\nimport android.os.Bundle\nimport androidx.appcompat.widget.Toolbar\n\nclass MainActivity : AppCompatActivity() {\n override fun onCreate(savedInstanceState: Bundle?) {\n super.onCreate(savedInstanceState)\n setContentView(R.layout.activity_main)\n\n val toolbar: Toolbar = findViewById(R.id.toolbar)\n setSupportActionBar(toolbar)\n }\n}<\/code><\/pre>\nsetSupportActionBar<\/code>\ub97c \uc0ac\uc6a9\ud558\uc5ec custom Toolbar\ub97c \uc561\uc158\ubc14\ub85c \uc124\uc815\ud558\uc600\uc2b5\ub2c8\ub2e4. \ub808\uc774\uc544\uc6c3 XML\uc5d0\uc11c Toolbar\ub97c \uc815\uc758\ud558\uace0 ID\ub97c \uc0ac\uc6a9\uc790 \uc9c0\uc815\ud574\uc57c \ud569\ub2c8\ub2e4.<\/p>\n6. Theme\uc640 Styles \uc124\uc815\ud558\uae30<\/h2>\n
res\/values\/styles.xml<\/code> \ud30c\uc77c\uc5d0\uc11c \ub2e4\uc74c\uacfc \uac19\uc774 \uc124\uc815\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4:<\/p>\n<resources>\n <style name=\"AppTheme\" parent=\"Theme.AppCompat.Light.DarkActionBar\">\n <item name=\"colorPrimary\">@color\/colorPrimary<\/item>\n <item name=\"colorPrimaryDark\">@color\/colorPrimaryDark<\/item>\n <item name=\"colorAccent\">@color\/colorAccent<\/item>\n <\/style>\n<\/resources><\/code><\/pre>\nAndroidManifest.xml<\/code> \ud30c\uc77c\uc5d0\uc11c \uc9c0\uc815\ud558\uc5ec \uc571 \uc804\uccb4\uc5d0 \uc801\uc6a9\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4:<\/p>\n<application\n android:theme=\"@style\/AppTheme\">\n ...\n<\/application><\/code><\/pre>\n7. Dialog \uc0ac\uc6a9\ud558\uae30<\/h2>\n
import androidx.appcompat.app.AlertDialog\n\nprivate fun showDialog() {\n AlertDialog.Builder(this)\n .setTitle(\"\uc81c\ubaa9\")\n .setMessage(\"\uba54\uc2dc\uc9c0 \ub0b4\uc6a9\")\n .setPositiveButton(\"\ud655\uc778\") { dialog, which -> dialog.dismiss() }\n .setNegativeButton(\"\ucde8\uc18c\") { dialog, which -> dialog.cancel() }\n .show()\n}<\/code><\/pre>\n8. Fragment \uc0ac\uc6a9\ud558\uae30<\/h2>\n
import androidx.fragment.app.Fragment\n\nclass MyFragment : Fragment(R.layout.fragment_layout) {\n \/\/ Fragment Logic\n}<\/code><\/pre>\n9. RecyclerView\uc640 AppCompat<\/h2>\n
import androidx.recyclerview.widget.LinearLayoutManager\nimport androidx.recyclerview.widget.RecyclerView\n\nclass MyActivity : AppCompatActivity() {\n private lateinit var myRecyclerView: RecyclerView\n\n override fun onCreate(savedInstanceState: Bundle?) {\n super.onCreate(savedInstanceState)\n setContentView(R.layout.activity_main)\n\n myRecyclerView = findViewById(R.id.my_recycler_view)\n myRecyclerView.layoutManager = LinearLayoutManager(this)\n myRecyclerView.adapter = MyAdapter(dataList)\n }\n}<\/code><\/pre>\n10. \uacb0\ub860<\/h2>\n
\ucc38\uace0\uc790\ub8cc<\/h2>\n