Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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
310
Dd17014e380450cfed5d55ff20fa3dfd?s=48 ryugoo
5
890
Dd17014e380450cfed5d55ff20fa3dfd?s=48 ryugoo
1
1.5k
Dd17014e380450cfed5d55ff20fa3dfd?s=48 ryugoo
2
1.2k
Dd17014e380450cfed5d55ff20fa3dfd?s=48 ryugoo
4
560
Dd17014e380450cfed5d55ff20fa3dfd?s=48 ryugoo
0
460
Dd17014e380450cfed5d55ff20fa3dfd?s=48 ryugoo
2
340
Dd17014e380450cfed5d55ff20fa3dfd?s=48 ryugoo
1
2.1k

Other Decks in Technology

See All in Technology
2c68dc672293cc3f8a7a57d3af86f15b?s=48 koukyo1994
3
620
04ed942e4752bcefd412a04f6380fb13?s=48 azara
1
900
53850955f15249a1a9dc49df6113e400?s=48 line_developers
PRO
0
180
0ff628872d7bd890507a43c7c20b1804?s=48 yshr1200
0
170
80542834077f51ffe731277513db2c07?s=48 zak3
1
200
Cc568a0b1284645f9fb927b2343eb87e?s=48 youtalk
0
400
4b2f3a64637b51e81813accbe8a98083?s=48 miura55
0
320
Db4af41c084fb66f56725d0b3b40fb09?s=48 go5paopao
6
440
A73ed5cefbbd84abd2c5e14a5eb4a339?s=48 ippey
2
200
Fd51a3e98f756983c75edeb0f74beaaa?s=48 eayedi
2
150
97a7f7899e0df28c3636b8d44bbe6578?s=48 korodroid
0
190
A2cac4b3dcb2bc0b87917ddc034ef708?s=48 sansandsoc
2
720

Featured

See All Featured
016edace78ffe826f2348d1e0c504afd?s=48 maggiecrowley
10
500
95d9f37115fbb0d13135d0f77132f856?s=48 morganepeng
93
14k
E190023b66e2b8aa73a842b106920c93?s=48 zenorocha
296
40k
766b9746b59e6f09e280cd33cf4ed419?s=48 skipperchong
8
710
Aebc2d07a50011e2a30d38435fde564a?s=48 jrom
116
7.2k
F716e5f737fcfb03f2cf8d1a184f1dbe?s=48 nonsquared
81
3.4k
A9a491b0fcbe0fbce3d64063a37add99?s=48 rmw
11
810
9cde37f47e4a800ea081ea42de8d749a?s=48 dougneiner
55
5.4k
E6c6e133e74c3b83f04d2861deaa1c20?s=48 searls
204
36k
20bfe76b3d6105641f879fe45cfc9272?s=48 bkeepers
321
53k
Ef32e0b1ac5082450dc8c1fca3a26b5c?s=48 cherdarchuk
71
260k
8081b26e05bb4354f7d65ffc34cbbd67?s=48 chriscoyier
779
240k

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: