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.1k
Dd17014e380450cfed5d55ff20fa3dfd?s=48 ryugoo
0
300
Dd17014e380450cfed5d55ff20fa3dfd?s=48 ryugoo
5
870
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
B3f560d34c14a9113e5024bc34ac26a0?s=48 heyitsmohit
1
140
405fe9ab689473f267e2cfbd95f78c75?s=48 kyonmm
0
190
6f8838b2708a87ccf1015030f16880ef?s=48 godel
0
160
53850955f15249a1a9dc49df6113e400?s=48 line_developers
0
210
9e7a653ed313b3da4b263a772bfc5026?s=48 clustervr
0
170
5bf330deb12b1b4e1addfc33e41e3edc?s=48 juntatsuno
0
110
5919537a0ecfa5d4dea704cf878ae90e?s=48 toshimaru
4
1.4k
874ff503a00697a857e198a0ebb8f55f?s=48 ailaboocu
0
160
53850955f15249a1a9dc49df6113e400?s=48 line_developers
0
200
C786d7772602b488a7972c38c143f61c?s=48 con_mame
3
1.8k
B0efb6defa622f75aaaf56e5ee439a59?s=48 firebasethailand
1
110
9e7a653ed313b3da4b263a772bfc5026?s=48 clustervr
0
290

Featured

See All Featured
3d4519fd34b76fb265fc0237f3792bd4?s=48 danielanewman
1
340
C0390e8b11079f8761c0cd3274ed61cb?s=48 productmarketing
5
530
F383c6a4dc55e331bbe2987b622cee6b?s=48 stephaniewalter
256
11k
3d6ace9554821d552146413bcdf874f6?s=48 trishagee
14
940
027d1ebf66cc039a0bd3b55eeadbe75d?s=48 sachag
266
16k
6804f1775cb4babfcc3851298566fbce?s=48 tanoku
257
24k
78b475797a14c84799063c7cd073962f?s=48 holman
287
130k
4262b9cfacfb6b2c77f23e1d0310cd3e?s=48 myddelton
105
10k
4394ceb8b277f35ee3da7030384efb5d?s=48 davidbonilla
69
3.4k
C51b39fa3c79ccb99dcb8a076bc98287?s=48 brianwarren
82
4.6k
5b6a2bd86ef643786a381a212e0ef2f1?s=48 geoffreycrofte
11
480
7559f6cff1f5efc2d210965febd4d71c?s=48 bermonpainter
339
26k

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: