Ankoに はさんで はさまれて 発表者ノート付き

第一回 Kansai.kt 発表資料

Transcript

1. "OLPʹ
   ͸͞ΜͰ
   ͸͞·Εͯ גࣜձࣾφνϡϥϧελΠϧ
   ࢁޱஐߦ ͜Μʹͪ͸ɺຊ೔͸KotlinͷϥΠϒϥϦͷҰͭʮAnkoʯʹ͍͓ͭͯ࿩͍͖ͤͯͨͩ͠͞·͢ɻ Ͳ͏ͧΑΖ͓͘͠ئ͍͍ͨ͠·͢ɻ
2. ࣗݾ঺հ w ࢁޱஐߦ
   
   w גࣜձࣾφνϡϥϧελΠϧॴଐ ͸͡Ίʹࣗݾ঺հͰ͕͢ɺ෱Ҫʹ͋ΔɹגࣜձࣾφνϡϥϧελΠϧͰAndroidΞϓϦͷ։ൃΛ͍ͯ͠·͢ ࢁޱͱਃ͠·͢ɻ
3. ࡞͍ͬͯΔ΋ͷ w ϑΝογϣϯίʔσΟωʔτ ΞϓϦʮ8&"3ʯΛ੡࡞ ීஈ͸START TODAY͞ΜͱҰॹʹ WEAR ͱ͍͏ ίʔσΟωʔτ౤ߘΞϓϦΛ࡞͍ͬͯ·͢ Androidؔ܎ͷํ͔Β͸ ผͷWearͱؒҧΘΕΔ͜ͱ͕ଟ͍Ͱ͢
4. w ͔͜͜Βຊ୊ Ͱ͸ຊ୊Ͱ͚͢ΕͲ΋
5. "OLP w ,PUMJOͷ%4-Ͱ"OESPJEͷ6*Λ૊ΈཱͯΔϥΠϒϥ Ϧ
   w +FU#SBJOTެࣜ
   w ·ͩόʔδϣϯ ·ͣAnkoͱ͸ͳΜͧ΍ͱ͍͍·͢ͱ KotlinͷίʔυͰAndroidͷUIΛ૊ΈཱͯΔϥΠϒϥϦͰ͢ɻ Kotlin͸ׂͱؾܰʹDSLΛ࡞ΕΔͱ͍͏ݴޠͳͷͰɺͦΕΛੜ͔ͨ͠ϥΠϒϥϦͰ͢Ͷ JetBrains ެࣜͰ ·ͩόʔδϣϯ͸0.9Ͱ͢
6. "OLPͷϝϦοτ w 9.-Ͱͳ͍͜ͱʹΑΔϝϦοτ
   w 9.-Λύʔε͠ͳ͍͍ͯ͘ͷͰૣ͍
   w pOE7JFX#Z*E͠ͳ͍͍ͯ͘
   w ,PUMJOʹΑΔԸܙ
   w ܕ҆શ
   w /VMM҆શ
   w ػೳ֦ு͕༰қ
   w
   ϥΠϒϥϦʹศརͳؔ਺͕༻ҙ͞Ε͍ͯΔ ͜ΕΛ͔ͭ͏ͱͲ͏͍͏͍͍͜ͱ͕͋Δ͔ͱݴ͍·͢ͱ ·ͣXMLͰͳ͍͜ͱͷϝϦοτͯ͠XMLΛಡΈࠐ·ͳ͍͍ͯ͘ͷͰͦͷ෼ૣ͍͜ͱɺfindViewById͠ͳ͍͍ͯ͘͜ͱͳͲ͕͋Γ·͢ɻ Kotlin Ͱ͋Δ͜ͱͷϝϦοτͱ͠·ͯ͠͸ɹKotlinͷԸܙΛͦͷ··ड͚ͯܕ҆શ, Null҆શͰ ֦ுؔ਺ͳͲ΋ؾܰʹ࢖͑ΔͷͰػೳ֦ு͕༰қͳͱ͜Ζ͕͋Δͱࢥ͍· ͢ɻ ࣮ࡍAnkoϥΠϒϥϦʹ͸৭ʑͳศརͳؔ਺͕༻ҙ͞Ε͍ͯ·͢ɻ
7. ͪͳΈʹ1SFWJFXػೳ΋͍͍ͭͯ·͢ XMLͱಉ͘͡Previewػೳ΋෇͍͍ͯͯ
8. ͪͳΈʹ1SFWJFXػೳ΋͍͍ͭͯ·͢
   ͍ͭͯ·͚͢Ͳ ͍͍ͭͯΔͷͰ͕͢
