Pro Yearly is on sale from $80 to $50! »

Encouragement of ListView

Dd17014e380450cfed5d55ff20fa3dfd?s=47 Ryutaro Miyashita
July 14, 2013
Technology
3
2.6k

Encouragement of ListView

Introduction of Titanium 3.1 ListView

Dd17014e380450cfed5d55ff20fa3dfd?s=128

Ryutaro Miyashita

July 14, 2013
Tweet

More Decks by Ryutaro Miyashita

See All by Ryutaro Miyashita
Dd17014e380450cfed5d55ff20fa3dfd?s=48 ryugoo
0
1.2k
Dd17014e380450cfed5d55ff20fa3dfd?s=48 ryugoo
0
300
Dd17014e380450cfed5d55ff20fa3dfd?s=48 ryugoo
5
880
Dd17014e380450cfed5d55ff20fa3dfd?s=48 ryugoo
1
1.5k
Dd17014e380450cfed5d55ff20fa3dfd?s=48 ryugoo
2
1.2k
Dd17014e380450cfed5d55ff20fa3dfd?s=48 ryugoo
4
550
Dd17014e380450cfed5d55ff20fa3dfd?s=48 ryugoo
0
460
Dd17014e380450cfed5d55ff20fa3dfd?s=48 ryugoo
2
330
Dd17014e380450cfed5d55ff20fa3dfd?s=48 ryugoo
1
2k

Other Decks in Technology

See All in Technology
Eebedc2ee7ff95ffb9d9102c6d4a065c?s=48 line_devday2020
0
220
79dcb04101764d7bf66f898dd446838e?s=48 tsukubachallenge
0
180
Eebedc2ee7ff95ffb9d9102c6d4a065c?s=48 line_devday2020
0
140
Eebedc2ee7ff95ffb9d9102c6d4a065c?s=48 line_devday2020
0
180
Eebedc2ee7ff95ffb9d9102c6d4a065c?s=48 line_devday2020
0
120
Eebedc2ee7ff95ffb9d9102c6d4a065c?s=48 line_devday2020
0
170
Eebedc2ee7ff95ffb9d9102c6d4a065c?s=48 line_devday2020
0
180
Eebedc2ee7ff95ffb9d9102c6d4a065c?s=48 line_devday2020
0
210
Cc568a0b1284645f9fb927b2343eb87e?s=48 youtalk
0
210
Eebedc2ee7ff95ffb9d9102c6d4a065c?s=48 line_devday2020
0
160
23f4d5d797a91b6d17d627b90b5a42d9?s=48 kentaro
3
310
Eebedc2ee7ff95ffb9d9102c6d4a065c?s=48 line_devday2020
0
110

Featured

See All Featured
F383c6a4dc55e331bbe2987b622cee6b?s=48 stephaniewalter
258
11k
245cee81a9c424266e5e401d844ea881?s=48 lara
172
9.4k
3d4519fd34b76fb265fc0237f3792bd4?s=48 danielanewman
1
410
32de0bd2ba869609d26fd052a4622778?s=48 cromwellryan
101
5.8k
06f8b41980eb4c577fa40c41d5030c19?s=48 keathley
16
580
39488f9d172ab92fd352f2cd7b73258d?s=48 mza
80
4k
D47656e20ff5e42f125fc5ea0fd636c6?s=48 tmm1
61
7.5k
Fde6c3a50ca518a909ef35c22c0ee0e4?s=48 destraynor
223
47k
F57e2136eb9895eb95ff5dc8a1c02677?s=48 zakiwarfel
87
3.3k
8081b26e05bb4354f7d65ffc34cbbd67?s=48 chriscoyier
777
240k
9cde37f47e4a800ea081ea42de8d749a?s=48 dougneiner
119
7.8k
8081b26e05bb4354f7d65ffc34cbbd67?s=48 chriscoyier
683
180k

