<div id="readability-page-1" class="page">by
 
 
 Jan 27. 2016
 <div><h3 data-app="{&quot;type&quot;:&quot;text&quot;,&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;style&quot;:{&quot;color&quot;:&quot;#333333&quot;},&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;text&quot;:&quot;브런치 에디터에 쓰인 드래그 앤 드롭 살펴보기 2&quot;}]}],&quot;size&quot;:&quot;h3&quot;}">브런치 에디터에 쓰인 드래그 앤 드롭 살펴보기 2</h3><p data-app="{&quot;type&quot;:&quot;text&quot;,&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;style&quot;:{&quot;color&quot;:&quot;#333333&quot;},&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;text&quot;:&quot;드래그앤 드롭으로 이미지를2단 또는 3단배치하면 다음과 같다. &quot;}]}]}">드래그앤 드롭으로 이미지를2단 또는 3단배치하면 다음과 같다. <div data-app="{&quot;type&quot;:&quot;img&quot;,&quot;align&quot;:&quot;content-full&quot;,&quot;mobileAlign&quot;:&quot;full&quot;,&quot;url&quot;:&quot;http://t1.daumcdn.net/brunch/service/user/2re/image/cXc5K6cAfwsEnpTeJ38on2R556E.png&quot;,&quot;caption&quot;:&quot;&quot;,&quot;width&quot;:&quot;1080&quot;,&quot;height&quot;:&quot;1920&quot;}"><img src="https://t1.daumcdn.net/thumb/R1280x0/?fname=http://t1.daumcdn.net/brunch/service/user/2re/image/cXc5K6cAfwsEnpTeJ38on2R556E.png"></div><p data-app="{&quot;type&quot;:&quot;text&quot;,&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;style&quot;:{&quot;color&quot;:&quot;#333333&quot;},&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;text&quot;:&quot;LinearLayout에 horizontal로 크게 7개의 View가 자리를 잡고 있다.&quot;}]}]}">LinearLayout에 horizontal로 크게 7개의 View가 자리를 잡고 있다.<p data-app="{&quot;type&quot;:&quot;text&quot;,&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;style&quot;:{&quot;color&quot;:&quot;#333333&quot;},&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;text&quot;:&quot;위 첨부를 보면 그냥 5개처럼 보이지만 맨왼쪽과 맨 오른쪽에 드롭을 받을때 보여질 View 가 숨어있다.&quot;}]}]}">위 첨부를 보면 그냥 5개처럼 보이지만 맨왼쪽과 맨 오른쪽에 드롭을 받을때 보여질 View 가 숨어있다.<div data-app="{&quot;type&quot;:&quot;img&quot;,&quot;align&quot;:&quot;inner-center&quot;,&quot;mobileAlign&quot;:&quot;full&quot;,&quot;url&quot;:&quot;http://t1.daumcdn.net/brunch/service/user/2re/image/zXxBtNOyC_S9r_xuyYZDirQWZJk.png&quot;,&quot;caption&quot;:&quot;&quot;,&quot;width&quot;:&quot;604&quot;,&quot;height&quot;:&quot;779&quot;}"><img src="https://t1.daumcdn.net/thumb/R1280x0/?fname=http://t1.daumcdn.net/brunch/service/user/2re/image/zXxBtNOyC_S9r_xuyYZDirQWZJk.png"></div><p data-app="{&quot;type&quot;:&quot;text&quot;,&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;style&quot;:{&quot;color&quot;:&quot;#333333&quot;},&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;text&quot;:&quot;레이아웃은 이렇게 되어있다는 얘기.&quot;}]}]}">레이아웃은 이렇게 되어있다는 얘기.<p data-app="{&quot;type&quot;:&quot;text&quot;,&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;style&quot;:{&quot;color&quot;:&quot;#333333&quot;},&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;text&quot;:&quot;이제 움직이다가 드롭가능한 구역으로 들어오면..&quot;}]}]}">이제 움직이다가 드롭가능한 구역으로 들어오면..<p data-app="{&quot;type&quot;:&quot;text&quot;,&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;style&quot;:{&quot;color&quot;:&quot;#333333&quot;},&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;text&quot;:&quot;case DragEvent.ACTION_DRAG_LOCATION:&quot;}]}]}">case DragEvent.ACTION_DRAG_LOCATION:<div data-app="{&quot;type&quot;:&quot;img&quot;,&quot;align&quot;:&quot;content-full&quot;,&quot;mobileAlign&quot;:&quot;full&quot;,&quot;url&quot;:&quot;http://t1.daumcdn.net/brunch/service/user/2re/image/jECRpXihzX0LayWI99J7tFZf5GY.png&quot;,&quot;caption&quot;:&quot;&quot;,&quot;width&quot;:&quot;899&quot;,&quot;height&quot;:&quot;421&quot;}"><img src="https://t1.daumcdn.net/thumb/R1280x0/?fname=http://t1.daumcdn.net/brunch/service/user/2re/image/jECRpXihzX0LayWI99J7tFZf5GY.png"></div><p data-app="{&quot;type&quot;:&quot;text&quot;,&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;style&quot;:{&quot;color&quot;:&quot;#333333&quot;},&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;text&quot;:&quot;이미지View를 드래그하다가 같은 이미지View 에 들어오게 되면, &quot;}]}]}">이미지View를 드래그하다가 같은 이미지View 에 들어오게 되면, <p data-app="{&quot;type&quot;:&quot;text&quot;,&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;style&quot;:{&quot;color&quot;:&quot;#333333&quot;},&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;text&quot;:&quot;1. 손꾸락의 좌표를 구한다.&quot;}]}]}">1. 손꾸락의 좌표를 구한다.<p data-app="{&quot;type&quot;:&quot;text&quot;,&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;style&quot;:{&quot;color&quot;:&quot;#333333&quot;},&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;text&quot;:&quot;2. 같은 블럭내에서의 이동인지 다른블록에서 들어온건지 구분한다.&quot;}]}]}">2. 같은 블럭내에서의 이동인지 다른블록에서 들어온건지 구분한다.<p data-app="{&quot;type&quot;:&quot;text&quot;,&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;style&quot;:{&quot;color&quot;:&quot;#333333&quot;},&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;text&quot;:&quot;3. 같은 블록에서 이동이면, 2개짜리였는지 3개짜리였는지 구분한다.&quot;}]}]}">3. 같은 블록에서 이동이면, 2개짜리였는지 3개짜리였는지 구분한다.<p data-app="{&quot;type&quot;:&quot;text&quot;,&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;style&quot;:{&quot;color&quot;:&quot;#333333&quot;},&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;text&quot;:&quot;4. 이동중인것이 첫번째것인지 두번째것인지 구분하고, &quot;}]}]}">4. 이동중인것이 첫번째것인지 두번째것인지 구분하고, <p data-app="{&quot;type&quot;:&quot;text&quot;,&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;style&quot;:{&quot;color&quot;:&quot;#333333&quot;},&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;text&quot;:&quot; 해당손꾸락의 x좌표의 위치를 현재 존재하는 이미지의 좌표와 비교한다.&quot;}]}]}">&nbsp;&nbsp;해당손꾸락의 x좌표의 위치를 현재 존재하는 이미지의 좌표와 비교한다.<p data-app="{&quot;type&quot;:&quot;text&quot;,&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;style&quot;:{&quot;color&quot;:&quot;#333333&quot;},&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;text&quot;:&quot; 이에따라 보여져야할 사이간격 View를 결정해서 에니메이션으로 넓히면서 보여준다.&quot;}]}]}">&nbsp;&nbsp;이에따라 보여져야할 사이간격 View를 결정해서 에니메이션으로 넓히면서 보여준다.<p data-app="{&quot;type&quot;:&quot;text&quot;,&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;style&quot;:{&quot;color&quot;:&quot;#333333&quot;},&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;text&quot;:&quot;나머지 경우의 수도 각각 처리한다. &quot;}]}]}">나머지 경우의 수도 각각 처리한다. <p data-app="{&quot;type&quot;:&quot;text&quot;,&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;style&quot;:{&quot;color&quot;:&quot;#333333&quot;},&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;text&quot;:&quot;Drop 이 완료되면...&quot;}]}]}">Drop 이 완료되면...<p data-app="{&quot;type&quot;:&quot;text&quot;,&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;style&quot;:{&quot;color&quot;:&quot;#333333&quot;},&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;text&quot;:&quot;case DragEvent.ACTION_DROP: &quot;}]}]}">case DragEvent.ACTION_DROP: <div data-app="{&quot;type&quot;:&quot;img&quot;,&quot;align&quot;:&quot;content-full&quot;,&quot;mobileAlign&quot;:&quot;full&quot;,&quot;url&quot;:&quot;http://t1.daumcdn.net/brunch/service/user/2re/image/If6IfIuLAEaLxnNPZNOYXeiRhP4.png&quot;,&quot;caption&quot;:&quot;&quot;,&quot;width&quot;:&quot;877&quot;,&quot;height&quot;:&quot;795&quot;}"><img src="https://t1.daumcdn.net/thumb/R1280x0/?fname=http://t1.daumcdn.net/brunch/service/user/2re/image/If6IfIuLAEaLxnNPZNOYXeiRhP4.png"></div><p data-app="{&quot;type&quot;:&quot;text&quot;,&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;style&quot;:{&quot;color&quot;:&quot;#333333&quot;},&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;text&quot;:&quot;이동중이던 view 의 데이터(이미지)를 대상 View 에 넣어주거나 바꿔치기하고,&quot;}]}]}">이동중이던 view 의 데이터(이미지)를 대상 View 에 넣어주거나 바꿔치기하고,<p data-app="{&quot;type&quot;:&quot;text&quot;,&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;style&quot;:{&quot;color&quot;:&quot;#333333&quot;},&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;text&quot;:&quot;보여줬던 들어갈 사이공간 View는 안보이게 하고, &quot;}]}]}">보여줬던 들어갈 사이공간 View는 안보이게 하고, <p data-app="{&quot;type&quot;:&quot;text&quot;,&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;style&quot;:{&quot;color&quot;:&quot;#333333&quot;},&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;text&quot;:&quot;그리고 이동중이던 view의 데이터는 없앤다.&quot;}]}]}">그리고 이동중이던 view의 데이터는 없앤다.<p data-app="{&quot;type&quot;:&quot;text&quot;,&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;style&quot;:{&quot;color&quot;:&quot;#333333&quot;},&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;text&quot;:&quot;설명하기가 참 어렵다... ㅠ.ㅠ&quot;}]}]}">설명하기가 참 어렵다... ㅠ.ㅠ<p data-app="{&quot;type&quot;:&quot;text&quot;,&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;style&quot;:{&quot;color&quot;:&quot;#959595&quot;},&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;text&quot;:&quot;회사가 허락한다면 github 에 올리고 싶다.&quot;}]}]}">회사가 허락한다면 github 에 올리고 싶다.<p data-app="{&quot;type&quot;:&quot;text&quot;,&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;style&quot;:{&quot;color&quot;:&quot;#333333&quot;},&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;text&quot;:&quot;어쩔 수 없이, 소스코드의 일부를 캡쳐했다. ㅠ.ㅠ&quot;}]}]}">어쩔 수 없이, 소스코드의 일부를 캡쳐했다. ㅠ.ㅠ<p data-app="{&quot;type&quot;:&quot;text&quot;,&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;style&quot;:{&quot;color&quot;:&quot;#333333&quot;},&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;text&quot;:&quot;p.s.&quot;}]}]}">p.s.<p data-app="{&quot;type&quot;:&quot;text&quot;,&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;style&quot;:{&quot;color&quot;:&quot;#333333&quot;},&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;text&quot;:&quot;이번 글은 망했어요.. ㅡ.ㅡ;;;;;&quot;}]}]}">이번 글은 망했어요.. ㅡ.ㅡ;;;;;</div></div>

장대희

브런치 에디터에 쓰인 드래그 앤 드롭 살펴보기 2드래그앤 드롭으로 이미지를2단 또는 3단배치하면 다음과 같다.LinearLayout에 horizontal로 크게 7개의 View가

Android Brunch Editor 살펴보기2 - ImageView 의 Drag and Drop

댓글