9. όʔδϣϯ
   ͩͱ͏·͘ಈ͔ͳ͔ͬͨͷͰ஫ҙɻ
   ͳΒ͏·͘ಈ͖·ͨ͠ ৽͍͠όʔδϣϯͩͱಈ͔ͳ͔ͬͨͷͰ0.8.3Λ࢖͍ͬͯͩ͘͞
10. 9.-Λࣗಈม׵͢Δπʔϧ΋͋Δ
    $PEF
    
    $POWFSU
    UP
    ,PBO
    %4- XMLΛAnkoʹࣗಈม׵͢Δπʔϧ΋͋Γ·͢
11. 9.-Λࣗಈม׵͢Δπʔϧ΋͋Δ
    $PEF
    
    $POWFSU
    UP
    ,PBO
    %4- "OLP͡Όͳͯ͘
    ,PBOʹͳ͍ͬͯΔͷ͸͓͖ͯ͞ ࣈ͕খͯ͘͞ݟ͑ͳ͍͔ͳ… Koan DSLͬͯͳͬͯΔΜͰ͚͢Ͳ͜Ε͸Ankoͷલͷ໊લΈ͍ͨͰ͢Ͷ
12. ෆຬ఺ w %BUB
    #JOEJOHͱҰॹʹ͸࢖͑ͳ͍
    w %FMFHBUFE
    1SPQFSUJFT
    Λ࢖͑͹ࣅͨΑ͏ͳ͜ͱ ͸Ͱ͖Δ͚ΕͲ
    ͪΐͬͱ໘౗
    w 1SFWJFXͰ
    9.-Ͱͷ5PPMTଐੑͷΑ͏ͳ͜ͱ͕Ͱ͖ ͳ͍
    w $POTUSBJOU-BZPVU͸
    Ͳ͏ͳΔ ͪΐͬͱؾʹͳΔ఺ͱͯ͠͸Data BindingͱҰॹʹ͸࢖͑ͳ͍ΜͰ͢ΑͶɺσϦήʔγϣϯ࢖͑͹ࣅͨΑ͏ͳ͜ͱ͸Ͱ͖ΔΜͰ͚͢ΕͲ΍ͬͺެࣜͷData Binding΋݁ߏ ศརʹͳ͖͍ͬͯͯΔͷͰ ͦͬͪ࢖͍͍ͨਓ΋͍Δͱࢥ͍·͢ɻ ͋ͱPreviewʹػೳͰ XMLͷToolsଐੑΈ͍ͨͳɺຊ౰͸GONE͚ͩͲPreviewͰ͸VISIBLEʹͳͬͯͯཉ͍͠ͱ͔΋·ͩग़དྷͳ͍ͬΆ͍Ͱ͢Ͷ ͋ͱ࠷ۙग़͖ͯͨͳΜ͔͍͢͝ศརͦ͏ͳ iOSͰ͍͏ͱ͜ΖͷStoryBoardΈ͍ͨͳͷ΋ Ͳ͏ͳΔͷ͔Θ͔Γ·ͤΜͶ ·͋ɺԼೋͭͱ͔͸IDE΋བྷΜͰΔΜͰJet Brains͕Ͳ͏ߟ͍͑ͯΔͷ͔ͱ͍͏͔ɺࠓޙͲ͏͍ͯͭ͘͠΋Γͳͷ͔͕ؾʹͳΓ·͢Ͷɺ Jet Brainsʹৄ͍͠ํͱ͔ɹ͝ଘ஌ͳ͍Ͱ͔͢Ͷ…
13. ࢖͍͔ͨ Ͱɺ͔͜͜Β͸࣮ࡍͷ࢖͍ํΛͬ͟ͱݟ͍ͯ͜͏ͱࢥ͍·͢ɻ ࣌ؒ5෼ͳͷͰͬ͘͟Γͱͨ͠આ໌ʹͳΓ·͚͢ΕͲ΋ɻ
14. override fun onCreate(savedInstanceState: Bundle?) {
 super.onCreate(savedInstanceState)
 
 verticalLayout {
 val name = editText()
 button("Say Hello") {
 // ボタンを押したらトーストを表示
 onClick { ctx.toast("Hello, ${name.text}!") }
 }
 }
 } "DUJWJUZͷதͰ࡞Δྫ  ·ͣActivityͷதͰ࡞Δͱ͖͸ී௨ʹonCreateͷதͱ͔Ͱ͜͏΍ͬͯ verticalLayout ׅހ buttonͱ͔ͰView͕ͭ͘Ε·͢ɻ ͪͳΈʹverticalLayout͸LinearLayout͕verticalʹͳͬͯΔ΍ͭͰͨͩͷLinearLayoutͰ͢ ͜Ε͸setContentViewͱ͔addViewͱ͔͠ͳͯ͘΋େৎ෉Ͱ͢ɻ