Transcript

  1. 5JUBOJVN΋͘΋͘ձJO/*'5: -JTU7JFXͷεεϝ 5BCMF7JFXͱ͸Ұମͳʹ͕ҟͳΔͷ͔

  2. 3ZVUBSP.JZBTIJUB $IBU8PSL.PCJMF"QQ&OHJOFFS 5JUBOJVN.PCJMFϢʔβʔձॻه    SZVHPP@ SZVUBSPNJZBTIJUB SZVHPP 

    JNUIJOLFSOFU 5JUBOJVN΋͘΋͘ձJO/*'5:

  3. 5JUBOJVN΋͘΋͘ձJO/*'5: ࠓळɺϞόΠϧΞϓϦΛશ໘ϦχϡʔΞϧ 5JUBOJVN΋͘΋͘ձJO/*'5:

  4. ύϑΥʔϚϯε 5JUBOJVN΋͘΋͘ձJO/*'5: 5JUBOJVNΞϓϦͰ೰·͞ΕΔ՝୊ͷͭ

  5. 5J6*5BCMF7JFX 5JUBOJVN΋͘΋͘ձJO/*'5: ΈΜͳେ޷͖͍ͬͺ͍࢖͏

  6. ࣮͸ੑೳʷ 5JUBOJVN΋͘΋͘ձJO/*'5: ෼͔ͬͯΔͳ "OESPJEͳ 

  7. Ȓ 5JUBOJVN΋͘΋͘ձJO/*'5: ࢒೦ɺզʑͷ5JUBOJVN͸ऴΘͬͯ͠·ͬͨ

  8. 5JUBOJVN΋͘΋͘ձJO/*'5: ʘʘaaᵋ Т ʯʗʗ ͦΜͳ5JUBOJVNʹٹੈओ͕ ʘʘaaᵋ Т ʯʗʗ 5JUBOJVN΋͘΋͘ձJO/*'5: ͦΜͳ5JUBOJVNʹٹੈओ͕

  9. 5J6*-JTU7JFX 5JUBOJVN΋͘΋͘ձJO/*'5: 5JUBOJVNYʹݱΕͨ৽͍͠"1*

  10. -JTU7JFX͸୔ࢁͷSPXΛ࣋ͭ৔߹ੑೳ͕ྑ͍ 5JUBOJVN΋͘΋͘ձJO/*'5: “ListView is designed to perform better with a

    large number of rows.”

  11. Ξϓϩʔνͷҧ͍ 5JUBOJVN΋͘΋͘ձJO/*'5: -JTU7JFXͱ5BCMF7JFXͷҧ͍

  12. σʔλͱϏϡʔ 5JUBOJVN΋͘΋͘ձJO/*'5: -JTU7JFX͸σʔλࢦ޲5BCMF7JFX͸Ϗϡʔࢦ޲

  13. 5JUBOJVN΋͘΋͘ձJO/*'5:

  14. 5JUBOJVN΋͘΋͘ձJO/*'5: σʔλ Ϗϡʔ ৘ใͷҰཡ ԿΒ͔ͷը໘

  15. l-BCFM΍*NBHF7JFXΛஔ͍ͨ 5BCMF7JFX3PXΛ୔ࢁ࡞ͬͯ 5BCMF7JFXͰදࣔ͢Δz 5BCMF7JFXͷΞϓϩʔν 5JUBOJVN΋͘΋͘ձJO/*'5:

  16. l-BCFM΍*NBHF7JFXΛஔ͍ͨ 5BCMF7JFX3PXΛ୔ࢁ࡞ͬͯ 5BCMF7JFXͰදࣔ͢Δz 5BCMF7JFXͷΞϓϩʔν 5JUBOJVN΋͘΋͘ձJO/*'5: ύϑΥʔϚϯεͷϘτϧωοΫ

  17. l-JTU7JFXͷ্Ͱ -BCFM΍*NBHF7JFXΛ Ͳ͏දࣔ͢Δͷ͔Λ༧ΊܾΊ͓ͯ͘z -JTU7JFXͷΞϓϩʔν 5JUBOJVN΋͘΋͘ձJO/*'5:

  18. l-JTU7JFXͷ্Ͱ -BCFM΍*NBHF7JFXΛ Ͳ͏දࣔ͢Δͷ͔Λ༧ΊܾΊ͓ͯ͘z -JTU7JFXͷΞϓϩʔν ΞΠςϜςϯϓϨʔτ 5JUBOJVN΋͘΋͘ձJO/*'5:

  19. ίʔυΛݟͤΖ 5JUBOJVN΋͘΋͘ձJO/*'5: ͝΋ͬͱ΋

  20. var plain_template = { childTemplates: [{ type: "Ti.UI.Label", bindId: "myLabel",

    properties: { left: "10dp" }, events: { click: reportFunction } }] }; var list = Ti.UI.createListView({ templates: { plain: plain_template }, defaultItemTemplate: "plain" }); 5JUBOJVN΋͘΋͘ձJO/*'5: ςϯϓϨʔτͷઃఆ

  21. var data = []; [1,2,3,4,5].forEach(function (idx) { data.push({ myLabel: {

    text: "Row #" + idx }, properties: { itemId: "item" + idx } }); }); var section = Ti.UI.createListSection({ items: data }); list.sections = [section]; 5JUBOJVN΋͘΋͘ձJO/*'5: ςϯϓϨʔτΛ࢖ͬͯΞΠςϜΛ࡞Δ

  22. 5JUBOJVN΋͘΋͘ձJO/*'5: list.addEventListener( "itemclick", function (e) { // Get clicked item

    reference var item = e.section.getItemAt(e.itemIndex); console.log(item.properties.itemId); // Replace clicked item e.section.UpdateItemAt(e.itemIndex, item); } ); -JTU7JFXͷΠϕϯτϋϯυϦϯά

  23. -JTU7JFXͱ͸ ܾΊͨͱ͓ΓͷܗͰσʔλΛදࣔͤ͞ΔͨΊͷ΋ͷ 5JUBOJVN΋͘΋͘ձJO/*'5:

  24. ύϑΥʔϚϯε͸ ͦΕͰɺ5BCMF7JFXΑΓ΋ੑೳ͸ྑ͍ͷ͔Ͷ 5JUBOJVN΋͘΋͘ձJO/*'5:

  25. 5JUBOJVN΋͘΋͘ձJO/*'5: 3PXT-JTU5BCMF 3PXΛ༻ҙ͢Δ࣌ؒಈ࡞ͷػහੑ .Z5BTL 3FOEFSJOHUJNFBU&QPDI NT *NBHF7JFX -BCFM -BCFM 5BCMF7JFX3PX

  26. 5JUBOJVN΋͘΋͘ձJO/*'5: )5$%FTJSF4 "OESPJE Y 4OBQESBHPO()[ .#3". (PPHMF/FYVT4 ˺

  27. 5JUBOJVN΋͘΋͘ձJO/*'5:

  28. NT Y NT Y 1SFQBSF 1SFQBSF 5JUBOJVN΋͘΋͘ձJO/*'5:

  29.  5JUBOJVN΋͘΋͘ձJO/*'5: ੌ͍ 5JUBOJVN΋͘΋͘ձJO/*'5: ੌ͍ "OESPJEͰ΋௒଎͍ "OESPJEͰ΋௒଎͍ 

  30. -JTU7JFX 5BCMF7JFX ˚ "OESPJE   Y J1IPOF 4JNVMBUPS 

     Y J1IPOF   Y ୯Ґ<NT> 5JUBOJVN΋͘΋͘ձJO/*'5:

  31.   5JUBOJVN΋͘΋͘ձJO/*'5: J04΋ޮՌൈ܈ J04"OESPJEڞʹ଎͍ J04΋ޮՌൈ܈ 5JUBOJVN΋͘΋͘ձJO/*'5: J04"OESPJEڞʹ଎͍

  32. ࢖ͬͨίʔυ 5JUBOJVN΋͘΋͘ձJO/*'5: IUUQTHJUIVCDPNSZVHPP5JUBOJVN-JTU7JFX4BNQMF 

  33. 5JUBOJVN΋͘΋͘ձJO/*'5: ʘʘaaᵋ Т ʯʗʗ ͜ΕͰղܾͩ ʘʘaaᵋ Т ʯʗʗ 5JUBOJVN΋͘΋͘ձJO/*'5: ͜ΕͰղܾͩ

  34. éĕÕǤʌñʞìè 5JUBOJVN΋͘΋͘ձJO/*'5: ΋ͪΖΜɺ·ͩɺશ͕ͯղܾ͢ΔΘ͚Ͱ͸ͳ͍

  35. 5JUBOJVN΋͘΋͘ձJO/*'5: ࣮͸ɺ·ͩ·ͩ"1*͕଍Γͯͳ͍ “A complete list of implemented features is schedule

    for the next list version, which is planned for Release 3.2.0.”

  36. 5JUBOJVN΋͘΋͘ձJO/*'5: 1SPQT FEJUJOHFEJUBCMF TFQBSBUPS$PMPS4UZMF &WFOUT ESBHTUBSUESBHFOE TDSPMMTDSPMMFOE IFBEFS7JFXGPPUFS7JFX EFMFUFNPWF ʜ

    ʜ

  37. 5JUBOJVN 5JUBOJVN΋͘΋͘ձJO/*'5: Β͍͠ 8BJUJOH

  38. ·ͱΊ 5JUBOJVN΋͘΋͘ձJO/*'5: $PODMVTJPO

  39. -JTU7JFX͸଎͍ 5JUBOJVN΋͘΋͘ձJO/*'5: 5BCMF7JFXͷYY͙Β͍଎͍

  40. ͪΐͬͱ೉͍͠ 5JUBOJVN΋͘΋͘ձJO/*'5: 5BCMF7JFX΄Ͳͷॊೈੑ͸ແ͍

  41. ·࣮ͩ૷్த 5JUBOJVN΋͘΋͘ձJO/*'5: 5JUBOJVNͰҰ௨Γͷ࣮૷͕ऴΘΔΒ͍͠

  42. Ͱ΋଎͍ 5JUBOJVN΋͘΋͘ձJO/*'5: ෳࡶͳॲཧΛ࢖Θͳ͚Ε͹े෼ʹ࢖͑Δ

  43. ࢼ͢Ձ஋͋Γ 5JUBOJVN΋͘΋͘ձJO/*'5: 5BCMF7JFX͚͔ͩ͠࢖Θͳ͍ͷ͸໪ମͳ͍

  44. CODESTRONG ! 5JUBOJVN΋͘΋͘ձJO/*'5: