{"id":24932,"date":"2021-07-09T09:00:54","date_gmt":"2021-07-09T00:00:54","guid":{"rendered":"https:\/\/mole-kingdom.com\/wpbl\/?p=24932"},"modified":"2021-07-05T15:06:59","modified_gmt":"2021-07-05T06:06:59","slug":"%e3%80%8eandroid-kotlin-fundamentals%e3%80%8f%e3%82%92%e3%82%84%e3%81%a3%e3%81%9f2","status":"publish","type":"post","link":"https:\/\/mole-kingdom.com\/wpbl\/2021\/07\/09\/24932.html","title":{"rendered":"\u300eAndroid Kotlin Fundamentals\u300f\u3092\u3084\u3063\u305f(2)"},"content":{"rendered":"

Android Kotlin Fundamentals: Add user interactivity<\/h1>\n

3.Task: Add an EditText for text input<\/h2>\n

This the same code you finished in a previous codelab.<\/span>
\nbe\u52d5\u8a5e\u3063\u3066\u306a\u304f\u3066\u3082\u3048\u3048\u3093\u304b\u306a\uff1f<\/p>\n

Step 2: Add an EditText<\/h3>\n

In the Palette pane, notice how the icon for TextView shows the letters Ab with no underscoring. The EditText icons, however, show Ab underscored. The underscoring indicates that the view is editable.<\/p><\/blockquote>\n

\u4e0b\u7dda\u306e\u6709\u7121\u306f\u305d\u3046\u3044\u3046\u9055\u3044\u3060\u3063\u305f\u306e\u304b(\u30fb\u2200\u30fb)\uff7c\uff97\uff9d\uff76\uff6f\uff80<\/p>\n

\n

5. Task: Add a button and style it<\/h2>\n

Step 1: Add a DONE button<\/h3>\n

\u307e\u305fcolorAccent\u304ccolors.xml\u306b\u306a\u3044\u306a\u3002
\n\u3053\u308c\u306f\u4eca\u306f\u306a\u3044\u8a2d\u5b9a\u306a\u306e\u304b\uff1f<\/p>\n

\u3068\u601d\u3063\u305f\u304c\u3001themes.xml\u306b
\n@color\/teal_200<\/item>
\n\u3068\u3044\u3046\u6307\u5b9a\u304c\u3042\u3063\u305f\u306e\u3067\"teal_200\"\u3092\"colorAccent\"\u306b\u5909\u3048\u305f\u3089\u5909\u66f4\u3055\u308c\u305f\u6a21\u69d8\u3002
\n\u95a2\u4fc2\u306a\u3044\u304cstyles.xml\u3067\u6307\u5b9a\u3057\u3066\u3082themes.xml\u3067\u6307\u5b9a\u3055\u308c\u3066\u3044\u305f\u3089\u3001\u3053\u3063\u3061\u304c\u512a\u5148\u3055\u308c\u308b\u3093\u3060\u308d\u3046\u304b\uff1f<\/p>\n

\n

6. Task: Add a TextView to display the nickname<\/h2>\n

Step 2: Change the visibility of the TextView<\/h3>\n

\u4f55\u6545\u304b\u3001\u6307\u5b9a\u3057\u3066\u3082\u30c6\u30ad\u30b9\u30c8(\u30b3\u30fc\u30c9)\u306e\u65b9\u3067\u4ee5\u4e0b\u306e2\u3064\u304c\u51fa\u3066\u6765\u306a\u3044\u306a\u2026\u306a\u3093\u3060\u308d\u3046\u304b\u3002<\/p>\n

\r\nstyle="@style\/NameStyle"\r\nandroid:text=""\r\n<\/pre>\n
\n
7. Task: Add a click listener to the DONE button<\/h2>\n
Step 1: Add a click listener<\/h3>\n
5.Hide the nickname EditText view by setting the visibility property of editText to View.GONE.<\/h4>\n
\u306a\u3093\u304b\u5f37\u8abf\u8868\u793a\u306e\u7bc4\u56f2\u304c\u304a\u304b\u3057\u3044\u3068\u3044\u3046\u304b\u3001EditText\u304c\u5f37\u8abf\u8868\u793a\u3055\u308c\u3066\u3044\u308b\u304c\u6545\u306b\u6587\u304c\u8aad\u307f\u306b\u304f\u304f\u306a\u3063\u3066\u3044\u308b\u3088\u3046\u306a\u3002<\/p>\n
\n
Android Kotlin Fundamentals:02.3 ConstraintLayout using the Layout Editor<\/h1>\n
4. Task: Use Layout Editor to build a ConstraintLayout<\/h2>\n
Step 1: Set up your Android Studio work area<\/h3>\n
\u65e5\u672c\u8a9e\u5316\u3057\u3066\u308b\u304b\u3089Autoconnect toggle button<\/span>\u304c\u3069\u308c\u304b\u308f\u304b\u3089\u306a\u3044\u2026
\nEnable Autoconnection to Parent<\/span>\u3067\u3044\u3044\u306e\u304b\u306a\uff1f<\/p>\n
\u3068\u601d\u3063\u305f\u3089\u4e0b\u3067\u30a2\u30a4\u30b3\u30f3\u304c\u8868\u793a\u3055\u308c\u3066\u305f\u3002
\n\u540d\u524d\u306f\u9055\u3046\u3051\u3069\u3001\u3053\u308c\u3067\u3044\u3044\u306e\u304b\u3002<\/p>\n
default margin\u304c\u4f55\u6545\u304bGUI\u3067\u8a2d\u5b9a\u3067\u304d\u306a\u3044\u3002
\n\u6570\u5024\u3092\u62bc\u3057\u306b\u884c\u304f\u3068\u30c9\u30ed\u30ef\u30fc(?)\u30d1\u30cd\u30eb\u304c\u6d88\u3048\u3061\u3083\u3046\u2026
\n\u3046\u3061\u306e\u74b0\u5883\u304c\u304a\u304b\u3057\u3044\u306e\u304b\u306a\uff1f<\/p>\n
bias sliders\u304c\u898b\u5f53\u305f\u3089\u306a\u3044\u03a3(\uff65\u03c9\uff65\uff40\u2261\u00b4\uff65\u03c9\uff65)
\n\u3068\u601d\u3063\u305f\u3089\u3001Constraint Widget\u306e\u3068\u3053\u306b\u3042\u3063\u305f\u308f(\uff89\u2200`) \u2190 view inspector\u304c\u6b63\u5f0f\u540d\u79f0<\/span>
\n\u30c0\u30fc\u30af\u8a2d\u5b9a\u306b\u3057\u3066\u3044\u305f\u304b\u3089\u304b\u3001\u30dc\u30b1\u3066\u304d\u3066\u3044\u308b\u304b\u3089\u304b\u3001\u898b\u843d\u3068\u3057\u3066\u3044\u305f\u308f\u3002<\/p>\n
Step 2: Add margins for the Hello World text view<\/h3>\n
\u306a\u305c\u304bTextView\u306b\u5de6\u53f3\u306emargin\u3092\u30bb\u30c3\u30c8\u3057\u3066\u3082\u30ad\u30e3\u30f3\u30bb\u30eb\u3055\u308c\u3066\u3057\u307e\u3046\u2026
\n\u4e0a\u4e0b\u306b\u306f\u8a2d\u5b9a\u51fa\u6765\u308b\u306e\u306b\u2026\u306a\u305c\u3060(\u00b4\uff65\u03c9\uff65\uff40)\uff1f<\/p>\n
\u3042\u308c\uff1f \u65e2\u5b58\u306e\u5236\u7d04\u3092\u6d88\u3057\u3066(\u9ed2\u4e38\u30af\u30ea\u30c3\u30af)\u304b\u3089\u3082\u3046\u4e00\u56de +\u3057\u305f\u3089\u8a2d\u5b9a\u3067\u304d\u308b\u3088\u3046\u306b\u306a\u3063\u305f\u3002<\/p>\n
Step 3: Adjust constraints and margins for the text view<\/h3>\n
In the view inspector, click the Delete Bottom Constraint dot 8b8e6d915b2b4a9c.pngon the square to delete the bottom constraint.<\/p><\/blockquote>\n
\u3053\u3053\u3067\u9593\u306b\u5165\u3063\u3066\u308b\u753b\u50cf\u3001\u4e0a\u4e0b\u9006\u3058\u3083\u306a\u3044(\u00b4\uff65\u03c9\uff65\uff40)\uff1f
\n\u3053\u308c\u3060\u3068Bottom\u3058\u3083\u306a\u304f\u3066Top\u306e\u65b9\u3058\u3083\u306a\u3044\uff1f<\/p>\n
\n
5. Task: Style the TextView<\/h2>\n
Step 1: Add a font<\/h3>\n
\u3053\u3053\u3082\"Add font to project\"\u306e\u624b\u9806\u304c\u5f8c\u3060\u306a\u2026<\/p>\n
Step 2: Add a style<\/h3>\n
styles.xml\u306f\u306a\u304f\u3066themes.xml\u3057\u304b\u306a\u3044\u306a
\nAndroid Studio4.1\u8fba\u308a\u304b\u3089\u5909\u66f4\u306b\u306a\u3063\u305f\u306e\u304b\u2026<\/p>\n
\u3053\u306e\u3088\u3046\u306a\u8272\u306e\u5b9f\u969b\u306e\u5b9a\u7fa9\u306f\u3001\u30c6\u30fc\u30de\u5185\u3067\u63d0\u4f9b\u3055\u308c\u3066\u3044\u307e\u3059\u3002\u30c7\u30d0\u30a4\u30b9\u304c\u591c\u9593\u30e2\u30fc\u30c9\u306b\u306a\u308b\u3068\u3001\u30a2\u30d7\u30ea\u306f\u300c\u30e9\u30a4\u30c8\u300d\u30c6\u30fc\u30de\u304b\u3089\u300c\u30c0\u30fc\u30af\u30c6\u30fc\u30de\u300d\u30c6\u30fc\u30de\u306b\u5207\u308a\u66ff\u3048\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002\u307e\u305f\u30ea\u30bd\u30fc\u30b9\u540d\u306e\u5024\u3082\u5909\u66f4\u3067\u304d\u307e\u3059\u3002\u30b9\u30bf\u30a4\u30eb\u306f\u7279\u5b9a\u306e\u8272\u306e\u5b9a\u7fa9\u3067\u306f\u306a\u304f\u30bb\u30de\u30f3\u30c6\u30a3\u30c3\u30af\u540d\u3092\u4f7f\u7528\u3057\u3066\u3044\u308b\u305f\u3081\u3001\u30b9\u30bf\u30a4\u30eb\u3092\u5909\u66f4\u3059\u308b\u5fc5\u8981\u306f\u3042\u308a\u307e\u305b\u3093\u3002
\nthemes<\/a><\/p><\/blockquote>\n
\u3063\u3066\u3042\u308b\u3051\u3069\u3001\u5b9f\u969b\u306e\u8272\u306e\u8a2d\u5b9a\u3067colors.xml\u3068\u304b\u3067\u3084\u3063\u3066\u3093\u3058\u3083\u306d(\u00b4\uff65\u03c9\uff65\uff40)\uff1f<\/p>\n
\u300c\u30e9\u30a4\u30c8\u300d\u30c6\u30fc\u30de\u3068\u300c\u30c0\u30fc\u30af\u300d\u30c6\u30fc\u30de\u306e\u5207\u308a\u66ff\u3048\u7528\u306e\u30b9\u30bf\u30a4\u30eb\u30bb\u30c3\u30c8\u306e\u3088\u3046\u306b\u601d\u3048\u308b\u3051\u3069\u3001\u305d\u3046\u3044\u3046\u3053\u3068\u3067\u306f\u306a\u3044\u306e\u304b\u2026<\/p>\n
\u3069\u3046\u3067\u3082\u3044\u3044\u304c\"\u300c\u30c0\u30fc\u30af\u30c6\u30fc\u30de\u300d\u30c6\u30fc\u30de\"\u306b\u306a\u3063\u3066\u308b\u306a\u2026
\n\u539f\u6587\u3060\u3068your app can switch from its \"light\" theme to its \"dark\" theme<\/span>\u3060\u3051\u3069\u3082\u3001\u7ffb\u8a33AI\u304c\u304a\u304b\u3057\u3044\u3093\u304b\u306a(\u3000\u309c\u03c3\uff65\uff9f\uff09\uff8e\uff7c\uff9e\uff8e\uff7c\uff9e<\/p>\n
\u30c6\u30fc\u30de\u306e\u65b9\u306b\u66f8\u3044\u3066\u3082\u4e0a\u624b\u304f\u9069\u7528\u3055\u308c\u306a\u304b\u3063\u305f\u306e\u3067\u3001styles.xml\u3092\u65b0\u898f\u306b\u4f5c\u3063\u3066\u305d\u3053\u306b\u5024\u3092\u30da\u30fc\u30b9\u30c8\u3057\u305f\u3089\u9069\u7528\u3055\u308c\u305f\u3002<\/p>\n
\u3042(\uff89\u2200`)
\nstyle\u306b\u6307\u5b9a\u3057\u3088\u3046\u3068\u3057\u3066\u8e74\u3089\u308c\u3066\u308b\u3060\u3051\u3060\u3063\u305f\uff57
\nandroid:theme\u306e\u65b9\u306b\u6307\u5b9a\u3057\u305f\u3089\u4e0a\u624b\u304f\u884c\u3063\u305f\u308f\u3002<\/p>\n
\n
6. Task: Add a second TextView and add constraints<\/h2>\n
Step 1: Add a new text view<\/h3>\n
constraint handle\u306f\u7dd1\u306b\u306a\u3089\u305a\u306b\u9752\u4e38\u304c\u8868\u793a\u3055\u308c\u308b\u3060\u3051\u304b\u306a\u3002<\/p>\n
Step 3: Set attributes for the new text view<\/h3>\n
\u5c5e\u6027\u30da\u30a4\u30f3\u3060\u3068layout_width\u306e\u65b9\u304c\u4e0a\u306b\u6765\u3066\u308b\u306a\u3002
\n\u307e\u3042\u3044\u3044\u3093\u3060\u3051\u3069\u3082\uff57<\/p>\n
\n
10. Task: Add a baseline constraint<\/h2>\n
Baseline constraint<\/h3>\n
Edit Baseline\u30a2\u30a4\u30b3\u30f3\u304c\u51fa\u3066\u6765\u306a\u3044\u3002
\n\u3042\u3042\u3001\u30d9\u30fc\u30b9\u30e9\u30a4\u30f3\u30a2\u30a4\u30b3\u30f3\u3068\u304b\u30b5\u30f3\u30d7\u30eb\u30c7\u30fc\u30bf\u306e\u30bb\u30c3\u30c8\u306f\u53f3\u30af\u30ea\u30c3\u30af\u3059\u308c\u3070\u30b3\u30f3\u30c6\u30ad\u30b9\u30c8\u30e1\u30cb\u30e5\u30fc\u3067\u51fa\u3066\u304f\u308b\u3093\u3060\u306a\u3002<\/p>\n
\n
11. Task: Add a chain of buttons<\/h2>\n
Step 2: Create a horizontal chain and constrain it<\/h3>\n
16dp\u3092@dimen\/margin_wide\u306b\u5dee\u3057\u66ff\u3048\u305f\u308a\u3001visibility\u3092\u8a2d\u5b9a\u3057\u305f\u308a\u3057\u3066\u306a\u3044\u306a\u2026
\n\u306a\u305c\u304bgreen_button\u306eandroid:layout_marginEnd\u3060\u305116dp\u306e\u307e\u307e\u3060\u306a\uff57<\/p>\n
\n
12. Task: Add click handlers to the buttons<\/h2>\n
\u9805\u756a4\u306eview's background Add<\/span>
\n\u30d4\u30ea\u30aa\u30c9\u629c\u3051\uff1f<\/p>\n
when\u306e\u3068\u3053\u3067R.id.box_\uff5e_text\u3068\u6307\u5b9a\u3057\u3066\u308b\u3051\u3069\u3001\u3053\u308c\u3067\u30a2\u30af\u30bb\u30b9\u51fa\u6765\u308b\u306e\u304b\uff1f
\n\u53d6\u308a\u6562\u3048\u305afindViewById(R.id.box_\uff5e_text)\u306b\u5dee\u3057\u66ff\u3048\u305f\u3051\u3069\u3082\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"
Android Kotlin Fundamentals: Add user interactivity 3.Task: Add an EditText for text input This the same code ...  \u3082\u3063\u3068\u8aad\u3080 »<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"advanced_seo_description":"","jetpack_seo_html_title":"","jetpack_seo_noindex":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[18,101,113,124,95],"tags":[],"class_list":["post-24932","post","type-post","status-publish","format-standard","hentry","category-android","category-android-studio","category-google","category-kotlin","category-impressions"],"jetpack_featured_media_url":"","jetpack_shortlink":"https:\/\/wp.me\/p2pLuj-6u8","jetpack_sharing_enabled":true,"jetpack-related-posts":[{"id":24934,"url":"https:\/\/mole-kingdom.com\/wpbl\/2021\/07\/12\/24934.html","url_meta":{"origin":24932,"position":0},"title":"\u300eAndroid Kotlin Fundamentals\u300f\u3092\u3084\u3063\u305f(3)","author":"moleking","date":"2021\u5e747\u670812\u65e5","format":false,"excerpt":"Android Kotlin Fundamentals 02.4:Data binding basi\u2026","rel":"","context":"Android","block_context":{"text":"Android","link":"https:\/\/mole-kingdom.com\/wpbl\/category\/os\/android"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":24927,"url":"https:\/\/mole-kingdom.com\/wpbl\/2021\/07\/06\/24927.html","url_meta":{"origin":24932,"position":1},"title":"\u300eAndroid Kotlin Fundamentals\u300f\u3092\u3084\u3063\u305f(1)","author":"moleking","date":"2021\u5e747\u67086\u65e5","format":false,"excerpt":"Android Kotlin \u306e\u57fa\u790e\u306e\u305f\u3081\u306e Codelab \u3068\u8a00\u3044\u3064\u3064\u3001\u307e\u3060\u9014\u4e2d(\uff89\u2200`) \u307e\u3060L\u2026","rel":"","context":"Android","block_context":{"text":"Android","link":"https:\/\/mole-kingdom.com\/wpbl\/category\/os\/android"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":24935,"url":"https:\/\/mole-kingdom.com\/wpbl\/2021\/07\/15\/24935.html","url_meta":{"origin":24932,"position":2},"title":"\u300eAndroid Kotlin Fundamentals\u300f\u3092\u3084\u3063\u305f(4)","author":"moleking","date":"2021\u5e747\u670815\u65e5","format":false,"excerpt":"Android Kotlin Fundamentals: Lifecycles and loggin\u2026","rel":"","context":"Android","block_context":{"text":"Android","link":"https:\/\/mole-kingdom.com\/wpbl\/category\/os\/android"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":24848,"url":"https:\/\/mole-kingdom.com\/wpbl\/2021\/06\/17\/24848.html","url_meta":{"origin":24932,"position":3},"title":"\u300eWelcome to Android Basics in Kotlin\u300f\u3092\u3084\u3063\u305f(2)","author":"moleking","date":"2021\u5e746\u670817\u65e5","format":false,"excerpt":"Layouts Kotlin\u306e\u30af\u30e9\u30b9\u3068\u7d99\u627f 2. \u30af\u30e9\u30b9\u968e\u5c64\u3068\u306f \u4e00\u5fdc\u3001\"\u8c46\u985e\"\u306e\u3068\u3053\u308d\u306e\u30ea\u30f3\u30af\u304ch\u2026","rel":"","context":"Android","block_context":{"text":"Android","link":"https:\/\/mole-kingdom.com\/wpbl\/category\/os\/android"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":24858,"url":"https:\/\/mole-kingdom.com\/wpbl\/2021\/06\/23\/24858.html","url_meta":{"origin":24932,"position":4},"title":"\u300eWelcome to Android Basics in Kotlin\u300f\u3092\u3084\u3063\u305f(\u7d42)","author":"moleking","date":"2021\u5e746\u670823\u65e5","format":false,"excerpt":"\u30d5\u30e9\u30b0\u30e1\u30f3\u30c8\u9593\u306e\u5171\u6709 ViewModel 4. \u5171\u6709 ViewModel \u3092\u4f5c\u6210\u3059\u308b OrderVi\u2026","rel":"","context":"Android","block_context":{"text":"Android","link":"https:\/\/mole-kingdom.com\/wpbl\/category\/os\/android"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":12084,"url":"https:\/\/mole-kingdom.com\/wpbl\/2015\/05\/13\/12084.html","url_meta":{"origin":24932,"position":5},"title":"xml\u30d5\u30a1\u30a4\u30eb\u3092\u4f7f\u308f\u305a\u306bFragment\u3092\u751f\u6210\u3059\u308b\u65b9\u6cd5(\u00b4\uff65\u03c9\uff65\uff40)\uff1f","author":"moleking","date":"2015\u5e745\u670813\u65e5","format":false,"excerpt":"xml\u3092\u4f7f\u308f\u305a\u306bFragment\u3092\u751f\u6210\u3059\u308b\u65b9\u6cd5\u3092\u3050\u3050\u3063\u3066\u3044\u3066\u3001\u30d2\u30c3\u30c8\u3057\u305f android - How\u2026","rel":"","context":"Android","block_context":{"text":"Android","link":"https:\/\/mole-kingdom.com\/wpbl\/category\/os\/android"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"_links":{"self":[{"href":"https:\/\/mole-kingdom.com\/wpbl\/wp-json\/wp\/v2\/posts\/24932","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mole-kingdom.com\/wpbl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mole-kingdom.com\/wpbl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mole-kingdom.com\/wpbl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mole-kingdom.com\/wpbl\/wp-json\/wp\/v2\/comments?post=24932"}],"version-history":[{"count":6,"href":"https:\/\/mole-kingdom.com\/wpbl\/wp-json\/wp\/v2\/posts\/24932\/revisions"}],"predecessor-version":[{"id":24943,"href":"https:\/\/mole-kingdom.com\/wpbl\/wp-json\/wp\/v2\/posts\/24932\/revisions\/24943"}],"wp:attachment":[{"href":"https:\/\/mole-kingdom.com\/wpbl\/wp-json\/wp\/v2\/media?parent=24932"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mole-kingdom.com\/wpbl\/wp-json\/wp\/v2\/categories?post=24932"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mole-kingdom.com\/wpbl\/wp-json\/wp\/v2\/tags?post=24932"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}