15. class MyActivity : AppCompatActivity() {
 override fun onCreate(savedInstanceState: Bundle?, persistentState: PersistableBundle?) {
 super.onCreate(savedInstanceState, persistentState)
 MyActivityUI().setContentView(this)
 }
 }
 
 class MyActivityUI : AnkoComponent<MyActivity> {
 override fun createView(ui: AnkoContext<MyActivity>) = with(ui) {
 verticalLayout {
 val name = editText()
 button("Say Hello") {
 onClick { ctx.toast("Hello, ${name.text}!") }
 }
 }
 }
 } ΫϥεΛ෼͚ͨྫ  ͰɺΫϥεΛ෼͚ͯॻ͖͍ͨͱ͖ʹ͸͜Μͳײ͡ʹͳΓ·͢ɻ
16. class MyActivity : AppCompatActivity() {
 override fun onCreate(savedInstanceState: Bundle?, persistentState: PersistableBundle?) {
 super.onCreate(savedInstanceState, persistentState)
 MyActivityUI().setContentView(this)
 }
 }
 
 class MyActivityUI : AnkoComponent<MyActivity> {
 override fun createView(ui: AnkoContext<MyActivity>) = with(ui) {
 verticalLayout {
 val name = editText()
 button("Say Hello") {
 onClick { ctx.toast("Hello, ${name.text}!") }
 }
 }
 }
 } ΫϥεΛ෼͚ͨྫ  JOUFSGBDF
    "OLP$PNQPOFOU5
    \
    
    
    
    
    GVO
    DSFBUF7JFX VJ
    "OLP$POUFYU5 
    7JFX
    ^ AnkoComponentͬͯΠϯλʔϑΣʔε͕͋ΔΜͰ͍࣮ͦͭ૷ͨ͠Ϋϥεɺ ͳΜͱ͔UIΫϥεΈ͍ͨͳͷΛ࡞ͬͯ͋͛·͢
17. class MyActivity : AppCompatActivity() {
 override fun onCreate(savedInstanceState: Bundle?, persistentState: PersistableBundle?) {
 super.onCreate(savedInstanceState, persistentState)
 MyActivityUI().setContentView(this)
 }
 }
 
 class MyActivityUI : AnkoComponent<MyActivity> {
 override fun createView(ui: AnkoContext<MyActivity>) = with(ui) {
 verticalLayout {
 val name = editText()
 button("Say Hello") {
 onClick { ctx.toast("Hello, ${name.text}!") }
 }
 }
 }
 } ΫϥεΛ෼͚ͨྫ  Ͱ͍ͦͭͷsetContentViewݺΜͰ΍Ε͹͖ͬ͞ͱಉ͡UI͕Ͱ͖·͢ɻ
18. class MyActivity : AppCompatActivity() {
 override fun onCreate(savedInstanceState: Bundle?, persistentState: PersistableBundle?) {
 super.onCreate(savedInstanceState, persistentState)
 MyActivityUI().setContentView(this)
 }
 }
 
 class MyActivityUI : AnkoComponent<MyActivity> {
 override fun createView(ui: AnkoContext<MyActivity>) = with(ui) {
 verticalLayout {
 val name = editText()
 button("Say Hello") {
 onClick { ctx.toast("Hello, ${name.text}!") }
 }
 }
 }
 } ΫϥεΛ෼͚ͨྫ  ΫϥεΛ෼͚ͯ΋1SFWJFX͸ಈ͖·͢ ͜ΕΫϥε෼͚ͯΔঢ়ଶͰ΋Preview͸ಈ͖·͢ΜͰɺActivityͷத͕ͪ͝Όͪ͝Ό͢Δͷݏͩͳʔͬͯͷ͸৺഑͠ͳ͍͍͔ͯ͘ͱࢥ͍·͢ɻ
19. override fun onCreateView(inflater: LayoutInflater?, container: ViewGroup?, savedInstanceState: Bundle?): View? {
 return UI {
 verticalLayout {
 val name = editText { }
 button("Say Hello") {
 onClick { ctx.toast("Hello, ${name.text}!") }
 }
 }
 }.view
 } 'SBHNFOUͰ࢖͏ྫ  Ͱ࣍ʹFragmentͳΜͰ͕͢͜Ε΋͖ͬ͞ͱ΄΅ಉ͡ͰɺonCreateViewΛͷதͰ͜͏͍͏ײ͡ʹDSLΛॻ͍͍͚ͯ͹͍͍͚ͩͰ͢ɻ
20. override fun onCreateView(inflater: LayoutInflater?, container: ViewGroup?, savedInstanceState: Bundle?): View? {
 return UI {
 verticalLayout {
 val name = editText { }
 button("Say Hello") {
 onClick { ctx.toast("Hello, ${name.text}!") }
 }
 }
 }.view
 } 
    6*
    \
    ^WJFXͰ
    ͸͞Ή 'SBHNFOUͰ࢖͏ྫ  Ұݸ͚ͩҧ͏ͷ͸UI ׅހ .viewͰ͸͞Ή͜ͱͰ͢Ͷ ͜͏͢Δͱ viewΛฦͯ͘͠Ε·͢ɻ
