Transferable - SwiftUI ドキュメントアプリ

ೳొཁ !OPUPSPJE J1IPOFΞϓϦ։ൃऀ೥݄೔ 4XJGU6*υΩϡϝϯτΞϓϦ 5SBOTGFSBCMF

࿩͢಺༰ w 5SBOTGFSBCMF w 4XJGU6*ͷ%SBH%SPQ

࿩͞ͳ͍಺༰ w υΩϡϝϯτΞϓϦ޲͚ʹ௥Ճ͞Εͨ6* w πʔϧόʔ΄͔

͓୊໨ w ೥ͷ4XJGU6* w 5SBOTGFSBCMF֓ཁ w 5SBOTGFSBCMFͷ࢖͍ํ w 5SBOTGFSBCMFͷྫ w
·ͱΊ

೥ͷ4XJGU6*

4XJGU6*ͷ৽ػೳϓϨθϯςʔγϣϯ w 4XJGU6*͕ൃද͞Εͯ೥໨ ʙ w ൃද౰ॳ͔ΒػೳڧԽ w ϚϧνϓϥοτϑΥʔϜରԠ w
BTZODBXBJUBDUPSʹରԠ

4XJGU6*ϓϨθϯςʔγϣϯ ৽ػೳ঺հଟ͗͢໰୊

%FWFMPQFSΞϓϦ

%FWFMPQFSΞϓϦ ೥ ೥

ϓϨθϯλΠτϧ͕ॏͳΓ͗͢ɻ ৽ػೳΛΞϐʔϧ͢ΔλΠτϧͷ ߟҊ͕"QQMFٻΊΒΕΔ

࿩Λຊ୊ʹ໭ͯ͠

4XJGU6*ͷυΩϡϝϯτΞϓϦରԠ

4XJGU6*ͷυΩϡϝϯτΞϓϦରԠ w 4XJGU6*ൃදͷ೥͔ΒςϯϓϨʔτ͕ଘࡏ w ೥ʹ4XJGUݴޠ޲͚ʹϑΝΠϧܗࣜϑϨʔϜϫʔΫΛ௥Ճ w 6OJGPSN5ZQF*EFOUJ fi FSGSBNFXPSL w
೥πʔϧόʔɺ4QMJU7JFXͳͲͷػೳڧԽ

೥ͷυΩϡϝϯτΞϓϦʹ͍ͭͯ͸4QFBLFS%FDLͰެ։த ˣ IUUQTJSJNBTVDPNBQQMFNVMUJQMBUGPSNEPDVNFOUBQQ TVNNBSZ

υΩϡϝϯτΞϓϦͷෆຬ఺ w ϑΝΠϧܗࣜͷઃఆ͸NBD04ͱJ1IPOFJ1BEͰ෼͔Ε͍ͯΔ w NBD04༻JOGPQMJTUɺJ1IPOFJ1BE༻JOGPQMJTU w ϑΝΠϧܗࣜʹ͍ͭͯ͸෼͔Εͨ·· ೥ݱࡏ w
υΩϡϝϯτΞϓϦΒ͍͠ݟͨ໨ʹͳΒͳ͍ αϙʔτෆ଍ w J04ɺNBD047FOUVSBͰڧԽ w %SBH%SPQରԠ͕ෆे෼ w ೥ʹ5SBOTGFSBCMFΛ࢖ͬͯରԠ

υΩϡϝϯτΞϓϦͷෆຬ఺ w ϑΝΠϧܗࣜͷઃఆ͸NBD04ͱJ1IPOFJ1BEͰ෼͔Ε͍ͯΔ w NBD04༻JOGPQMJTUɺJ1IPOFJ1BE༻JOGPQMJTU w ϑΝΠϧܗࣜʹ͍ͭͯ͸෼͔Εͨ·· ೥ݱࡏ w
υΩϡϝϯτΞϓϦΒ͍͠ݟͨ໨ʹͳΒͳ͍ αϙʔτෆ଍ w J04ɺNBD047FOUVSBͰڧԽ w %SBH%SPQରԠ͕ෆे෼ w ೥ʹ5SBOTGFSBCMFΛ࢖ͬͯରԠ /FX

5SBOTGFSBCMF֓ཁ