21. include<View>(R.layout.something) {
 backgroundColor = Color.RED
 } 9.-ΛJODMVEF  جຊతͳ࢖͍ํ͸΋͏͍͍ͩͨ͜Μ͚ͩͳΜͰ͚͢ΕͲɺ ΋͏ͪΐͬͱ৭ʑ໘ന͍͜ͱ΋Ͱ͖Δͧͬͯ࿩Λ͠·͢ͱɺதͰXMLΛಡΈࠐΉ͜ͱ͕Ͱ͖·͢ɻ ·͋KotlinͷίʔυͷதͰ΍ͬͯΔ͜ͱͳΜͰɹ౰વ͜͏͍͏͜ͱ΋Ͱ͖·͢ɹͱ
22. // 以下の2行を追加 (カスタムビューの中などで良い)
 // ViewManagerの拡張関数
 
 inline fun ViewManager.customView(theme: Int = 0) = customView(theme) {}
 inline fun ViewManager.customView(theme: Int = 0, init: CustomView.() -> Unit) = ankoView({ CustomView(it) }, theme, init) ΧελϜϏϡʔΛ"OLP
    %4-ͷதͰ࢖͏  ؾʹͳͬͯΔਓ΋͍͔ͨͱࢥ͏ΜͰ͕͢ΧελϜϏϡʔ΋AnkoͷதͰ࢖͑·͢ ViewManagerͬͯ΍͕͍ͭΔΜͰ͚͢ΕͲ͍ͭ͜ͷ֦ுؔ਺Λೋͭ࡞Γ·͢ɻ ͕࣌ؒ͋ͬͨΒ࿩͔͢΋͠Ε·ͤΜ͕ ͪΐͬͱ΍΍͍͜͠ΜͰ͚͢ͲɺΧελϜϏϡʔΛॳظԽ͢Δؔ਺Λ౉͢ͱதͰΧελϜϏϡʔΛ࡞ͬͯɺͦͷϏϡʔΛAnkoͰ࢖ ͑ΔΑ͏ͳ΋ͷʹม׵ͯ͠ฦͯ͘͠Ε·͢
23. // 以下の2行を追加 (カスタムビューの中などで良い)
 // ViewManagerの拡張関数
 
 inline fun ViewManager.customView(theme: Int = 0) = customView(theme) {}
 inline fun ViewManager.customView(theme: Int = 0, init: CustomView.() -> Unit) = ankoView({ CustomView(it) }, theme, init) // これでカスタムビューをAnkoに はさめる frameLayout {
 customView {
 
 }
 } ΧελϜϏϡʔΛ"OLP
    %4-ͷதͰ࢖͏  ͜ΕͰΧελϜϏϡʔ΋Ankoʹ͸͞Ί·͢͠
24. // 以下の2行を追加 (カスタムビューの中などで良い)
 // ViewManagerの拡張関数
 
 inline fun ViewManager.customView(theme: Int = 0) = customView(theme) {}
 inline fun ViewManager.customView(theme: Int = 0, init: CustomView.() -> Unit) = ankoView({ CustomView(it) }, theme, init) // これでカスタムビューをAnkoに はさめる // カスタムビューの中にも Ankoを はさめる frameLayout {
 customView {
 text = textView("Anko CustomView")
 }
 } ΧελϜϏϡʔΛ"OLP
    %4-ͷதͰ࢖͏  ΧελϜϏϡʔͷதʹ΋Ankoͷॻ͖ํΛڬΊΔΑ͏ʹͳΓ·͢
25. relativeLayout {
 // 一意のidを生成 ids.xmlに指定しても良い
 var main_activity_text: Int = View.generateViewId()
 
 textView = textView {
 id = main_activity_text
 }
 
 textView {
 text = "Bottom of R.id.main_activity_text"
 lparams {
 bottomOf(main_activity_text)
 }
 }
 } *%Λࢦఆͯ͠
    3FMBUJWF-BZPVUͰ࢖͏  ͑ʔͬͱɺɹ͋ͱɹͦ͏͔ RelativeLayout ͷதͰଞͷϏϡʔͷԼʹฒ΂͍ͨͱ͖ͱ͔ͬͯIDΛࢦఆ͠ͳ͍ͱ͍͚ͳ͍ΜͰ͚͢Ͳ
26. relativeLayout {
 // 一意のidを生成 ids.xmlに指定しても良い
 var main_activity_text: Int = View.generateViewId()
 
 textView = textView {
 id = main_activity_text
 }
 
 textView {
 text = "Bottom of R.id.main_activity_text"
 lparams {
 bottomOf(main_activity_text)
 }
 }
 } *%Λࢦఆͯ͠
    3FMBUJWF-BZPVUͰ࢖͏  View.generateViewIdͬͯͷΛݺΜͰ΍Ε͹ಈతʹID࡞ͬͯ͘Ε·͢ͷͰ
27. relativeLayout {
 // 一意のidを生成 ids.xmlに指定しても良い
 var main_activity_text: Int = View.generateViewId()
 
 textView = textView {
 id = main_activity_text
 }
 
 textView {
 text = "Bottom of R.id.main_activity_text"
 lparams {
 bottomOf(main_activity_text)
 }
 }
 } *%Λࢦఆͯ͠
    3FMBUJWF-BZPVUͰ࢖͏  ͦΕΛViewʹηοτͯ͠
28. relativeLayout {
 // 一意のidを生成 ids.xmlに指定しても良い
 var main_activity_text: Int = View.generateViewId()
 
 textView = textView {
 id = main_activity_text
 }
 
 textView {
 text = "Bottom of R.id.main_activity_text"
 lparams {
 bottomOf(main_activity_text)
 }
 }
 } *%Λࢦఆͯ͠
    3FMBUJWF-BZPVUͰ࢖͏  ͦͷIDʹରͯ͠bottomOfͱ͔ࢦఆͯ͠΍Ε͹େৎ෉Ͱ͢ɻ ids.xmlʹIDΛએݴ͓͍ͯͯͦ͠ΕΛ࢖͏ͬͯํ๏΋͋ΔΜͰ͕ͦͬͪ͢͸ͪΐͬͱ෼͔ΓͮΒ͍ؾ΋͠·͢Ͷ
29. // Toast
 toast(R.string.message)
 
 // アラートダイアログ
 alert("Hi, I'm Roy", "Have you tried turning it off and on again?") {
 yesButton { toast("Oh…") }
 noButton {}
 }.show()
 
 // Activityの呼び出し
 startActivity<SomeOtherActivity>("id" to 5) ศརͳػೳ  ·͋͋ͱ͸৭ʑศརͳػೳΛ༻ҙͯ͘͠Ε͍ͯΔͷͰτʔετͱ͔μΠΞϩάͱ͔ΞΫςΟϏςΟݺͼग़ͨ͠Γͱ͔खܰʹͰ͖·͢Αɹͬͯͷͱʙ
30. // 非同期処理
 
 doAsync {
 // 何か重い処理
 
 // Acitivityがfinishしていたら呼ばれない
 activityUiThreadWithContext {
 result.text = "Done"
 }
 } ศརͳػೳ  ͋ͱ͜Ε͸ඇಉظॲཧ΋͏·͍͜ͱ΍ͬͯ͘Ε·͢Αͬͯ΍ͭͰ͢Ͷɻ activityUiThreadWithContextͬͯͷ͸ ͜Ε͕ݺ͹Εͨ࣌఺ͰActivity͕finishͯͨ͠ΒԿ΋͠·ͤΜΑͬͯͷΛ΍ͬͯ͘Ε·͢
31. 
    *NBHF7JFXͷ֦ுؔ਺
    fun ImageView.loadImage(imageUrl: String, error: Int) {
 Picasso.with(context).load(imageUrl).error(error).into(this)
 }
 // Picassoを使ってイメージを読み込み
 imageView = imageView {
 loadImage("画像のURL", R.drawable.error)
 } ֦ுؔ਺Λ࢖༻͢Δ  Ͱɺ͖ͬ͞ݴͬͨΑ͏ʹKotlinͷίʔυͳΜͰɺྫ͑͹imageViewʹPicassoͰը૾ࡱ͖ͬͯͯ͘ΕΔ֦ுؔ਺࡞ͬͨͱ͖ͱ͔ʹ΋ɺී௨ʹAnkoͷதͰ࢖͑·͢ɻ
32. 
    *NBHF7JFXͷ֦ுؔ਺
    fun ImageView.loadImage(imageUrl: String, error: Int) {
 Picasso.with(context).load(imageUrl).error(error).into(this)
 }
 // Picassoを使ってイメージを読み込み
 imageView = imageView {
 loadImage("画像のURL", R.drawable.error)
 } ֦ுؔ਺Λ࢖༻͢Δ  ,PUMJOͷԸܙΛͦͷ··ड͚ΕΔײ͡Ͱ
    ྑ͍ ͜ΕɹKotlinͷԸܙΛͦͷ··ड͚ΕΔײ͔ͩ͡Β Kotlinॻ͍͍ͯΔਓ͸ؾ࣋ͪྑ͍ͱࢥ͍·͢