5SBOTGFSBCMF wΞϓϦؒɺ04ͱΞϓϦؒͰͷσʔλ΍ΓऔΓશൠΛऔΓѻ͏ w4XJGUͷQSPUPDPMͷҰछ DPEBCMF TFOEBCMF FUDʜ w4XJGUݴޠઐ༻ wએݴతϓϩάϥϛϯάʹԊͬͨܗͰهड़Մೳ w4XJGU6*Ͱ׳Ε਌͠Μͩهड़͕Մೳ

ΞϓϦؒɺ04ͱΞϓϦؒͰͷσʔλ΍ΓऔΓશൠ ૹΓݩ ड͚ઌ σʔλ جຊૹΓݩͱड͚ઌͰσʔλΛ౉͢

ΞϓϦؒɺ04ͱΞϓϦؒͰͷσʔλ΍ΓऔΓશൠ ૹΓݩ ड͚ઌ σʔλ ΞϓϦ" ૹΓݩͱड͚ઌ͸ΞϓϦ಺෦ ΞϓϦ಺ͷ΍ΓऔΓͳͷͰಠ࣮ࣗ૷΋Մೳͩͬͨ

ΞϓϦؒɺ04ͱΞϓϦؒͰͷσʔλ΍ΓऔΓશൠ ૹΓݩ ड͚ઌ σʔλ ૹΓݩͱड͚ઌ͸ผΞϓϦ ΞϓϦ" ΞϓϦ# ΞϓϦಉ࢜Ͱ"1*Λ࢖ͬͨσʔλͷड͚౉͠Λ࣮ݱ͢Δඞཁ͋Γ

ΞϓϦؒɺ04ͱΞϓϦؒͰͷσʔλ΍ΓऔΓશൠ ૹΓݩ ड͚ઌ σʔλ 04 ૹΓݩ͸04ɺड͚ઌ͸ΞϓϦ ΞϓϦ# ༻్޲͚"1*͕༻ҙ͞ΕΔࣄྫ͕ଟ͔ͬͨ FYը૾ϐοΧʔ

ΞϓϦؒɺ04ͱΞϓϦؒͰͷσʔλ΍ΓऔΓશൠ ૹΔσʔλ͸Ӭଓੑ͕ඞཁ ૹΓݩ ड͚ઌ σʔλ 􀫦 􀤄 Memory Storage σʔλͷ΍ΓऔΓ͸͍ͭߦΘΕΔ
͔͸໌Β͔Ͱ͸ͳ͍ɻ 04ʹΑͬͯϝϞϦ͔Β4UPSBHF ΁ͷୀආ͕ߦΘΕΔ৔߹͕͋Δɻ

ΞϓϦؒɺ04ͱΞϓϦؒͰͷσʔλ΍ΓऔΓશൠ ૹΔσʔλܗࣜͷ͏ͪग़དྷ߹͍ͷܗࣜΛར༻Ͱ͖Δɻ %BUB *NBHF 1MBJOUFYU "UUSJCVUFUFYU 63- όΠφϦσʔλ͸ɺը૾ϑΥʔϚοτ 1OH +QFH
ɺө૾ϑΥʔϚοτ NQ NPW ͳͲ04ʹొ࿥͞Ε͍ͯΔܗࣜ ΛࢦఆͰ͖Δ 6OJGPSN5ZQF*EFOUJ fi FS ɻ

ΞϓϦؒɺ04ͱΞϓϦؒͰͷσʔλ΍ΓऔΓશൠ औΓѻ͏σʔλ͸ଟଶੑ͕͋Δ ૹΓݩ ड͚ઌ σʔλ ը૾ ଐੑจࣈྻ จࣈྻ ༏ઌ౓Λ͚ͭͯड ͚౉͢σʔλͷܗ
ࣜΛࢦఆͰ͖Δɻ ༏ઌ౓ )JHI -PX

σʔλͷ΍ΓऔΓʹؔͯ͠એݴత ʹهड़Ͱ͖Δͷ͕ɺ5SBOTGFSBCMF

5SBOTGFSBCMFͷ࢖͍ํ

·ͣ͸5SBOTGFSBCMFϓϩτίϧʹରԠ ͢Δߏ଄ମɺΦϒδΣΫτΛ࡞੒͢Δ

5SBOTGFSBCMFϓϩτίϧ TUBUJDϝϯόม਺USBOTGFS3FQSFTFOUBUJPOʹରԠ͢Δ @available(iOS 16.0, macOS 13.0, tvOS 16.0, watchOS 9.0,
*) public protocol Transferable { /// The type of the representation used to import and export the item. /// /// Swift infers this type from the return value of the /// ``transferRepresentation`` property. associatedtype Representation : TransferRepresentation /// The representation used to import and export the item. /// /// A ``transferRepresentation`` can contain multiple representations /// for different content types. @TransferRepresentationBuilder<Self> static var transferRepresentation: Self.Representation { get } }

5SBOTGFSBCMFϓϩτίϧ TUBUJDϝϯόม਺USBOTGFS3FQSFTFOUBUJPOʹରԠ͢Δ @available(iOS 16.0, macOS 13.0, tvOS 16.0, watchOS 9.0,
*) public protocol Transferable { /// The type of the representation used to import and export the item. /// /// Swift infers this type from the return value of the /// ``transferRepresentation`` property. associatedtype Representation : TransferRepresentation /// The representation used to import and export the item. /// /// A ``transferRepresentation`` can contain multiple representations /// for different content types. @TransferRepresentationBuilder<Self> static var transferRepresentation: Self.Representation { get } } !5SBOTGFS3FQSFTFOUBUJPO#VJMEFS͸ίʔυతͳ ݟͨ໨ͳΫϦʔϯ͞Λҡ࣋ͭͭ͠ɺϏϧυதʹద੾ͳ ίʔυʹมܗ͍ͤͯ͞Δɻ ٕज़తʹ͸4XJGU"UUSJCVUFTΛ࢖༻͠൥ࡶͳίʔυ Λ୹͍ίʔυͱͯ͠දݱՄೳͱ͍ͯ͠Δɻ

5SBOTGFS3FQSFTFOUBUJPOΛͭҎ ্౉͚ͩ͢Ͱ࣮ݱՄೳɻ

5SBOTGFS3FQSFTFOUBUJPO సૹઌͰ࠶ݱՄೳͳσʔλܗࣜΛࢦఆ͢Δ w %BUB3FQSFTFOUBUJPO w 6OJGPSN5ZQF*EFOUJ fi FSTʹొ࿥͞Εͨ%BUBΛ౉͢ w Ұํ޲ͱ૒ํ޲͕Մೳ
w 'JMF3FQSFTFOUBUJPO w 6OJGPSN5ZQF*EFOUJ fi FSTʹొ࿥͞ΕͨϑΝΠϧͷ'JMF63-Λ౉͢ w $PEBCMF3FQSFTFOUBUJPO w $PEBCMFϓϩτίϧʹରԠͨ͠ܗࣜΛ౉͢ w 1SPYZ3FQSFTFOUBUJPO w ,FZ1BUIͰ౉͞ΕͨܗࣜΛ౉͢

w 'JMF3FQSFTFOUBUJPO w 6OJGPSN5ZQF*EFOUJ fi FSTʹొ࿥͞ΕͨϑΝΠϧͷ'JMF63-Λ౉͢ w $PEBCMF3FQSFTFOUBUJPO w $PEBCMFϓϩτίϧʹରԠͨ͠ܗࣜΛ౉͢ w 1SPYZ3FQSFTFOUBUJPO w ,FZ1BUIͰ౉͞ΕͨܗࣜΛ౉͢ έʔεᶄ૒ํ޲ %BUB3FQSFTFOUBUJPO DPOUFOU5ZQF ʜ έʔεᶃҰํ޲ %BUB3FQSFTFOUBUJPO FYQPSUFE$POUF OU5ZQFʜ

w 'JMF3FQSFTFOUBUJPO w 6OJGPSN5ZQF*EFOUJ fi FSTʹొ࿥͞ΕͨϑΝΠϧͷ'JMF63-Λ౉͢ w $PEBCMF3FQSFTFOUBUJPO w $PEBCMFϓϩτίϧʹରԠͨ͠ܗࣜΛ౉͢ w 1SPYZ3FQSFTFOUBUJPO w ,FZ1BUIͰ౉͞ΕͨܗࣜΛ౉͢ έʔεᶃڊେͳϑΝΠϧ FYө૾ϑΝΠϧɺFUD έʔεᶄߏ଄Խ͞ΕͨϑΝΠϧ ϑΝΠϧʹݟ͑Δ͕࣮ࡍ͸ϑΥ ϧμʹؚ·ΕΔෳ਺ͷϑΝΠϧ FYYDPEFͷϓϩδΣΫτϑΝΠ ϧ

w 'JMF3FQSFTFOUBUJPO w 6OJGPSN5ZQF*EFOUJ fi FSTʹొ࿥͞ΕͨϑΝΠϧͷ'JMF63-Λ౉͢ w $PEBCMF3FQSFTFOUBUJPO w $PEBCMFϓϩτίϧʹରԠͨ͠ܗࣜΛ౉͢ w 1SPYZ3FQSFTFOUBUJPO w ,FZ1BUIͰ౉͞ΕͨܗࣜΛ౉͢ 4XJGU6*ͷ*NBHFɺ 4USJOHɺ*OUͳͲ

w 'JMF3FQSFTFOUBUJPO w 6OJGPSN5ZQF*EFOUJ fi FSTʹొ࿥͞ΕͨϑΝΠϧͷ'JMF63-Λ౉͢ w $PEBCMF3FQSFTFOUBUJPO w $PEBCMFϓϩτίϧʹରԠͨ͠ܗࣜΛ౉͢ w 1SPYZ3FQSFTFOUBUJPO w ,FZ1BUIͰ౉͞ΕͨܗࣜΛ౉͢ 5SBOTGFSBCMFʹରԠͨ͠ ෦෼Λ౉͢͜ͱ͕Ͱ͖Δɻ

5SBOTGFS3FQSFTFOUBUJPO هड़ྫ struct SymbolDragItem: Transferable { let data: Data let
image: Image let symbol: Symbol static var transferRepresentation: some TransferRepresentation { DataRepresentation(exportedContentType: .png) { combination in combination.data } ProxyRepresentation(exporting: \.image) ProxyRepresentation(exporting: \.symbol) } }

5SBOTGFS3FQSFTFOUBUJPO هड़ྫ struct SymbolDragItem: Transferable { let data: Data let
image: Image let symbol: Symbol static var transferRepresentation: some TransferRepresentation { DataRepresentation(exportedContentType: .png) { combination in combination.data } ProxyRepresentation(exporting: \.image) ProxyRepresentation(exporting: \.symbol) } } όΠφϦσʔλ 1/( 4XJGU6*ͷ*NBHF ಠࣗఆٛ

5SBOTGFSBCMFͷྫ

5SBOTGFSCMFͷαϯϓϧίʔυ IUUQTHJUIVCDPNOPUPSPJE 4JNQMF4ZNCPM

5SBOTGFSCMFͷαϯϓϧ w υΩϡϝϯτΞϓϦ w ϓϨʔϯςΩετ͔ΒਤܗΛੜ੒ w ਤܗΛϩϯάϓϨε͢Δͱυϥο άՄೳʹ w υϩοϓઌʹΑͬͯը૾ɺςΩετ
Λίϐʔ w ผΞϓϦ%SPQ"QQʹυϩοϓՄೳ 4JNQMF4ZNCPM

4JNQMF4ZNCPM υϥοάଆ document.symbol.view( width: proxy.size.width * 0.5, height: proxy.size.width *
0.5 ) .draggable( document.draggableItem() )

4JNQMF4ZNCPM υϥοάଆ$POUFOU7JFXTXJGU document.symbol.view( width: proxy.size.width * 0.5, height: proxy.size.width *
0.5 ) .draggable( document.draggableItem() ) 5SBOTGFSBCMFରԠߏ଄ମ

4JNQMF4ZNCPM υϥοάΦϒδΣΫτͷੜ੒4JNQMF4ZNCPM%PDVNFOUTXJGU @MainActor func draggableItem() -> SymbolDragItem { return SymbolDragItem(
data: temporaryData!, image: symbolImage(), symbol: symbol) } @MainActor func symbolImage() -> Image { Image( uiImage: UIImage(data: temporaryData!)! ) }

4JNQMF4ZNCPM 5SBOTGFSBCMFϓϩτίϧʹରԠͨ͠ߏ଄ମ4JNQMF4ZNCPM%PDVNFOUTXJGU struct SymbolDragItem: Transferable { let data: Data let
image: Image let symbol: Symbol static var transferRepresentation: some TransferRepresentation { DataRepresentation(exportedContentType: .png) { combination in combination.data } ProxyRepresentation(exporting: \.image) ProxyRepresentation(exporting: \.symbol) } }

4JNQMF4ZNCPM υϩοϓଆ$POUFOU7JFXTXJGU RoundedRectangle(cornerSize: .init(width: 10, height: 10)) .fill(Color.gray) .overlay {
dropImage .resizable() .frame(width: proxy.size.height * 0.05, height: proxy.size.height * 0.05) } .frame(width: proxy.size.width * 0.4, height: proxy.size.height * 0.1 ) .dropDestination(for: Image.self) { images, location in dropImage = images.first! return true } ड͚औͬͨ*NBHFΛඳը༻ม਺ʹड͚౉͠

αϯϓϧίʔυͷ໰୊఺

αϯϓϧίʔυͷ໰୊఺ 7JFXΛඳը͢Δ*NBHF3FOEFSFSͷ࢖͍উख͕ສೳͰ͸ͳ͍ w*NBHF3FOEFSFS w4XJGU6*ͷ7JFX͔Βը૾Λੜ੒͢ΔͨΊͷػೳ J04ʙ wϝΠϯεϨου͔Βݺͼग़͕͠ඞཁ wΞϓϦ͕όοΫάϥϯυʹೖͬͨࡍʹඳը͕ແޮԽ͞ΕΔ৔߹͕͋ Δ *NBHF3FOEFSͰඳըػೳΛ୅ସ͢Δͷ͸ແཧ͕͋Δ

·ͱΊ

·ͱΊ w 4XJGU6*ͰͷυΩϡϝϯτΞϓϦपΓ͕ڧԽ͞Ε·ͨ͠ɻ೥ʹݟ͍͑ͯ ͨ՝୊ͷ͏ͪɺ%SBH%SPQʹ͍ͭͯ͸ղফ͞Ε·ͨ͠ w %SBH%SPQʹݶΒͣΞϓϦؒɺ04ΞϓϦؒͰͷσʔλ΍ΓऔΓʹؔͯ͠ 5SBOTGFSBCMFϓϩτίϧ͕༻ҙ͞Ε·ͨ͠ w ΞϓϦͷ%SBH%SPQͷ࣮૷͕؆୯ʹͳͬͨͷͰ৭ʑࢼߦࡨޡͰ͖ͯ໘ന͍Ͱ ͢ɻ

J045FDI#MPHߋ৽த w4XJDU6*Λ࢖ͬͯ̍̌̌ߦͰαϯϓϧίʔυΛॻ͘ 4XJGUߦγϦʔζଞ"QQMF։ൃؔ܎ͷهࣄΛܝࡌத Ͱ͢ɻ JSJNBTVDPN OPUFDPNOPUPSPJE wʹ΋هࡌதͰ͢ɻ

ࢀߟ w 8IBUTOFXJO4XJGU6*88%$7JEFPT"QQMF%FWFMPQFS w IUUQTEFWFMPQFSBQQMFDPNWJEFPTQMBZXXED w .FFU5SBOTGFSBCMF88%$7JEFPT"QQMF%FWFMPQFS w IUUQTEFWFMPQFSBQQMFDPNWJEFPTQMBZXXED w
/PXJO3&"-*5:5FDIJ04ͷ৽ػೳʮ*NBHF3FOEFSFSʯͰ4XJGU6*ͷ7JFXΛ؆୯ʹը૾ʹॻ͖ग़͢ʛ3&"-*5:ʛOPUF w IUUQTOPUFDPNSFBMJUZ@FOHOO w <ϓϨθϯࢿྉ>ϚϧνϓϥοτϑΥʔϜ 4XJGU6* υΩϡϝϯτΞϓϦ w IUUQTJSJNBTVDPNBQQMFNVMUJQMBUGPSNEPDVNFOUBQQTVNNBSZ w <ϓϨθϯࢿྉ> "QQMF͕ ΍Γ͍ͨ์୊4XJGU"UUSJCVUFT w IUUQTJSJNBTVDPNBQQMFTXJGUBUUSJCVUFT

Transferable - SwiftUI ドキュメントアプリ

Transferable - SwiftUI ドキュメントアプリ

More Decks by notoroid

Other Decks in Programming

Featured

Transcript