33. ͓ΘΓʹ w ,PUMJOͷ࿩୊͸੝Γ্͕͍ͬͯΔҹ৅ Kotlin͸࠷͍ۙͩͿ஫໨͞Ε͖͍ͯͯͯ੝Γ্͕͍ͬͯΔҹ৅ͳΜͰ͚͢Ͳ
34. ͓ΘΓʹ w "OLPͷ࿩ͬͯ͋·Γฉ͔ͳ͍ Ankoͷ࿩ͬͯɹ͋Μ·Γฉ͔ͳ͍ͳ͋ͬͯ
35. ͓ΘΓʹ w 2JJUBͰͷهࣄ਺
    ݅ͱ͔ͩͬͨ͠
36. ͓ΘΓʹ w "OLP΋
    ΋ͬͱ࿩୊ʹͳΔͱ͍͍ͳʂ
37. ͓ΘΓʹ w ͦΜͳΘ͚Ͱ
38. ͓ΘΓʹ w "OLPͷ࿩୊΋
    ͸͞ΜͰ΄͍͠
39. ͝੩ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠
40. ͕࣌ؒ͋ͬͨΒ΍Δ
41. Ϩγʔό෇͖ؔ਺Ϧςϥϧ ֦ுؔ਺ ΛҾ਺ʹऔΔ
    ֦ுϓϩύςΟ
    ͍͍ͩͨ
    ͜ͷ΁ΜͷػೳͰ࣮ݱ
    Ͳ͏΍͍ͬͯΔͷ͔ 
42. ͘Θ͘͠͸͜ͷ͋ͨΓΛࢀর
    ,PUMJO
    ,PBOTͷ#VJMEFSTͷষ
    ಛʹ)UNM
    CVJMEFSTͷ ෦෼
    %4-ͷྫ
    ,PUMJO
    
    "OESPJE
    "
    #SBTT
    5BDLT
    &YQFSJNFOU
    (PPHMFͷਓ͕ॻ͍ͨهࣄ
    ӳޠ
    Ͳ͏΍͍ͬͯΔͷ͔ 
43. class MyListViewAdapter(var context:Context) : BaseAdapter() {
 
 override fun getView(position:Int, convertView: View?, parent: ViewGroup?):View? {
 var newConvertView:View?
 
 if (convertView == null) {
 var ui = MyListItemUI(getItem(position), position)
 newConvertView = ui.createView(context.UI { })
 newConvertView.tag = ui
 }else {
 newConvertView = convertView
 var ui = newConvertView.tag as MyListItemUI
 ui.label?.text = "List item: " + position
 newConvertView.tag = ui
 }
 return newConvertView
 }
 }
 
 class MyListItemUI(var user:User?,var position:Int) : AnkoComponent<Context> {
 var label : TextView? = null
 
 override fun createView(ui: AnkoContext<Context>) = with(ui) {
 verticalLayout {
 label = textView { text ="List item: " + position }
 }
 }
 }
 -JTU7JFXͰ࢖͏ྫ  ListViewͰͷ࢖͍ํ͕Θ͔ΒΜͬͯ࿩Λฉ͍ͨͷͰ΍ͬͯΈͨ AnkoComponentͷ෦෼͕ViewHolderʹͳͬͯΔΑ͏ͳײ͡ ͳΜ͔ඍົͱ͍͏͔ දࣔΛߋ৽͠ͳ͍ͱ͍͚ͳ͍෦෼͕ଟ͍ͱԸܙগͳ͍Α͏ͳؾ͕͢Δ
44. DMBTT
    .Z"DUJWJUZ
    
    "QQ$PNQBU"DUJWJUZ
    \
    
    MB[ZΛ࢖ͬͨ΄͏͕͍͍͔΋
    
    
    
    
    WBM
    VJ
    .BJO"DUJWJUZ6J
    CZ
    MB[Z
    \
    
    
    
    
    
    
    
    
    .BJO"DUJWJUZ6J
    
    
    
    
    ^
    
    
    
    
    PWFSSJEF
    GVO
    PO$SFBUF TBWFE*OTUBODF4UBUF
    #VOEMF
    QFSTJTUFOU4UBUF
    1FSTJTUBCMF#VOEMF
    \
    TVQFSPO$SFBUF TBWFE*OTUBODF4UBUF
    QFSTJTUFOU4UBUF
    VJTFU$POUFOU7JFX UIJT
    VJUFYU7JFX UFYU
    
    l"1*͔Βͱ͖ͬͯͨ஋ͱ͔z
    
    
    
    
    ^
    ^
    DMBTT
    .Z"DUJWJUZ6*
    
    "OLP$PNQPOFOU.Z"DUJWJUZ
    \
    WBS
    UFYU7JFX
    5FYU7JFX
    
    OVMM
    PWFSSJEF
    GVO
    DSFBUF7JFX VJ
    "OLP$POUFYU.Z"DUJWJUZ
    
    XJUI VJ
    \
    
    লུ
    
    
    
    
    
    
    
    
    
    
    
    ^
    ^ ΫϥεΛ෼͚ͨྫ  ͳΜ͔͜Ε͸AnkoComponentΛ࣮૷͍ͯ͠ΔΫϥεΛAcitivityʹ΋ͨͤͯɹlazyʹͪ͠Όͬͨํ͕͍͍Μ͡Όͳ͍͔ͬͯ΍ͭͰ͢Ͷ
45. DMBTT
    .Z"DUJWJUZ
    
    "QQ$PNQBU"DUJWJUZ
    \
    
    MB[ZΛ࢖ͬͨ΄͏͕͍͍͔΋
    
    
    
    
    WBM
    VJ
    .BJO"DUJWJUZ6J
    CZ
    MB[Z
    \
    
    
    
    
    
    
    
    
    .BJO"DUJWJUZ6J
    
    
    
    
    ^
    
    
    
    
    PWFSSJEF
    GVO
    PO$SFBUF TBWFE*OTUBODF4UBUF
    #VOEMF
    QFSTJTUFOU4UBUF
    1FSTJTUBCMF#VOEMF
    \
    TVQFSPO$SFBUF TBWFE*OTUBODF4UBUF
    QFSTJTUFOU4UBUF
    VJTFU$POUFOU7JFX UIJT
    VJUFYU7JFX UFYU
    
    l"1*͔Βͱ͖ͬͯͨ஋ͱ͔z
    
    
    
    
    ^
    ^
    DMBTT
    .Z"DUJWJUZ6*
    
    "OLP$PNQPOFOU.Z"DUJWJUZ
    \
    WBS
    UFYU7JFX
    5FYU7JFX
    
    OVMM
    PWFSSJEF
    GVO
    DSFBUF7JFX VJ
    "OLP$POUFYU.Z"DUJWJUZ
    
    XJUI VJ
    \
    
    লུ
    
    
    
    
    
    
    
    
    
    
    
    ^
    ^ ΫϥεΛ෼͚ͨྫ 
46. DMBTT
    .Z"DUJWJUZ
    
    "QQ$PNQBU"DUJWJUZ
    \
    
    MB[ZΛ࢖ͬͨ΄͏͕͍͍͔΋
    
    
    
    
    WBM
    VJ
    .BJO"DUJWJUZ6J
    CZ
    MB[Z
    \
    
    
    
    
    
    
    
    
    .BJO"DUJWJUZ6J
    
    
    
    
    ^
    
    
    
    
    PWFSSJEF
    GVO
    PO$SFBUF TBWFE*OTUBODF4UBUF
    #VOEMF
    QFSTJTUFOU4UBUF
    1FSTJTUBCMF#VOEMF
    \
    TVQFSPO$SFBUF TBWFE*OTUBODF4UBUF
    QFSTJTUFOU4UBUF
    VJTFU$POUFOU7JFX UIJT
    VJUFYU7JFX UFYU
    
    l"1*͔Βͱ͖ͬͯͨ஋ͱ͔z
    
    
    
    
    ^
    ^
    DMBTT
    .Z"DUJWJUZ6*
    
    "OLP$PNQPOFOU.Z"DUJWJUZ
    \
    WBS
    UFYU7JFX
    5FYU7JFX
    
    OVMM
    PWFSSJEF
    GVO
    DSFBUF7JFX VJ
    "OLP$POUFYU.Z"DUJWJUZ
    
    XJUI VJ
    \
    
    লུ
    
    
    
    
    
    
    
    
    
    
    
    ^
    ^ ΫϥεΛ෼͚ͨྫ  ͜ͷ෦෼ɹ֎͔ΒView࢖͍͍ͨͱ͖nullνΣοΫ͠ͳ͍ͱ͍͚ͳ͍Α͏ʹͳͬͪΌ͏ΜͰ ͜ΕͬͯͲ͏ͨ͠Β͍͍ͷ͔ͳͬͯײ͡ͷͱ͜ΖͰ͢Ͷ lateinitΛ͚ͭΕ͹͍͍ͷ͔ͳ? ͖ͬ͞ݴͬͯͨDelegationͷMapͰͳΜͱ͔Ͱ͖ͳ͍͔ͳ
47. DMBTT
    .Z"DUJWJUZ
    
    "QQ$PNQBU"DUJWJUZ
    \
    
    MB[ZΛ࢖ͬͨ΄͏͕͍͍͔΋
    
    
    
    
    WBM
    VJ
    .BJO"DUJWJUZ6J
    CZ
    MB[Z
    \
    
    
    
    
    
    
    
    
    .BJO"DUJWJUZ6J
    
    
    
    
    ^
    
    
    
    
    PWFSSJEF
    GVO
    PO$SFBUF TBWFE*OTUBODF4UBUF
    #VOEMF
    QFSTJTUFOU4UBUF
    1FSTJTUBCMF#VOEMF
    \
    TVQFSPO$SFBUF TBWFE*OTUBODF4UBUF
    QFSTJTUFOU4UBUF
    VJTFU$POUFOU7JFX UIJT
    VJUFYU7JFX UFYU
    
    l"1*͔Βͱ͖ͬͯͨ஋ͱ͔z
    
    
    
    
    ^
    ^
    DMBTT
    .Z"DUJWJUZ6*
    
    "OLP$PNQPOFOU.Z"DUJWJUZ
    \
    WBS
    UFYU7JFX
    5FYU7JFX
    
    OVMM
    PWFSSJEF
    GVO
    DSFBUF7JFX VJ
    "OLP$POUFYU.Z"DUJWJUZ
    
    XJUI VJ
    \
    
    লུ
    
    
    
    
    
    
    
    
    
    
    
    ^
    ^ ΫϥεΛ෼͚ͨྫ  ͰAnkoComponent࣮૷͍ͯ͠ΔΫϥεͷϝϯόʹ͓͚ͯ͠͹ɺAPIͰ஋Λͱ͖ͬͯͯߋ৽ͱ͔Ͱ͖ΔΜͰ
48. DMBTT
    .Z"DUJWJUZ
    
    "QQ$PNQBU"DUJWJUZ
    \
    
    MB[ZΛ࢖ͬͨ΄͏͕͍͍͔΋
    
    
    
    
    WBM
    VJ
    .BJO"DUJWJUZ6J
    CZ
    MB[Z
    \
    
    
    
    
    
    
    
    
    .BJO"DUJWJUZ6J
    
    
    
    
    ^
    
    
    
    
    PWFSSJEF
    GVO
    PO$SFBUF TBWFE*OTUBODF4UBUF
    #VOEMF
    QFSTJTUFOU4UBUF
    1FSTJTUBCMF#VOEMF
    \
    TVQFSPO$SFBUF TBWFE*OTUBODF4UBUF
    QFSTJTUFOU4UBUF
    VJTFU$POUFOU7JFX UIJT
    VJUFYU7JFX UFYU
    
    l"1*͔Βͱ͖ͬͯͨ஋ͱ͔z
    
    
    
    
    ^
    ^
    DMBTT
    .Z"DUJWJUZ6*
    
    "OLP$PNQPOFOU.Z"DUJWJUZ
    \
    WBS
    UFYU7JFX
    5FYU7JFX
    
    OVMM
    
    ຊ౰͸͜͜ͰOVMMΛೖΕͨ͘ͳ͍ʜʜ
    Կ͔͍͍ํ๏͸
    PWFSSJEF
    GVO
    DSFBUF7JFX VJ
    "OLP$POUFYU.Z"DUJWJUZ
    
    XJUI VJ
    \
    
    লུ
    
    
    
    
    
    
    
    
    
    
    
    ^
    ^ ΫϥεΛ෼͚ͨྫ 
49. class ViewBinder<M>(val function: (M) -> Unit) : ReadWriteProperty<Any, M> {
 private var mValue: M? = null
 
 override fun getValue(thisRef: Any, property: KProperty<*>): M = mValue as M
 
 override fun setValue(thisRef: Any, property: KProperty<*>, value: M) {
 mValue = value
 function(value)
 }
 } /////////////////////////////////////// var user: User? by ViewBinder {
 // userのセッターが呼ばれた時にこの関数が呼ばれる
 // このときActivityがクローズされていたら?
 // activityUiThreadWithContextの中で呼ぶこと
 
 when (it) {
 null -> {
 
 }
 else -> {
 ui.textView?.apply {
 text = it?.name
 }
 }
 }
 } 7JFX
    #JOEFS  ͜Ε͸ Data Bindingͷ୅ΘΓʹɺDelegationΛ࢖ͬͯ Model͔ΒView΁ͷҰํ޲όΠϯσΟϯάΛ࡞ͬͨ΍ͭͰ͢Ͷ userΛߋ৽͢Δͱɹ͜ͷׅހͷதͷؔ਺ΛݺΜͰ͘ΕΔΜͰɺTextViewΛߋ৽ͯ͠·͢ɻ σʔλ͝ͱʹɺରԠ͢ΔViewΛߋ৽͢Δ͜ͷׅހͷதʹ·ͱΊͯॻ͚ΔΜͰɺҰํ޲όΠϯσΟϯάͳΒ Data BindingΑΓ΋͍͍͔΋͠Ε·ͤΜͶ